Cara Menambah Read More Otomatis di Blog
Agar blog kita kelihatan rapi dan ringkas, ada baiknya kita menambahkan read more di blog. Kali ini saya akan memberitahu cara memberi read more otomatis. Agar setiap kali posting tidak perlu men-setting read more lagi. Dan ini dia caranya:
Login ke dasbor anda.
Pilih Template >> edit HTML >> centang tulisan Expand template widget.
Cari tulisan </head> dengan cara menekan tombol F3 di keyboard.
Copy paste kode dibawah ini tepat diatas kode </head>.
Bagaimana? Mudah bukan? Selamat mencoba... ^^
Pilih Template >> edit HTML >> centang tulisan Expand template widget.
Cari tulisan </head> dengan cara menekan tombol F3 di keyboard.
Copy paste kode dibawah ini tepat diatas kode </head>.
<script type='text/javascript'>Kemudian cari kode <data:post.body/> lalu delete dan ganti dengan kode-kode dibawah ini.
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
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>
<b:if cond='data:blog.pageType != "item"'>Tulisan selengkapnya yang berwarna merah, bisa kalian ganti sesuka kalian.
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><b>Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Bagaimana? Mudah bukan? Selamat mencoba... ^^
0 komentar: