Cara Membuat READMORE OTOMATIS

Cara membuat/memasang READMORE di blogspot cepat dan mudah, Banyak cara untuk membuat blog yang kita punya membuat nyaman pengunjung, salah satunya adalah kecepatan tampilan blog yang cepat agar para pengunjung tidak bosan menunggu
untuk itu kita gunakan readmore agar mempersingkat tulisan tanpa kehilangan sebagian teks tersebut
lalu bagaimana cara membuat readmore di blogspot??? 
Baiklah sahabat, kali ini tutorial blog akan membahas mengenai Cara membuat readmore dengan mudah di blog, nah perhatikan caranya di bawah in.. ok?


-Login ke blogger dengan ID sobat.
-Pilih remplate.
-Pilih Edit HTML.
-Centang tulisan "expand template widget".
-Lalu cari kode </head> :   untuk mempermudah pencarian tekan ctrl F
-Lalu masukkan code di bawah ini tepat di atas  </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>

-Kemudian sobat  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>

lalu simpan dan lihat hasilnya
semoga bermanfaat


Demikian tutorial blog cara membuat readmore otomatis

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Membuat READMORE OTOMATIS dengan url http://dubraw735.blogspot.com/2012/03/cara-membuat-readmore-otomatis.html, Semoga Artikel Cara Membuat READMORE OTOMATIS bermanfaat bagi diri saya dan anda.