Cara membuat Read more Otomatis di Blogspot sederhana
Cara membuat Read more Otomatis di Blogspot sederhana - Ini sekedar arsip saja untuk saya agar dapat saya gunkaan di blog saya yang lai. Pembahasan ini mengenai Cara membuat Read More Otomatis di Blog secara sederhana.
1. Pilih rancangan > edit HTML > ceklis expand template widget.
2. Cari kode </head> dengan cara menekan tombol F3 pada keyboard.
3. Copy paste kan kode dibawah ini tepat diatas kode </head>
2. Cari kode </head> dengan cara menekan tombol F3 pada keyboard.
3. Copy paste kan kode dibawah ini tepat diatas kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</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>
4. Cari kode <data:post.body/> kemudian ganti dengan kode-kode dibawah ini!
<b:if cond='data:blog.pageType != "item"'>
<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>
5. Tulisan selengkapnya
bisa antum ganti sesuka antum, misalnya dengan "baca selengkapnya" atau
"read more" atau tulisan-tulisan lainya sesuai selera anda.
Itulah mengenai Cara membuat Read more Otomatis di Blogspot sederhana.
Cara membuat Read more Otomatis di Blogspot sederhana
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Cara membuat Read more Otomatis di Blogspot sederhana diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar