Cara Fix Semua Thumbnail pada Template Blog ini

Wah wah, Pada kagak nyamanya pakai template saya karn Thumbnail ya gk otomatis :3
Ada yang Panjang ada yang pendek :v
Gomenn deh :3
Tapi sekarang saya sudah tau Solusi ya dmna :v
Ikuti Cara Dibawah ya :v

Pertama, Silahkan Cari Kode Javascript dibawah ini diatas </head>

 <script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;summary_noimg = 150;summary_img = 150;</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='<div class="tagimg"><img src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s160") + '"/></div>';summ=summary_img}if(img.length<=0){imgtag='<div class="tagimg"><img src="http://i.imgur.com/A7zLcPO.png"/></div>';var summ=summary_noimg}var summary=imgtag+'<div style="display:none;" class="tagpost">'+removeHtmlTag(div.innerHTML,summ)+"</div>";
div.innerHTML=summary};
//]]>
</script>

Setelah itu Ganti Dengan Kode yang dibawah ini

 <script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;summary_noimg = 150;summary_img = 150;</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='<div class="tagimg"><img src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s160") + '"/></div>';summ=summary_img}if(img.length<=0){imgtag='<div class="tagimg"><img src="http://i.imgur.com/A7zLcPO.png"/></div>';var summ=summary_noimg}var summary=imgtag+'<div style="display:none;" class="tagpost">'+removeHtmlTag(div.innerHTML,summ)+"</div>";
div.innerHTML=summary};
//]]>
</script>

Setelah itu Silahkan Cari .tagimg{ seperti kode dibawah ini
 .tagimg{width: auto;
height: auto;
float: left;
overflow: hidden;
}
.tagimg img{height:100%;
width:100%;
border:1px solid #666;}

Setelah itu Ganti dengan Kode dibawah ini, Kemudian Save Template
 .tagimg{width: 150px;
height: 100px;
float: left;
overflow: hidden;
border: 2px solid #eee;
}
.tagimg img{height:100%;
width:100%;}


Nah Jika Ada Masalah Lagi, Silahkan Comment :3 Ntar saya kasi tau cara fix ya gimana :3

4 Comments for "Cara Fix Semua Thumbnail pada Template Blog ini"