Add Yahoo! Messenger Status to Blog

Do you know what is Yahoo! messenger? I sure you is surely knew it. Yahoo! messenger is one of yahoo.com service very popular in the world. Then what his relation with blog? some blogger wish to be in his blog attached yahoo ! messenger icon , hence if him online in yahoo! messenger can in knowing by his blog visitor and also can easy to in contacting for chatting. If you ask to me, can yahoo! messenger icon add at blog? the answer is can, and not only that, we can choose icon what is will add. The choice is differentiated in 10 choice, you remain to choose style ID which which is compatible according to your :

This is the style ID of yahoo! messenger icon :

t=0	t=9
t=1	t=10
t=2	t=11
t=3	t=12
t=4	t=13
t=5	t=14
t=6	t=15
t=7	t=16
t=8

Now, how to place the code to your blog. Follow the steps :

1. Login to blogger with your ID.
2. After entering the dasboard page, click Layout.
3. Click at Page Element tab.



4. Click at Add a Page element.
5. After emerging pop up window, click add to blog button for the things HTML/JavaScript.



6. Copy and paste the code below into available column :

<a href="http://messenger.yahoo.com/edit/send/?.target=YOURID"><img src="http://opi.yahoo.com/yahooonline/u=YOURID/m=g/t=2/l=us/opi.jpg" alt="Status YM" border="0" /></a>

7. Change some attributes on the code above after you copied it onto your blog:
- Change 'YOURID' to be your Yahoo ID.
- Change '0' to set the size of border, up to '10', and '0' means disabled.
- Change '2' to the number shown below to change the badge that will appear on your blog like the badge example below this. If you would like to use the badge number 6, you need to change '2' to '6', so it'll be t=6

8. Click
9. Finish. Please see the result.

Official "Follow by Email" Feedburner Widget for Blogger

Now Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add your site to the Feedburner manually. It will save your time.

To add this widget to your blog,

1. Log in to your dashboard --> Design -->Page Elements.

2. Click on 'Add a Gadget' on the sidebar.

3. Select "Follow by Email".

4. Now if you want you can add "FeedBurner URL" manually. but your feed address is automatically added to the "Feedburner URL" box by Blogger.

5. Click save. You are done.

Related Post Widget Using Google Custom Search for Blogger

You have seen many related post widgets for blogger. But here is one which is designed using Google Custom Search. See the demo in the footer section of this post.

How to install :
1. Login to Blogger Dashboard
2. Go to Design >> Edit HTML >> Check ‘Expand Widget Template‘
3. Search for <data:post.body/>
4. Paste the follwoing code below <data:post.body/> tag

Related Posts...

5. Create your own Google Custom Search Engine and you will get Custom Search element code.
6. Replace 'Google Custom Search ID' in above code with Search ID (It will be like '018365665906983522985:XXXXXXXXXXX') that you got in 5th step.
7. Save template. You are done!

Simplex Celebrity – Multicolumn Blogger Template

Instructions:	How to use this template
Template Name	Simplex Celebrity
Template author:	simplexdesign
Designer:	simplexdesign
Description:	Simplex Celebrity is multicolumn blogger template, right sidebar, readmore ready

BlueSense Template - Adsense Ready Blogger Theme

BlueSense template is high quality adsense theme designed by doshdosh. Bluesense template colors are perfectly blended with Adsense units on both homepage and single post pages for a maximum click through rate. BlueSense maybe looks like amateur, but i bet you'll have maximum click through rate. Bluesense template come with 3 columns with left and right sidebar.

Customizing Codes for the Adsense Units
Color codes for all ads except the link units

google_color_border = F0F6FB
google_color_bg = F0F6FB
google_color_link = 064B8C
google_color_text = 064B8C
google_color_url = 064B8C

Color codes for the link units

google_color_border = 064B8C
google_color_bg = 064B8C
google_color_link = ffffff
google_color_text = ffffff
google_color_url = ffffff

How to display HTML Code in blogger post

Surely you’ve seen that I often feature the programming codes such as HTML, CSS, Javascript, PHP and others on this blog, haven’t you?

Need a special technique to display the HTML code in blog posts, because if you just directly copy paste the code to your posts editor, then you will find the blank page without any code.

Display HTML code in Blogger post

In order to display HTML, Javascript, CSS, PHP and other codes in post page, you need to parse or modify the existing code with the entity of those codes.
The following table are some of the entities that often used:

Characters	Entity (Name Code)	Entity (Number Code)	Remarks
<	&lt;	&#60;	less-than sign
>	&gt;	&#62;	greater-than sign
&	&amp;	&#38;	and
“	&quot;	&#34;	Double quote
±	&plusmn;	&#177;	Plus minus sign
Space	&nbsp;	&#160;	nonbreaking space
©	&copy;	&#169;	copyright
®	&reg;	&#174;	Registered

The most important, when you are about to enter the code you want to display, you should to click the Edit HTML first:

<pre>
............................
</pre>

or

<code>
............................
</code>

In order to be easier to understood, i take an example. If you want to display this following code:

<ul id="soc">
<li><a class="facebook" title="Be my facebook fan" href="http://www.facebook.com/pages/How-To-In-Blogger/166729273361572">Facebook</a></li>
<li><a class="twitter" title="Folow me on Twitter" href="http://twitter.com/howtoinblogger">Twitter</a></li>
<li><a class="rss" title="Subscribe via RSS" href="http://feeds.feedburner.com/howtoinblogger">rss</a></li>
<li><a class="email" title="Subscribe via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=howtoinblogger">email</a></li>
</ul>

Then the code on your posts must be as follows:

<pre>
&lt;ul id=&quot;soc&quot;&gt;
&lt;li&gt;&lt;a class=&quot;facebook&quot; title=&quot;Be my facebook fan&quot; href=&quot;http://www.facebook.com/pages/How-To-In-Blogger/166729273361572&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&quot;twitter&quot; title=&quot;Folow me on Twitter&quot; href=&quot;http://twitter.com/howtoinblogger&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&quot;rss&quot; title=&quot;Subscribe via RSS&quot; href=&quot;http://feeds.feedburner.com/howtoinblogger&quot;&gt;rss&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&quot;email&quot; title=&quot;Subscribe via Email&quot; href=&quot;http://feedburner.google.com/fb/a/mailverify?uri=howtoinblogger&quot;&gt;email&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>

HTML Parse Tool

To make your work more easy and not wasting time, you can do the parse using HTML parse tool which avalable on our blog. Please to open the HTML Parse Tool page..
You just need to enter the HTML code you want to parse then click Parse Code button and your HTML code will immediately be parsed.


Good luck!

Change text link "Post a Comment"

How to Change text link "Post a Comment" below the comment column. Although that blog has been set in Indonesian language, you can change the text with your own style as an example: “Write a comment” or “Want to chit chat” or with the other texts. The method to change that text is very easy, just follow the step below:

1. Enter Edit HTML page
2. Turn on the Expand Template Widget
3. Find the code below:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b><font color='#444'>
<img alt='Post a Comment' border='0' height='47' src='http://oom.blog.googlepages.com/comments.gif' width='61'/>
<data:postCommentMsg/></font></b></a>
</p>

Change the red text above as you want it.
4. Then save your template, good luck :)

How to Make your Blogger Blog ready for Mobile Phones

As you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.

From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.

So, here is how to make your Blogger (blogspot) blog mobile internet friendly..

Sign into your Blogger account > Design > Edit html

Find this line:

<b:include data='blog' name='all-head-content'/>

Paste this code below that line:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

Save the Changes!

That's it! Now, your visitors can access your blogger blog through mobile phones with blazing speed...

Simplex Newsportal - Free premium blogger template for magazine and news portal

Simplex Newsportal - Blogger Template Magazine style

This is free Magazine Blogger Template it’s so unique amazing, clean and also have more feature, such as :
- Magazine layout
- Widget ready
- Ads slot ready
- Left and right sidebar
- RSS ready
Of course this Magazine blogger template dedicated for News portal Blog or Magazine Blog.

Simplex Worldnews - Premium Blogspot template in magazine style

Simplex Worldnews is a premium Blogspot template in magazine style. It come with features that no others Blogspot template has.

- Easy to install and configure .
- Ads slots ready
- Widget ready
- RSS links ready
- Eye catching
- Encrypted Footer

ProSense Grey Blogger Template - Adsense Friendly

ProSense Originally created by created by Dosh Dosh and The Wrong Advices and converted to Blogger template by Akoogle. Its very infrastructure is designed to direct maximum attention to Adsense ads while preserving as much focus as possible on your blog content.

Yalene

Features:

Instructions:	How to use this template
Template Name	Yalene
Template author:	Best Theme
Designer:	Web2Feel
Description:	Yalene is a free blogger template adapted from WordPress with 3 columns, right sidebar, magazine-styled, rounded corners, footer columns, slideshow and posts thumbnails..

XFactor

Features:

Instructions:	How to use this template
Template Name	XFactor
Template author:	Bonard Alfin
Designer:	Bonard Alfin
Description:	XFactor is a simple template for Optimize Google Adsense Income, Fixed, White, Green and Gray color, 2 Columns, Right sidebar, Costum Menu

Smart Gradient

Features:

Instructions:	How to use this template
Template Name	Smart Gradient Blogger Template
Template author:	Dody Farial
Designer:	Dody Farial
Description:	Smart Gradient is clean blogger template with 4 columns with 2 columns right sidebar, includes space for a banner advert and one column on the left sidebar. There is plenty of ad space for your banner.