Memasang read more otomatis

Selasa, 08 Desember 2009
Cara Memasang read more otomatis - Bisa juga membuat read more otomatis. Intinya adalah menampilkan tulisan sebagian dan sisanya akan ditampilkan keseluruhan saat masuk ke halaman (postingan) yang dimaksud. Tulisan yang lengkap disembunyikan

Cara Edit menyarankan untuk menggunakan read more otomatis seperti yang Cara Edit pakai dibanding dengan read more manual. Karena anda tidak perlu repot-repot, hanya memasukkan tulisan ke kolom posting dan akan langsung tampil sebagaimana yang diinginkan.

Begini caranya Memasang Read More Otomatis :
1. Masuk ke Edit HTML, jangan lupa centang Expand widget template
2. Masukkan kode dibawah ini sebelum 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[

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>


3. Simpan, dan Ganti kode <data:post.body/> dengan kode berikut :
<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 >> </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


4. Simpan, dan lihat hasilnya

Tulisan Terkait Lainnya



15 komentar:

Anonim mengatakan...

bisa g mengganti tulisan anonim mengatakan yang ada di blog terima kasih jawabannya ditunggu di www.mazsugix.blogspot.com

kemenag skw mengatakan...

OKKK CUKPP BAIK BOSSSS

SUN Design Konsultan mengatakan...

Mantap.... makasih yooooooooooo infonya....

Anonim mengatakan...

ada cara menambah gadget buat penghitung pengunjung online gaak?? mau dong.
terima kasih

edit HTML tu dmna sih ??

sugiarta mengatakan...

gimana cra buat Home , dasar , daftar isi , tips & trik gan ???

P E H A L I M A H mengatakan...

makasihh..

Erna Riyanti mengatakan...

pusing

Unknown mengatakan...

terimakasih banyaaaake poool

Unknown mengatakan...

bermanfaat sekali gan.

Dunia Memang Maya mengatakan...

Bagus Artikelnya

marvellsb mengatakan...

keren gan

My Silver Wish mengatakan...

kalau salah gimana cara balikin seperti semula?

simplinema mengatakan...

centang Expand widget itu ada dimana??????????????

Unknown mengatakan...

kagak jadi sih, saya pakai template pt.keren sekali.

Posting Komentar

Jangan lupa tinggalkan komentar untuk tulisan ini. Jika anda tidak punya account di google atau alamat blog, gunakan anonymous. Terima kasih atas komentarnya !

 
 
 
 
Copyright © Cara Edit