Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel HTML, Artikel Javascript, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger
link : Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger

Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger

Ikuti langkah-langkah :
1 . Pergi ke " Design" klik "Edit HTML "
2 . Centang pada " Expand Template Widget "
3 . Cari kode ini

<data:post.body/>

4 . Ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<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'>read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

5 . Sekarang , cari < / head> dan paste bagian kode berikut tepat sebelumnya :

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<a style="display:none" href="http://ajatshare.blogspot.com">Blogger Widgets</a>
<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>

LIVE DEMO - Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger

Keterangan:
summary_noimg = 430 ; tinggi posting tanpa gambar
summary_img = 340 ; tinggi posting dengan gambar
img_thumb_height = 100; tinggi gambar thumbnail
img_thumb_width = 120 ; lebar gambar thumbnail

Demikianlah Artikel Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger

Sekianlah artikel Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Thumbnail otomatis dan Fungsi Read More pada Blogger dengan alamat link https://sugengwawa.blogspot.com/2014/01/cara-membuat-thumbnail-otomatis-dan.html