Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
You Know Free Practice Trading Account,Trading Forex A currency trade is the simultaneous buying of one currency and selling of another one. The currency combination used in the trade is called a cross (for example, the euro/US dollar, or the GB pound/Japanese yen.). The most commonly traded currencies are the so-called "majors" – EURUSD, USDJPY, USDCHF and GBPUSD.

Read More hack for Blogger with automatic Thumbnail creator script

read more hack Read More hack for Blogger with automatic Thumbnail creator script

You might have noticed that since few weeks I have been using a strange script which enables us to summarize content and show only the summary with a thumbnail in Home Page , Archives page and Labels page.

Since some of my readers requested this hack in gtalk , so I am going to explain How to add this hack to your blogger template.

resumo Read More hack for Blogger with automatic Thumbnail creator script

Before going into this , I would like to mention the previous versions of this created by some of my fellow Bloggers.


But these versions had some disadvantages like :

1. It can’t automatically create summaries.


We need to add the following tag in all post pages while writing new posts
Type your summary here
<span id=”fullpost”>
Type rest of the post here
</span>

2. This feature can be available only for future posts.


That is if you already have 50 posts in your blog and then after that you are adding this hack to your template then you need to add the above tag in each and every previous 50 posts to make this hack working. But it’s a tedious process.

3. Can’t create Thumbnails automatically


This hack can’t create automatic thumbnails for posts.

Now a new version has been developed by my blogger friends. I would like to share that new version of read more hack with you all.

Read More hack with automatic Thumbnail creator script


This hack has overcome all the drawbacks of the previous version of read more hack. This hack is developed by Blogsphera . ( Translated version ).

Let’s see the installation instructions :

Adding the Javascript in the header


To add the javascript files to the header , first login to your blogger account. Then navigate to Layout section of your blog and then move to EDIT HTML sub tab.

There search for this tag : </head>

Now place the follwing code above that tag </head> :
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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>

then save your template.

Final step : ADD the code in post body


Now check ” Expand Widget Templates ” option in the edit html page. And then search for this tag
<data:post.body/>

Now replace that whole tag with the code below :
<b:if cond="data:blog.pageType == &quot;item&quot;">
<p><data:post.body/></p>
<b:else/><DIV expr:id="&quot;summary&quot; + data:post.id"><p><data:post.body/></p></DIV> <SCRIPT type="text/javascript">createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT> <div style="clear: both;"/> <div style="border:0px;padding-top:5px;;float:right;text-align:right;"><span class="readon"><a expr:href="data:post.url" rel="bookmark"><img src="http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png"/></a></span></div>
</b:if>

You can now preview your template and then save it.

it will look like this :

read more hack Read More hack for Blogger with automatic Thumbnail creator script

Related Posts by Categories



U want get it? click here | Yul Jet

Comments :

3 comments to “Read More hack for Blogger with automatic Thumbnail creator script”

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

 

Blogger Torturial

Visitor From...

Followers

Copyright © 2009 by Blogger Torturial , Help Blogger , Fixs Blogger, Techlogy today

Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
Template by Blog Templste 4 U | Blogspot Tutorial