Selasa, 04 Agustus 2015

Membuat Auto Readmore pada Blogger Template

Tags

INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul Membuat Auto Readmore pada Blogger Template, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel BLOGGER, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Auto Readmore pada Blogger Template
link : Membuat Auto Readmore pada Blogger Template

Baca juga


Membuat Auto Readmore pada Blogger Template



Membuat auto readmore pada blogger template - Blog ini mengacu pada posting sebelumnya mengenai 7 LANGKAH MUDAH MEMBUAT TEMPLATE BLOGGER DARI NOL SAMPAI JADI, ditemplate tersebut masih belum diterapkan dihomepagenya, coba kamu masuk ke halaman blogger kamu, kemudian klik template disidebar kiri kemudian kamu cari code yang pertama dan kedua, ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='row clearfix'>
<div expr:id='"summary" + data:post.id'>
<script type='text/javascript'>createSummaryAndThumb("summary"," <data:post.url/>","data:post.title/>"); <span class='readmore' style='float:right;'>Read More »</div>
Agar aktif kamu memerlukan kode javascript untuk membuatnya auto readmore


<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="" indexof="" s="">")!=-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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '

<img alt="'+img[0].src+'" class="thumbnail img-responsive" src="'+img[0].src+'" />

';
summ = posts_thumb_sum;
}

var summary = imgtag + '

' + removeHtmlTag(div.innerHTML,summ) + '

';
div.innerHTML = summary;
}
//]]>
</script>

Nah cuma segitu sobat gee, kamu bisa otak atik sendiri ya, yang kurang jelas komentar aja dibawah. Terima kasih


Sekianlah artikel Membuat Auto Readmore pada Blogger Template kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Auto Readmore pada Blogger Template dengan alamat link https://ware-id.blogspot.com/2015/08/membuat-auto-readmore-pada-blogger.html


EmoticonEmoticon