Membuat Readmore Otomatis/ Auto Readmore - IRWANSULAIMAN

Sunday, April 22

Membuat Readmore Otomatis/ Auto Readmore

Membuat Readmore Otomatis / Auto Readmore - Biasanya para penyedia template gratisan menyediakan langsung Readmore yang siap di gunakkan, tapi terkadang ada juga yang tidak menggunakkan, ini juga yang saya alami. Di samping itu menggunakan Readmore blog juga terlihat lebih rapi dan juga ringan saat di buka. Bila anda kesulitan untuk membuat readmore ikuti langkah di bawah untuk membuatnya.
  • Pertama Log in
  • Pilih Design
  • Edit html
  • expand template widget
  • Back up template

Selanjutnya cari kode
</head>

Letakkan kode di bawah tepat di atasnya
<script type='text/javascript'> var thumbnail_mode = &quot;no- float&quot; ; 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>
Selanjutnya cari kode di bawah
<data:post.body/>
Ganti kode di atas dengan kode di bawah ini.
<b:if cond='data:blog.pageType ! = &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/ ></div> <script type='text/javascript'> createSummaryAndThumb (&quot;summary<data:post.id/ >&quot;); </script> <span class='rmlink' style='float:right;padding- top:20px;'> <a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&# 160;&#160; </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post. body/> </b:if>
Dan simpan template cek apakah  sudah berhasil di terapkan. Baca juga mengatasi halaman statis karena Readmore otomatis demikian postingan kali ini Cara membuat readmore otomotis- / Auto Readmore semoga bermanfaat.
Comments


EmoticonEmoticon