Membuat Readmore otomatis di Blog
Membuat Readmore otomatis di Blog- Setiap Blog yang ingin tampil
professional pasti tidak lupu dari adanya readmore otomatis di
blog,readmore juga dapat melangsingkan halaman rumah agar terlihat lebih
rapih.dengan ada readmore tentulah pengunjung tidak akan susah mencari
artikel karena telah diringkas.
-Login ke blogger
-Masuk ke bagian TEMPLATE, saya sarankan anda untuk backup template anda terlebih dahulu karena script yang akan dimasukan nanti sedikit rumit.. Setelah itu klik EDIT HTML
-lalu </head> (Gunakan CTL +F untuk memudahkan pencarian)
-Perhatikan kode yang ada pada kota di bawah... Letakan kode di di
bawah tepat di atas kode </head>
-Login ke blogger
-Masuk ke bagian TEMPLATE, saya sarankan anda untuk backup template anda terlebih dahulu karena script yang akan dimasukan nanti sedikit rumit.. Setelah itu klik EDIT HTML
-lalu </head> (Gunakan CTL +F untuk memudahkan pencarian)
-Perhatikan kode yang ada pada kota di bawah... Letakan kode di di
bawah tepat di atas kode </head>
-lalu cari kode<data:post.body/> dan ganti dengan kode di bawah ini<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 150; summary_img = 150; img_thumb_height = 100; 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>
<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 style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span> <b:else/> <data:post.body/> </b:if>-lalu simpan template dan lihat hasilnya gan :_)