Tips Membuat READ MORE Otomatis untuk Blogspot

Tips Membuat READMORE Otomatis | Bermain blog tidak pernah membosankan, khsusunya bagi penggila blog, namanya aja penggila blog, ya gaa.. :P. Salah satu hal yang penting dan perlu diperhatikan dalam membuat blog adalah Readmore. Kenapa? dengan adanya readmore maka blog kita akan mendapat page view lebih banyak lagi, karena ketika user menemukan blog kita, tentunya mereka harus dua kali klik baru bisa terbuka dengan penuh artikelnya. So, membuat ReadMore itu penting karena bisa memperbanyak Pageview, Blog yang memiliki pageview banyak mempunyai nilai plus tersendiri, apalagi bagi anda yang ingin menguangkan blog anda :).

Banyak cara dan tips membuat readmore, Namun salah satu cara yang paling sederhana dan gampang adalah Tip membuat read more otomatis. Dengan tip ini makan readmore akan muncul sendiri secara auto pada setiap home page atau pun halaman kategori. Menarik kan :D


Tips Membuat readmore otomatis sampai hari ini masih menjadi pilihan saya dalam bermain blog, saya rasa anda. OK, langsung saja kita mulai langkah-langkah Tips Membuat READ MORE Otomatis untuk Blogspot

1. Buka blogger.com dan log in ke blog, Kemudian Edit HTML, Expand widget template.
2. Cari kode </head> Kemudian masukkan kode dibawah ini persis di atas kode tadi

<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. Langkah Selanjutnya dalam membuat read more otomatis adalah cari kode ini

<data:post.body/> atau <p><data:post.body/></p>

Kemudian ganti kode tersebut dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Catatan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dan lain-lain.

4. Langkah terakhir adalah SAVE TEMPLATE, Lihat apa yang terjadi :D

loading...