cara membuat read more otomatis dengan gambar

|cara membuat read more otomatis dengan gambar| 

|Created Posted By : adias-PC|

Halo Sob ... ane Sekarang mau Share tentang cara membuat read more otomatis dengan gambar. yaitu Read more Otomatis Yang ditambah Gambar. Jika Sobat tertarik dan Ingin Membuatnya Silakan Ikuti Langkah Langkah Berikut ini....

1. Login Ke Blogger

2. Pilih Menu Rancangan --> Edit HTML

3. Jangan Lupa Centang Expand Template widget

4. Cari Kode </head> 

5. Copas Kode Dibawah ini dan letakan di Atas kode Tadi

<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

6. Kalau Sudah Cari Kode  <data:post.body/> 

7. Dan Ganti Kode Ditersebut dengan kode di Bawah ini...

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>


<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ket* : Sobat Bisa Mengganti Kode Berwarna Hijau Dengan URL gambar Sobat

8. Simpan Templatenya

Created Posted By : adias-pc.blogspot.com

Keyword : 
Cara membuat Read more, Cara membuat Read more otomatis,cara membuat read more otomatis dengan gambar, Cara membuat baca selanjutnya, Cara membuat baca selanjutnya dengan gambar, Cara membuat baca selanjutnya dengan gambar, Cheat point blank, Cheat ninja saga, Download Games PC Full version, Download Antivirus.

Bagi Sobat Kalau ada yang kurang di mengerti atau ingin ditanyakan silakan berkomenta

Lihat Yang Lainnya...

Posted in: Tips n Trik,Tutorial Blogger