Ok Para Sahabat kali ini Kita akan Membahas Bagaimana caranya membuat Auto Readmore Terbaru ? nah caranya sih Mudah Banget ..... Ok langsung ajah yah ......
Bahan-Bahan Yang di Perlukan :
*. Minuman Dingin ( Beli nya Dua Untuk Oriza Satu ) hehe
*. Makanan Ringan ( Belinya Dua Juga Untuk Saya Satu ) hehe
*. Kecerdasan & Ketelitian Yang Baik
Tutorial nya :
1. Buka Blog Sobat Terlebih Dahulu
2. Lalu Klik Rancangan / Layout
3. klik Edit HTML
4. lalu Cari Kode </head> ( Setelah Ketemu )
5. lalu Copas Code di Bawah Ini di atas Code </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<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>
Catatan :
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar /thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar /thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel )
6. lalu Simpan Template ( Setelah tersimpan jangan kemana-mana dulu )
7. Karena belum selesai sekarang Beri tanda centang pada "Expand widget template"
8. Lalu temukan Code <data:post.body/> ( Setelah Ketemu )
9. Ganti Code <data:post.body/> dengan Code di bawah ini :
<b:if cond='data:blog.pageType != "item"'>
<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'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
10. Silahkan Simpan & Lihat Hasil nya
Catatan :
Kata READ MORE bisa di ganti Terserah Anda , Misalkan Baca Selengkapnya Dll ataw juga bisa di ganti dengan banner yang telah sobat buat ......
Dan Sebagai Tanda Trimakasih Anda Sama Saya Tolong Follow Blog Saya ...... Trimakasih ......
Salam Hangat Oriza
