Cara Membuat Auto Readmore di Blog

Cara Membuat Auto Readmore di Blog - Cara menambahkan atuto readmore di blog atau Cara memasang auto readmore di blog

Pada artikel kali ini saya akan berbagi ilmu mengenai cara membuat auto readmore di blog. Dengan membuat auto readmore maka setiap post artikel akan direadmore di homepage. Sehingga kita tidak perlu susah payah membuat readmore satu-satu di setiap artikel, atuto readmore juga dapat membuat template blog kita menjadi SEO Friendly.

Berikut ini adalah cara membuat atuto readmore pada blog:

1. Pertama anda harus login/ masuk ke blog anda.

2. Setelah itu Klik Template --> Edit HTML >> Lanjutkan (centang Expand Template Widget).

3. Kemudian anda  Cari kode </head> untuk mempermudah pencarian tekan tombol Ctrl dan F pada keybord kemdudian ketikkan </head>

4. Setelah kode </head> ketemu, anda masukkan kode di bawah tepat di atas 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[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

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>

5. Selanjutnya anda cari kode <data:post.body/>

6. Jika kode <data:post.body/> sudah ketemu, ubah kode  <data:post.body/> dengan kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Langkah terakhir anda simpan template dan lihat hasilnya.

Sekian  tentang Cara Membuat Auto Readmore di Blog dari saya. Semoga dapat bermanfaat buat anda. jika blog anda ingin lebih SEO Friendly, anda juga bisa membuat menu horizontal dropdown di blog anda, caranya silahkan anda baca di Cara membuat menu navigasi horizontal dropdown keren di blog.

$ SALAM TEMUKAN CARA $