Cara Pasang Auto Read More Terbaru

Pada dasarnya Auto Read More sanggat penting untuk membangun sebuah blogger agar terlihat rapih, saya sendiri awalnya bingung bagaimana cara merapihkan postingan saya agar tidak berantakan, dana saya menemukan cara memasang Auto Read More agar postingan tidak berantakan dan saya ingin berbagi ilmu kepada anda yang ingin memasang Auto Read More pada blogge.

 

Langkah -  langkah membuat Auto Read More:

• Login dahulu kedalam Blogger

• Lalu pilih Tempelate dan klik EDIT HTML

•  Setelah itu  Cari kode </head> kemudian letakan script dibawah ini di atas coding </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script><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>

• Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu cari coding <data:post.body/> (untuk mempercepat pencarian tekan F3 atau CTRL++G)

• 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>

• Setelah sudah Save dan lihat hasilnya 

Selamat mencoba dan success selalu dalam aktivitas