Ada beberapa keunggulan atau kelebihan Read More Otomatis (Auto Read More) ini, yaitu:
- Kita tidak usah repot membuat atau memasukkan kode Read More setiap kali memosting karena aplikasi ini akan bekerja otomatis (namanya juga Auto Read More, Iy G?, hehe).
- Kita dapat mengatur jumlah karakter tulisan yang dimunculkan
- Jika dalam postingan kita terdapat foto atau gambar, secara otomatis gambar tersebut akan berfungsi sebagai thumbnail dengan ukuran yang dapat diatur atau disetting se-suka kita.
- Pada akhirnya, ini akan membuat blog kita terlihat cantik dan profesional, hihi
<script type='text/javascript'>2. Kemudian cari kode <data:post.body/> Jika sudah ditemukan, ganti kode tersebut dengan semua 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[
/******************************************
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>
<b:if cond='data:blog.pageType != "item"'>3. Klik Save dan lihat hasil kerja kerasnya :)
<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>
Keterangan:
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)
Perhatikan, biasanya cara ini tidak berfungsi jika sebelumnya kita pernah membuat atau memasang kode read more "klasik". Solusinya, hapus semua kode yang pernah di pasang (kode read more klasik) sebelum memasang kode di atas.
Oya, hampir lupa, READ MORE - dapat sobat ganti dengan apa saja yang dinginkan, bisa diganti Selengkapnya>> atau apalah...
Jika ada masalah, silahkan sobat berkomentar...
0 komentar:
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58
Posting Komentar
Assalamualaikum Wr.Wb
Berkomentar Lah di V.C.B Lovers
Sebagaimananya Manusia !
Jika Sobat Semua Tdk Mempunyai ID.
Sobat Bisa Menggunakan Fitur:
Name/URL
Anonymous
Saya Harap Si Memakai Name/URL !!!
Sobat Boleh Mengasih URL apa ajja....
Misal :
Facebook
Twitter
DLL...
Sekian Dari Saya
Wassalamualaikum Wr.Wb