Membuat auto read more pada blogger

Cara gampang bikin auto read more pada bloger.

Auto read more pada blogger. (new edition) "katanya".. hehehehe.. emang mudah sih buatnya. Ketika kita memposting sesuatu, otomatis akan terpotong. Kita tidak perlu lagi untuk memasukkan kode <span class="fullpost">....postingan anda.... </span> tapi yang ini lebih gampang. Lebih instan. Ketika postingan kita berisi gambar, otomatis di awal akan muncul semacam thumbnail.wiiiieeee.... hebat dong..

Udah deh.. ga pake lama nih.. langsung aja

1. Silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script yang ada di dibawah ini di atas kode </head> tersebut.Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:
<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script><br /> <br /> <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>


2. Beri tanda centang pada "Expand widget template" pada halaman EDIT HTML .

lalu temukan kode seperti dibawah

<data:post.body/>

Bingung nemuin nya?? Tekan (ctrl + F) (fungsi find pada browser) lalu ketikkan deh yang mau di cari. Yaitu <data:post.body/> oke??

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

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



TADAAAAAAA!!!!
Mak nyussss................ajip!!

silahkan disimpan dan lihat hasilnya












MUDAH KAN??
MANTAP DEH... SELAMAT MENCOBA..

lihat sumbernya di sini

Artikel yang Berkaitan :