Mrgnc: Cara Membuat Read More Bergambar

بسم الله الرحمن الرحيم

Sabtu, 12 November 2011 Cara Membuat Read More Bergambar Posted by LutfieHack'|24|™ Assalamualaikum semua..Kali ini mrul ingin berkongsi tips membuat readmore bergambar..Readmore kali ini lebih menarik dan cantik..Jika anda tertarik dengan tips ini, anda boleh mencuba tips ini. Langkah-langkah membuat readmore bergambar : 1. Sign blog anda. 2. Klik Design. 3. Klik Edit HTML. 4. Klik tanda pada kotak “Expand widget template”. 5. Cari kod ini . 6. Copy kod dibawah dan paste sebelum kod . 7. Cari kod ini . 8. Gantikan kod dengan kod dibawah ini.

Nota :Gantikan teks warna merah dengan URL gambar yang ingin anda tampilkan. 9. Save. Selamat Mencuba..

Baca Selengkapnya di: http://lutfiehack24.blogspot.com/2011/11/cara-membuat-read-more-bergambar.html
Copyright lutfiehack24|Cyber Under Common Share Alike Atribution

Assalamualaikum semua..Kali ini mrul ingin berkongsi tips membuat readmore bergambar..Readmore kali ini lebih menarik dan cantik..Jika anda tertarik dengan tips ini, anda boleh mencuba tips ini.

Langkah-langkah membuat readmore bergambar :

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Klik tanda pada kotak “Expand widget template”.

5. Cari kod ini </head>.

6. Copy kod dibawah dan paste sebelum kod </head>.

var thumbnail_mode = "float" ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

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>

7. Cari kod ini <data:post.body/>.

8. Gantikan kod <data:post.body/> dengan kod dibawah ini.

<b:if cond='data:blog.pageType != "item"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Nota :Gantikan teks warna merah dengan URL gambar yang ingin anda tampilkan.

9. Save.

Selamat Mencuba..

btu, 12 November 2011 Cara Membuat Read More Bergambar Posted by LutfieHack'|24|™ Assalamualaikum semua..Kali ini mrul ingin berkongsi tips membuat readmore bergambar..Readmore kali ini lebih menarik dan cantik..Jika anda tertarik dengan tips ini, anda boleh mencuba tips ini. Langkah-langkah membuat readmore bergambar : 1. Sign blog anda. 2. Klik Design. 3. Klik Edit HTML. 4. Klik tanda pada kotak “Expand widget template”. 5. Cari kod ini . 6. Copy kod dibawah dan paste sebelum kod . 7. Cari kod ini . 8. Gantikan kod dengan kod dibawah ini.

Label: tips

Mrgnc

Minggu

Cara Membuat Read More Bergambar

0 Komentar:

Posting Komentar

Postingan Sebelumnya