 |
| Read More |
Kegunaan
Read More mungkin bagi ane adalah untuk mempersingkat tampilan atau tulisan yang tampil dihalaman Home Page,
Read More ini kebanyakan orang menggunakannya karena untuk membuat tampilan elegan dan simoel pada Home Page Blog, Oke langsung saja jangan Banyak Bacot..
hehehehehe...
Langkah-langkah
1. Login Ke Blog Anda
2. Klik Rancangan
3. Klik Edit HTML, Jangan lupa Mencentang Expand Template Widget
4. Cari Kode </head> apabila Belum ketemu menggunakan Ctrl + F pada Keybord anda
5. Apabila Sudah Ketemu Letakkan Kode dibawah ini Tepat diatas Kode </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>
6. Lalu Cari Kode
<data:post.body/>
7. Kalu sudah ketemu Ganti Kode
<data:post.body/> dengan Kode dibawah 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>
8.
Klik Simpan dan Lihat hasilnya
Keterangan Lanjutan :
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 /
thumbnailsummary_img = 250;
Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar /
thumbnailimg_thumb_height = 120;
Thumbnail 'tinggi dalam piksel
img_thumb_width = 120;
Thumbnail 'lebar dalam piksel
