Fandri`s Blog

Cara Pasang Read More Di Blog

Untuk menghemat ruang pada Blog sobat, Read More inilah solusinya. Dia dapat menampilkan cuplikan dari postingan Blog sobat. Kali ini saya akan share Cara Pasang Read More Di Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:


1. Login ke Blog sobat
2. Pilih Template
3. Pilih Edit HTML, Cari kode </head>. Tekan Ctrl+F untuk mempermudah pencarian
4. Pastekan script berikut tepat di atas kode </head>
<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> 5. Lalu cari kode <data:post.body/>
6. Gantikan 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>Read more</b> »»   </a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if> 7. Simpan dan Lihat Hasilnya
Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging.

Label: Tutorial Blog