Cara Terbaru Membuat Readmore di Blog

By Unknown

Pada kali ini saya akan membuat artikel tentang cara Terbaru Membuat Readmore di blog ada apa sih fungsi dari readmore adalah untuk meminimalis penggunaan halaman blog agar terlihat rapih dan menarik nah kali ini saya akan membagikan tutorial cara membuat readmore di blog simak beberapa langkah berikut ini.

1. Masuk ke blog anda
2. masuk ke dasbor lalu Template Edit HTML
3. Kemudian cari kode </head> bisa menggunakan ctrl+f untuk memepermudahkan pencarian
4. lalu salinlah kode dibawah letakan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 80;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

5. Selanjutnya cari kode <data:post.body/>  jika sebelumnya anda telah memasang readmore maka hapus kode readmore yang lama dan jika kode <data:post.body/> silahkan di coba satu persatu  ) dan Ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

6. Tulisan readmore bisa anda ganti sesuai dengan keinginan anda

7. Kemudian simpan template 

Demikian artikel tentang Cara Terbaru Membuat Readmore di Blog semoga bisa bermanfaat untuk kalian semua terima kasih. jangan lupa baca artikel selanjutnya

Share :