halo sobat blogger. Lama gak nge-blog dan memberi tutorial segar yg bisa membuat blog anda lebih mantap. Dan pada kesempatan kaliini saya akan memberikan tutorial blog, yaitu cara membuat read more otomatis dengan ditambahi gambar. JIka anda tertarik dengan ini, anda bisa mencoba tutorial ini. Trik ini sangat mudah. Langsung aja ya..!!
cekidot..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode
5. Copy kode di bawah ini,dan letakkan di atas
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
//
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
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
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop <>
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 = '';
summ = summary_img;
}
var summary = imgtag + '
div.innerHTML = summary;
}
//]]>
6. Lalu cari kode
7. Ganti kode tersebut dengan kode di bawah ini..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGealTAKlrlXmELoTTBTM9BzThHY_Kn3SxJdsE-udrPWA4bTMV_KaZygQ4_2OTiGiAz6nATxS5L65ep3r-zt8s615o9Ghz2m-Fuc6jr2J3OO-S2B2JQ8uh8yrD_aHX3IJRs0rGfWWjQqbS/'/>
8. Simpan
semoga bermanfaat..
Read more: http://www.maspeypah.co.cc/2010/03/cara-membuat-read-more-otomatis-dengan.html#ixzz11uP8FtsT
cekidot..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode
5. Copy kode di bawah ini,dan letakkan di atas
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
//
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
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
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop <>
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 = '';
summ = summary_img;
}
var summary = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';div.innerHTML = summary;
}
//]]>
6. Lalu cari kode
7. Ganti kode tersebut dengan kode di bawah ini..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGealTAKlrlXmELoTTBTM9BzThHY_Kn3SxJdsE-udrPWA4bTMV_KaZygQ4_2OTiGiAz6nATxS5L65ep3r-zt8s615o9Ghz2m-Fuc6jr2J3OO-S2B2JQ8uh8yrD_aHX3IJRs0rGfWWjQqbS/'/>
ket: gambar readmore bisa diganti, dengan cara ganti URL gambar(yg warna merah)
8. Simpan
semoga bermanfaat..
Read more: http://www.maspeypah.co.cc/2010/03/cara-membuat-read-more-otomatis-dengan.html#ixzz11uP8FtsT
Posted in
blog
0 komentar:
Posting Komentar