- Share This Post
- submit
- 0
-
Sparkle (0)
Please note that the large screenshots required to illustrate the points in this post, are all hosted at How2Blog, so feel free to read the entire article there if you need the visual aids.
First off, thank you to everyone that wrote in to How2Blog with their questions. An even bigger thank you to Mir at Want Not (and of Woulda Coulda Shoulda Fame) for spreading the word. Many of the questions came in from that helpful site. Thanks, pretty lady!
There are many questions to get to, but some of you wanted to know the simplest of things, and what did Julie Andrews sing in The Sound of Music?
Let's start at the very beginning
A very good place to start
When you read you begin with A, B, C
When you sing, you begin with Do-Re-Mi
And then she broke into song. Again.
Many of you wrote asking about how to add links, how to add images, and how to add links that are clickable images to your sidebars.
Laurie from Not Just About Cancer wrote:
When I switched to blogger beta, I lost all the buttons on my blog, including sitemeter, which I really miss. Is there a way to get them back or do I have to start all over again?
Laurie, allow me to let you in on a little secret: never, ever sign up for anything Beta. I can't tell you the number of times I've signed up for Beta and lost everything, including my mind trying to make it work.
Needless to say, Blogger Beta is now The New Blogger, so what's done is done. So the sad fact is, yes, you need to re-install the codes for all of your sidebar fun.
Go to Site Meter and sign in, get your html code and plug it in where you want it. (The code at Site Meter is found under the Manager tab, and although there is an option for adding the code to your Blogger blog, among others, we're going to do this the old fashioned way.)
So here's a sample code from Site Meter:
<!-- Site Meter -->
<script type="text/javascript">
</script>
<noscript>
<a xhref="http://s26.sitemeter.com/stats.asp?site=s26subwhispers" mce_href="http://s26.sitemeter.com/stats.asp?site=s26subwhispers" target="_top">
<img xsrc="http://s26.sitemeter.com/meter.asp?site=s26subwhispers" mce_src="http://s26.sitemeter.com/meter.asp?site=s26subwhispers" alt="Site Meter" border="0" /></a>
</noscript>
<!-- Copyright (c)2006 Site Meter -->
Click the images to enlarge the steps for adding your code to Wordpress, Old Blogger and New Blogger (Beta.)
Old Blogger:
New/Beta Blogger Tutorial (Slide 1 of 3)
New/Beta Blogger Tutorial (Slide 2 of 3)
New/Beta Blogger Tutorial (Slide 3 of 3)
Wordpress:
Click to enlarge the steps for adding your code to Wordpress:
Wordpress Tutorial (1 slide)
Most other Content Management Systems would be similar to either of these, but drop me a line if there is a specific CMS you want me to cover, and I will do so in an upcoming post.
You can install HTML or Javascript code for images or for clickable images in the same fashion. For just an image:
<img src="http://www.troll-babygraphics.com/%E2%80%9DURL%E2%80%9D" />
(URL = the url of the image you want to show)
So if your image is on Flickr, you'll need to sign into your account, go to the desired picture and click "All Sizes". Then click the size you want. At the bottom of that page, there will be code for your picture, depending on the size you're looking for, like this:
<img src="http://farm1.static.flickr.com/126/349784055_98ceafcc1d_m.jpg" />
For a clickable image, like the one Cool Mom Picks uses:
<a href="http://www.troll-babygraphics.com/%E2%80%9DLINK"><img src="http://www.troll-babygraphics.com/%E2%80%9DURL%E2%80%9D" /></a>
(LINK URL is the url of the page you want the image to link to and ‘URL’ is the image location, whether it be from Photobucket, Flickr, or your own host or server).
<a href="http://www.coolmompicks.com/"><img width="155" height="40" border="0" alt="Cool Mom Picks" src="http://www.coolmompicks.com/images/button_cmp.gif" /></a>
(CMP has added a width of 155 pixels, a height of 40 pixels and a border of 0, to be specific on how they want their button to render. The "alt" part tells users what is missing if the graphic does not show up.
That's it