Cara Membuat Readmore( Baca Selengkapnya )

Tulisan artikel agan banyak, setelah diposting tampilannya panjang dan terlalu memakan ruang di postingan?? alangkah baiknya jika agan membuat readmore.
Dengan readmore, selain mempercantik blog agan... akan bisa sedikit menahan pengunjung untuk tetap di blog agan. karena jika si pembaca penasaran, pasti akan membuka 'Baca Selengkapnya '.

Jika agan berminat ingin membuatnya juga, ini ane share cara buatnya.. simak y gan..
1. login ke akun blogger agan
2. pilih tata letak >> edit HTML >> centang tulisan Expand template widget(jika ada) >> lalu cari kode </head>, untuk mempermudah tekan CTRL + F (paste kode </head> dan enter)
3. copas kode dibawah ini, tepat diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; 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>

4. Kemudian agan cari kode <data:post.body/> ,gunakan CTRL + F Ganti semua kode <data:post.body/> dengan kode dibawah ini (yang perlu diingat semua kode <data:post.body/> harus diganti, jika tidak, pasti tidak akan berhasil)

<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;padding-top:20px;'> <a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>

catatan : untuk tulisan readmore bisa agan ganti misal dengan Baca Selengkapnya, Baca Selanjutnya, dll terserah agan

5. Kemudian save template

Sekian sobat, semoga bermanfaat...
Jangan lupa follow atau bantu ane isi survei, hanya 2 menit saja, biar ane lebih semangat... ok

BANTU ISI SURVEI DISINI

Trim's