Senin, 17 Agustus 2009

Cara Pasang Auto Read More Terbaru

. Senin, 17 Agustus 2009

Apakah di blog sobat sekalian sudah ter- Pasang Auto Read More versi Terbaru?? Yak pastinya ada yang sudah dan belum, tetapi bagi yang belum tidak usah kecewa, kali ini saya akan membahas cara pasang auto read more versi terbaru, yuk kita simak langsung aja:
Wajib dibaca!  Bagi yang sudah memasang Read More versi lama, harus mengikuti petunjuk ini, untuk mengutak-atik sedikit scriptnya. Caranya adalah hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>
Sekarang kalau sudah melakukan tips diatas, mari kita lanjutkan seterusnya:
Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.
Langsung sobat copy paste aja code dibawah ini:
<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>
Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah
<data:post.body/>
 Kalo sudah, ganti kode <data:post.body/> dengan semua 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 == &quot;item&quot;'><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)

Selamat mencoba Cara Pasang Auto Read More Terbaru. . . . .

10 komentar:

Raden Felix mengatakan...

Trus bedanya sama read more yang lama apa, gan?

Thanks!

Om Kempul mengatakan...

@ Raden Felix: readmore baru sudah otomatis jika ada gambar didalamnya akan langsung tercantum di halaman depailahkan dicoba saja, nanti akan tahu bedanya.

dans mengatakan...

mantabs neh tipsnya...
thanks ya bro...

healthy living mengatakan...

baru lama kek,,, yang penting isa dipake,,, tq bro,,,

Review Blackberry mengatakan...

wah rumit nih, saya mesti bookmark dulu nih

CPNS Semarang mengatakan...

waduh saya coba kok gagal terus yah,,,

slalu gak muncul tulisan read more-nya

Lowongan Kerja Bank mengatakan...

tips ini sangat cocok untuk artikel yg panjang. tp kalo mau setting misal, dgn syarat jika lebih dari 500 kata maka muncul read more tapi jika kurang 500 kata gak muncul read more gimana caranya yah?

munir ardi mengatakan...

tuorialnya mantap tak pake di blogku makasih ya mas

MzIqbal mengatakan...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

home furniture mengatakan...

langsung ke tkp

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 

Recent Comment

Sahabat Setia

Recent Post

Related Websites

This Blog is proudly powered by Blogger.com | Template by miscah.blogspot.com