Being Ultra new to Blogging and HTML formats
I have had a few learning curves to over come.
Quite frankly I have no idea what I am doing and
most is by Googleing the question and trying the answers out.
I also have this book called the "Idiots Guide to Web Design and Bogging"
which has become a bit a bible for me.
So I thought I might add some blogging / HTML tips here as well.
It also reminds me what I did for next time
So I thought I might add some blogging / HTML tips here as well.
It also reminds me what I did for next time
Blog Hints
To Centre a Paragraph or HTML file
I was struggling with getting the HTML buttons
to centre in the gadget.
One thing I did workout is we spell "center" over here as "centre"
not sure if that was part of the issue but worked when I tried this:
Add to the beginning of the HTML code for the button
<P Align="center">
Basically the <P> tags behaviour is modified when the browser
comes along the "align" attribute.
Centreing an image
Another issue was that my pics were all skewif
so found this centred them in the Blogger gadget
enter data via design / template designer /advanced / change css /
I added this to the CSS
#Image1 {text-align:center}
I then copied and pasted in the next line and by just by
changing the image number the following photo was centred.
For multiple photos keep adding lies and changing numbers.
Make your own Grab Button
This one was easier than I thought
Thanks to http://www.shabbyblogs.com/ tutorials
(see link in sidebar)
You will see mine at the top of each page
1. Choose the image you'd like to use as your button. I'd make it no bigger than 200 pixels wide so it fits on the average sidebar.
2. Upload your cool new button to the image hosting site of your choice. (I use Photobucket, but it doesn't matter.)
3. In another tab, log into your Blogger account and go to the Page Elements page. Click on "Add a Gadget" and select HTML/JavaScript
4. Copy and paste the following code in the text area:
Make your own Grab Button
This one was easier than I thought
Thanks to http://www.shabbyblogs.com/ tutorials
(see link in sidebar)
You will see mine at the top of each page
1. Choose the image you'd like to use as your button. I'd make it no bigger than 200 pixels wide so it fits on the average sidebar.
2. Upload your cool new button to the image hosting site of your choice. (I use Photobucket, but it doesn't matter.)
3. In another tab, log into your Blogger account and go to the Page Elements page. Click on "Add a Gadget" and select HTML/JavaScript
4. Copy and paste the following code in the text area:
5. In Photobucket (or wherever you chose to store your button), copy the URL or direct link and paste it in both places where the code says YOUR BUTTON LOCATION.
6. Replace the words YOUR BLOG ADDRESS with...your blog address. :)
7. You can change the size of the box below your button by adjusting the numbers 4 (rows) and 22 (columns). You don't have to, but I just thought I'd let you know.
8. Build your blogging empire!
My next challenge is to turn it into a Blinking Blinki
One step at a time
No comments:
Post a Comment