Blogger Id-Pharmacy

Untuk menampilkan dan mengatur readmore yang lama tuh memang rada ribet. kadang kalau kita buat rata tulisan tiba2 readmore ndak aktip. yah bisa itu, jadi kudu ngapus banyak kode2 lewat html dulu. Tapi disini ada cara lebih mudah buat ngaturnya. dan juga ndak ribet. jadi kita mau nulis di blogspot ndak usah bingung ngatur mana yang mau ditampilkan mana yang mau disembunyikan karena udah otomatis terpangkas tulisan kita.

Nah bingung? ayo kita latihan bagaimana caranya sedikit demi sedikit oke. Begini:

Langkah nya:

• Login ke bagian admin blogspot menggunakan id anda pastinya
• Di dalam halaman Dashboard, klik Layout
  
• lalu klik edit HTML tab
• Jangan lupa untuk keamanan klik dulu Download full template, lalu simpat template di kompi saudara
• sekarang kita ke bagian kotak tempat kode HTML template kita berada, trus cari kode </head>
• Kopi kode berikut ini diatas kode </head> tersebut 

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

• Lalu cari kode berikut<p><data:post.body/></p> 
  
• Hapus dan gantikan dengan kode berikut 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'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>