Otomatis Hack Baca lebih lanjut [Hack Otomatis Read more] Untuk Blogger Dengan Thumbnail yaitu hack posting diperluas untuk blogger dengan thumbnail dari gambar yang digunakan dalam posting blogger dan semua pekerjaan ini dilakukan oleh script secara otomatis, Anda tidak perlu mencari gambar, script akan melakukan semua pekerjaan secara otomatis. Yang pasti Anda harus menulis posting dan mempublikasikannya dengan satu gambar dalam posting terkait.
Sekarang cara mengisikan Hack Otomatis Reademore Untuk Blogger amat mudah sekali tinggal copy paste saja. Mari kita mulai dengan instalasi: - . Sekarang Login ke Blogger Pergi ke Layout>> Edit HTML di dashboard Blogger Anda dan periksa "memperluas template widget" kotak Cari penutupan tag </head> pada template blog Anda, dan paste bagian kode berikut segera sebelumnya:
<script type='text/javascript'> var thumbnail_mode = "no-float";
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://contents-ente.googlecode.com/files/suar.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
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: Dalam kode di atas kita dapat mengubah angka numerik sesuai dengan kebutuhan kita, summary_noimg = 430; adalah memotong ketinggian posting tanpa gambar summary_img = 340; adalah memotong ketinggian posting dengan gambar img_thumb_height = 100; adalah thumbnail gambar tinggi img_thumb_width = 120; adalah lebar gambar thumbnail.
Sekarang cari kode <data:post.body/> dalam template Anda dan menggantinya dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<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:right;padding-top:20px;'><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>
</b:if>
Pratinjau Template Anda setelah memasang Hack Otomatis Reademore ini, setelah yakin akan hasilnya kemudian klik Simpan.
Catatan: Untuk tampil thumbnail dipostingan, jelas harus memiliki gambar dalam setiap posting untuk itu, silahkan meng-upload file gambarnya untuk masing-masing posting. dan bila ada minat mengoleksi scrip ini silahkan upload fail.js ke server Anda dan jangan lupa untuk mengubah link dengan punya Anda dalam kode untuk membuat hack ini bekerja. Saya yakin semua orang akan menyukai hack ini pasti.
