How To Put Icon Before Or After Blog Post Title.

Today I'm going to show on how to put icon on each post title.First make your own icon and save it in photobucket.From there get the direct link and paste it in the code provided below.Enjoy!!! .


Main Code.
<img src=" Your Image Url " />

Follow The Steps.

1.Log in to your blogger account.

2.Next go to edit html then check expand widget templates.

3.Look for the following codes.

1st code

<b:if cond='data:post.url'>

or

2nd code

<a expr:href='data:post.url'><data:post.title/></a>

4.Paste the main code under it.

Further Explanation.Important.

If you want the icon to appear before post title then you need to paste the main code under the first code in step 3.

But if you want the icon to appear after the post title then all you need is the 2nd code and paste the main code under it.Good Luck.

Example.

How To Put Signature Under Blogger Post?

This are the guidelines on how to put your signature below you post.First make a signature by using Paint,Gimp,Microsoft Photo Editor and so much more.If you don't know how to make the background transparent.Go to microsoft photo editor.After that click tools and set transparent color.The microsoft photo editor can be found in the programs of your computer. Save your signature to photobucket or other photo hosting sites. Next I'm going to show you the steps of the above question.

1.Go to layout then edit html.

2.Check the expand widget template.

3.Click Ctrl f and paste the code below.

<div class='post-footer-line post-footer-line-1'>

4. Under it paste code and change the IMAGE URL of the url address of your signature.

<img src='IMAGE URL' style='border: none; background: transparent;'/>

5.Preview it first before saving to avoid error.

6.You can see the result in the preview.Good luck.

Html Color Codes.

I've been planning to have my own html code in my category for a long time.And now i remember to post it.Every time i need a certain color,you have to search it in google.So here it is.It's just a click away. Just get the code below if you want one.Enjoy!!! :).

Here's The Code.You can change the width and the height if you want to.
<div style="overflow: auto; width: 450px; height: 200px;"><a href="http://media.photobucket.com/image/color%20code/stevi-ray/html_colors.gif?o=38" target="_blank"><img src="http://i261.photobucket.com/albums/ii77/stevi-ray/html_colors.gif" border="0" /></a></div>

How To Put Numbered Navigation Widget.

Easy steps to have a numbered page in your blogger.As you can see at the end of my page the 123 button together with next and previous.If you want to have like mine just go to this site Page Navigation Widget Blogger. Enjoy!!! :D.

Using A Center Code.

If you want to center your pictures,post,widgets,html code and etc.This post is for you.Here's how.

<center>YOUR TEXT AND PICTURE HERE</center>

How To Put Picture In Scrollbox.

The easy steps to put a picture in a scroll box.First you need to adjust the width and height depending how you want it to.Also you can put background color if your picture is small enough to see the background color.This is real helpful code when you have a huge pictures.Applicable anywhere you want to put.Enjoy!!!

<div style="overflow: auto; width: 550px; height: 550px; background-color: BACKGROUND COLOR CODE;">TEXT AND HTML PICTURE CODE HERE</div>

Example

Scroll Box Code.

Here's the scroll box code.The height,width,colors,and border are adjustable depending to what you like.

<div style="height:100px; width:200px; overflow:auto; color:black; background-:green; border:3px solid yellow;">YOUR CODE HERE</div>

And here is the example of the above code.

YOUR CODE HERE

Enjoy!!!

How To Put Html Code Only In Your Post.

A few bloggers don't know about this code yet.And confuse how to put html code inside a code?So it will only come out the code you want to be seen in your post.Just follow the code below and you're good to go.

<textarea>Your Code Or Html Code Here</textarea>