Cara Membuat Read More Di Blog

Hallo Sahabat Berbagi Ilmu, ketemu lagi kita. Gimana ni kabar Sahabat? Ku harap kalian baik-baik saja sama seperti saya. Dalam kesempatan ini, saya akan berbagi ilmu tentang Cara Membuat Read More Di Blog. Sedikit penjelasan dari saya, dengan adanya readmore blog anda tampilan di halaman depan tidak terlalu panjang ke bawah. Ya, langsung saja tanpa panjang lebar.

• Login ke blogger.com
• Klik Template => Pilih Edit HTML => Centang "expand template widget"
• Kemudian cari kode </head>
  (untuk mempercepat proses pencarian, gunakan "CTRL + F" atau "F3")

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; 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>

• Kemudian cari kode <data:post.body/>
   Ganti kode <data:post.body/>  dengan kode di bawah ini :

<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 class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'> <b> readmore</b> »»   </a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>

• Simpan dan Lihat Hasilnya

Itulah artikel Cara Membuat Read More Di Blog . Selamat mencoba. Oke, hanya itu yang saya ketahui. Semoga bermanfaat bagi para pembaca. Jika ingin copas "copy, paste" sertakan dengan sumbernya http://rendy-cyber4rt.blogspot.com