Making Dofollow Blog | Blogspot Tips

How to create a blog nofollow to dofollow? . This makes it fairly easy, but it needs to consider. Blog dofollow so hated by google. That's what I learned about SEO. Will allow dofollow blog search engine to crawl the links in our blog comments. The advantage is a dofollow blog will get traffic from blog search for dofollow blogs, because blogs dofollow is sought for means blogwalking. The bloggers who are looking for backlinks will visit your blog dofollow and comment on your blog. Because you allow your blog to share a free backlink.


So think about whether you want to make your blog dofollow or nofollow
Create a Blog Dofollow :
Login your Blog account
visit layout >> Edit Html

Search this Code

<a expr:href='data:comment.authorUrl' rel='nofollow'>

and change into

<a expr:href='data:comment.authorUrl'>

Your blog completed dofollow blog, simple ^.^
To check your blog is dofollow
On your blog, on the right-click the comment box who commented on your blog >>properties. it will show like this.



This example of blog dofollow in ziddu-ku.blogspot.com

and for example NOFOLLOW Blog :
Will appears external nofollow == is nofollow
From Prafangga.com

Regards, ^.^

READ MORE - Making Dofollow Blog | Blogspot Tips Read More!

SEO on Picture

Keep in mind, the biggest Search engine "google.com" crawl our blog from the word for word. And ignoring java script or other. Robot eyes of google images does not mean, no matter it was a beautiful picture or bad. Google robots, looked at a word stored behind the image. Yes, the word meaning a tucked able to declare this picture google robot to index our blog. That way, it is expected to increase blog traffic.

It is strongly recommended each time you post an article along with a picture, the meaning behind enter an appropriate image with the article you wrote. Meanings or word can be entered in the html source image. By using ALT in the picture. It is worth adding the title on the source image.
This is recommended Google to build a website or blog dynamic.

Edit HTML
looking for source images you post.
search alt = "keyword your post here"
and add title
title="keyword your post here"
Look picture

READ MORE - SEO on Picture Read More!

Related Post Below Post | Easy linkwithin

Related Post Again LOL, Tutorial blog this time quite easy to make witget related post under the post or over the post up to you in a place. Get to http://linkwithin.com/.

Install widgets

html widgets to place your own. (above or below posts)
And Congrat.... ("p)

READ MORE - Related Post Below Post | Easy linkwithin Read More!

Related Post Facebook Style | Right Post

Displays links Recent Posts with Thumbnails Widget for Blogger | Scrolling On I've seen, this time I will discuss How to make widgets related post on the left post articles?
Hehe this idea came when I saw ads that appear on facebook, Because one of my blogs are also used facebook template. You can look at facebook-hot.blogspot.com. Related Post Facebook Style on Right Post.
Okay let's discuss his code.
Do not Forget to backup your layout first
First Log Blog account > layout > Edit Html
Give Check Expand Widget Templates
Search </ head> and replace with the following code :

<!--Related Posts with thumbnails Styles finansialblogid.blogspot.com Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h3{
font-size: 1.6em;
font-weight: bold;
color: blue;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<a href='http://finansialblogid.blogspot.com' style='display:none;>tutorial blogspot | widget hack</a>
</b:if>
<!--Related Posts with thumbnails Styles finansialblogid.blogspot.com End-->
</head>

The second step search <div class='post-body entry-content'>
Youth put the following code under <div class='post-body entry-content'>
(Essentially you put under your post code)

<!-- facebook style related post Start-->
<div style='float:right;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://finansialblogid.blogspot.com'>tutorial blogspot | widget hack</a><br><a href='http://troy4any.blogspot.com'>Downlaod free</a></br><a href='http://finansialblogid.blogspot.com/search/label/Tutorial%20%20Blogspot' style='display:none;'>Tutorial blogger</a><a href='http://troy4any.blogspot.com' style='display:none;'>Downlaod free</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=1;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://finansialblogid.blogspot.com/search/label/Tutorial%20%20Blogspot' style='display:none;'>Tutorial blogger</a><a href='http://troy4any.blogspot.com' style='display:none;'>Downlaod free</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=1;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://finansialblogid.blogspot.com/search/label/Tutorial%20%20Blogspot' style='display:none;'>Tutorial blogger</a><a href='http://troy4any.blogspot.com' style='display:none;'>Downlaod free</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=1;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://finansialblogid.blogspot.com/search/label/Tutorial%20%20Blogspot' style='display:none;'>Tutorial blogger</a><a href='http://troy4any.blogspot.com' style='display:none;'>Downlaod free</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=1;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://finansialblogid.blogspot.com/search/label/Tutorial%20%20Blogspot' style='display:none;'>Tutorial blogger</a><a href='http://troy4any.blogspot.com' style='display:none;'>Downlaod free</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=1;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
</div>
<!-- facebook style related post End-->

Enjoy facebook style related post

READ MORE - Related Post Facebook Style | Right Post Read More!

Recent Posts with Thumbnails Widget for Blogger | Scrolling On

I get code this from witged www.bloggertricks.com then I edit it by adding scroll to be able to show a lot of posts. in bloggertricks.com 5 show or more the latest posts, If for all post will take a lot of places. I think to show all my entire blog post.
And finally I got the idea to add a scroll, as an example, see right side bar widget My Post.
just copy this code and paste in your blogspot widget html (edit code in red color,customize to your blog)
CODE HTML:

<div style="overflow: auto;background-color:#ffffff; margin: 0px auto; padding: 5px;font-size: 12px; height: 200px;width: 94%;text-align: center;">
<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 150;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 10;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 8;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://finansialblogid.blogspot.com/";
</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
<a href="http://finansialblogid.blogspot.com/">blog tutorial</a></div>


code information that you can edit:
boxwidth - Width of the widget
cellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://finansialblogid.blogspot.com/ (change this to your blog url)
numpost =10 (you can replace it with a larger number, but remember the tips that I edit the code, you can not put a number greater than the amount of your blog post. If you do this there will be errors, recommendations numpost smaller number than the number of posts in you blog)

READ MORE - Recent Posts with Thumbnails Widget for Blogger | Scrolling On Read More!

Repair Blogspot Comment Box

Please check your comment box.
Is running normally, if there is an error then the right tips to overcome your blogspot comment box.

Image From www.masdoyok.co.cc

Tips to improve the blogspot comment box that error.
Login Blogspot >> Edit HTML>> search (in firefox press ctrl + F to search)
comment-editor

search under the comment-editor, you will find the height=''

size standard is 275. Replace with a larger (higher) eg 400.

READ MORE - Repair Blogspot Comment Box Read More!

Yahoo Hidden Emotion | For Post Blog

In past postings, I've included the code yahoo emotion to enhance your blog posts. This time I will share emotion Yahoo Hidden code. Enjoy, Hopefully helpful.














[-O<praying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width=18 height=18 border=0>

$-)money eyes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width=18 height=18 border=0>

:-"whistling
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width=22 height=18 border=0>

~O)coffee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width=18 height=18 border=0>

b-(feeling beat up
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width=18 height=18 border=0>

:-??I don't know
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width=40 height=18 border=0>

%-(not listening
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width=52 height=18 border=0>

:@)pig
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width=18 height=18 border=0>

cow3:-Ocow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width=18 height=18 border=0>

:()monkey
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width=21 height=18 border=0>

~:>chicken
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width=18 height=18 border=0>

@};-rose
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width=18 height=18 border=0>

%%-good luck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width=18 height=18 border=0>

**==flag
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width=25 height=18 border=0>

:o3puppy dog eyes - New!

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width=31 height=18 border=0>

(~~)pumpkin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width=17 height=18 border=0>


*-:)idea
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width=30 height=18 border=0>

8-Xskull
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width=18 height=18 border=0>

=:)bug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width=20 height=18 border=0>

>-)alien
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width=18 height=18 border=0>

:-Lfrustrated
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width=18 height=18 border=0>

:)>-peace sign
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width=22 height=18 border=0>


o=>billy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width=18 height=18 border=0>

o-+april
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width=18 height=18 border=0>


[-Xshame on you
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width=22 height=18 border=0>

:D/dancing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width=26 height=18 border=0>

>:/bring it on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width=23 height=18 border=0>

;))hee hee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width=18 height=18 border=0>

:-@chatterbox
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width=36 height=18 border=0>

^:)^not worthy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width=32 height=18 border=0>

(%)yin yang
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width=18 height=18 border=0>

:-joh go on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width=26 height=18 border=0>

(*)star
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width=18 height=18 border=0>

o->hiro
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width=18 height=18 border=0>

My Emotion Bonus free just For U.......... LOL
<img src="http://www.ufos-aliens.co.uk/ANIalienHeadGrn02C.gif" alt="" border="0" />

READ MORE - Yahoo Hidden Emotion | For Post Blog Read More!

Yahoo Emotion | For Your Posting Blogspot

Just copy and paste in your posting blog, I hope to help you
Keep Posting with Emotion





Yahoo Emotion | For Your Posting Blogspot

:)happy
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>

:(sad
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>

;;)batting eyelashes
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>

;)winking
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>

:Dbig grin
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

>:D
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>

:-/confused
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>

:">blushing
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

:xlove struck
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

:Ptongue
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

:-*kiss
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

=((broken heart
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>


:-Osurprise
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>
X(angry
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

:>smug
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>

B-)cool
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

:-Sworried
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

#:-Swhew!
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

:((crying
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

>:)devil
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=18 height=18 border=0>

:))laughing
emotion code : <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

:straight face
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=18 height=18 border=0>

=))rolling on the floor
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

/:)raised eyebrow
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

O:-)angel
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

:-Bnerd
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

=;talk to the hand
emotion code :
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=18 height=18 border=0>

READ MORE - Yahoo Emotion | For Your Posting Blogspot Read More!

Change Favicon Blogspot

What is a Favicon?
favicon is a small 16X16 image located at the top of your browser in the url bar.
standard orange "B" blogger favicon.

How to Change your Favicon

1. First go to Layout > Edit HTML in your Blogger Dashboard.
2. Backup your existing template before making any changes!
3. Place the code below directly below the <head> tag in your template.

<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />
<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>


4. Now save your template.
5. Once your template is saved view your blog and make sure to refresh the page and delete your cookies.

Creating your own Favicon

1. Replace the image URL (2X) with your own 16 pixel by 16 pixel image hosted on the internet.
2. http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
You can host your own favicon blogger image at sites such as ImageShack, Flickr, etc.
3. Check out this Favicon Generator Tool which allows you to upload an image and it will format it for you!

Source

READ MORE - Change Favicon Blogspot Read More!

Readmore automatic in Blogspot

How to make automatic readmore on blogspot.
First, please go directly to the page EDIT HTML, Find the code </ head> then Put this script in the code </ head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>




EDIT HTML pages, Tick the "Expand widget templates" and find the code like below

<data:post.body/>

Replace the code with the code below.


<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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Save and see the changes in your blogspot

READ MORE - Readmore automatic in Blogspot Read More!