CARA MEMASANG READ MORE OTOMATIS

                           

                                 CARA MEMASANG READ MORE OTOMATIS
jum'at 04 desember 2015
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
                                                                                                                                                                                             LUCIFER 

0 komentar:

Post a Comment

Powered by Blogger.

Popular Posts