Cara mudah dan simple pasang auto readmore di blog

Cara mudah dan simple pasang auto readmore di blog Single Link
Alternative Link : [ Click Here... ] Direct Link

Setelah malam sebelumnya aku memposting cara memasang kamera di blog, dan cara memasang kamera cctvmaka langkah selanjutnya adalah merubah tampilan simple blogger template designer di blog ini dengan melengkapinya dengan auto read More Thumbnails plus judul artikel biar tampilan home tidak terlalu berat dan menjadi lebih simple.

Bagi sobat yang mampir dan ingin merubahnya, sobat bisa ikuti tips berikut ini :


- Login ke Blogger
- Edit Html
- Centang Expand widget template


- Cari Kode :
</head>

- Ganti  </head> dengan script dibawah ini :

<!-- Auto read more thumbnails judul artikel script -http://acep-computer-science.blogspot.com- Start --> <script type='text/javascript'> var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa gambar summary_noimg = 420; summary_img = 320; img_thumb_height = 150; img_thumb_width = 200; </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(thumbnail_mode == "yes") { 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> <!-- Auto read more thumbnails judul artikel script -http://acep-computer-science.blogspot.com- End -->

- Cari Kode
<data:post.body/>

Kemudian rubah menjadi :

<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <a class='more' expr:href='data:post.url'>Read More.. “<data:post.title/>”  »</a> </b:if> </b:if>

- Save Template

Cukup mudah bukan ? kalau kode diatas tidak bisa, mohon komentarnya ya sob.
Selamat Mencoba