Minggu, 05 Januari 2014

Memasang read more otomatis

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

Sekian Artikel dari ILMU 212 semoga dapat bermanfaat bagi para pembacanya. dan saya selalu berharap bahwa Artikel yang saya Postkan ini dapat berguna bagi semua orang Amin.
sampai jumpa lagi di Artikel Berikutnya. 

cara copas




Artikel Terkait:

Tidak ada komentar:

Posting Komentar

JANGAN LUPA BERKOMENTAR DAN UNGKAPKAN PENDAPAT ANDA TENTANG ARTIKEL INI.

NO SARA
NO PORNOGRAFI
NO SPAM
NO LINK ON
NO LINK OFF

JANGAN LUPA UNTUK SELALU MEMBAGIKAN ARTIKEL INI KE JEJARING SOSIAL YANG ANDA SUKA YA :)

Pesan Untuk Pengunjung

Jangan lupa sholat, beramal sholeh, dan zakat - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ilmu tidak bisa di dapat dengan badan yang santai

link otomatis