My side of the world and story

Sponsored By
Below are readers who have donated to me as a thank you token. If you feel that my post are worth reading, please donate to me at any amount. Thank you.
  • Markp-R
  • Kathy M
  • Russell Gumns
  • Sazali Hassan
  • Evil Monkey
  • Link to me

    Book i read.
    Wednesday, December 28, 2005
    wBloggar tutorial for Blogspot users.
    You can insert picture from your Blogspot dashboard and you can align it according to your needs. You can set your picture to the left, centre or right of your content. This will gives you a professional look. But you can save your time by using wBloggar to manage your image position.

    Before i give you how to use wBloggar, from your dashboard, in Posting tab, you can see an icon for managing your picture position.

    Just click on it and another window will appear. Set your image position and off you go.

    As i said earlier, you can save your time. You don't have to login to your dashboard to do this. WBloggar is a nice software for bloggers and i use it all the time. Shall we move on to the next steps?

    Fire up your wBloggar and login as usual. Go to the menu and select HTML and you'll see Custom Tags. Once you've clicked it, you can see another sub-menu.

    I gave my tag as Image_Side_Left and Image_Side_Right. You can give it any name if you want.

    Click on any link and you'll see another windows asking you to enter the tags. Look at the image below.

    Now that we have covered the basic stuff, it's time to enter the code. Let us start with Image_Side_Left shall we. In the Tag Open box enter the following code.
    <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="HTTP://IMAGE_URL_HERE"><img style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" src="http://IMAGE_URL_HERE" alt="" border="0" /></a><br />

    Replace IMAGE_URL_HERE with your real image that you have upload. Notice float:left in the code? Replace left with center or right for the next position. Repeat this step for Image_Side_Right and Image_Center. Test it and if everything goes well, you should see your image on your left, right or center. Happy blogging.

    This can be usefull if you want to insert a smiley for your content. Just create your smiley icons and upload it. Give it the tag and you can insert you smiley with no trouble at all. As you can see, i put a smiley on the left of this paragraph.
    posted by Jamloceng @ 2:37 PM  
    About Me
    Author: About me
    Contact: me
    Add to: Yahoo
    Subcribe to: Newsgator
    Subcribe to: Rojo
    My: NewsBurst
    Disclaimer: Creative Commons
    Previous Post
    As seen on