Free Blogger Templates

This post will help you add yahoo emoticon into your blogger.

Note: emoticon only appear on blogger after blogger loaded success!

How: Ok, let's go...

Step 1:

You open the Edit HTML in the blog. (Dashboard -> Layout -> Edit HTML )

Step 2:

Find the following code: <head> and add this line below <head>

<script src='http://site.gman.googlepages.com/Emoticon.js ' type='text/javascript'/>

Find the line to: <body> and edit to:

<body onload='replaceText();'>

Continue search:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

Edit to:

<div id='emoticon'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div> <!-- end emoticon -->

then save the template. So then it is finished.

Wish you success!

you can see more about version 2.0 here.

New Feature in Version 3.0: Use version 3.0 you can optionally be shown 2 types:

1. Show as ver 2.0, meaning Thumbnail Summary on the left and right.
2. Display Thumbnail above (flat margins between) and Summary below, this very beautiful for the collection site and images site.

Demo: my blog

Installation:

Installation is easy and fast, nearly version 2.0 installed.

If you have installed version 2.0, the upgrade conducted as follows:

Search for code format and length of the Thumbnail:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>

Add the following code in the above:

var thumbnail_mode = "no-float" ;
summary_noimg = 430;
...

Continue to change link in the code:

http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js
to
http://www33.websamba.com/anhvosite/blogger/js/summary-post-v30.js

it is finished.

Row

var thumbnail_mode = "no-float" ;

is the show's Readmore. Default is no-float: that is displayed in the Thumbnail and Summary below. When you use this mode, the variables and img_thumb_height img_thumb_width will be the largest width and largest height of Thumbnail. If you want to show Thumbnail Summary right and left, the fix-it float to float.

If you have not installed version 2.0 (never installed):

At Template - Edit HTML, Expand widget, to find <data:post.body/>

and replace it with the following code:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

In addition you must also code below into the HEAD (<head> ... </ head>) of the template:

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

With:

• summary_noimg is number of the character description for the items are not representative.
• summary_img is number of the character description for items with the representatives.
• img_thumb_height : height of the avatar (pixels).
• img_thumb_width : width of the avatar (pixels).

Wishing you happy, especially the long time you fly "expect" this version!

Source:vietwebguide.com translated by Joker_H

This video from The ICE Marketing Group LLC builds on the video about Blogger templates. In this video we show you how to customize the look, feel and color of your blogger template.