Akhirnya saya sempat membuat artikel ini..!!
Kali ini kita akanm membahas blog tutorial tentang cara memberi readmore otomatis
Saya berniat akan memberikan sedikit info tentang blog tutorial yaitu tentang readmore otomatis .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya
setiap postingan...,,??
Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.
Berikutlangkahnya..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
Kali ini kita akanm membahas blog tutorial tentang cara memberi readmore otomatis
Saya berniat akan memberikan sedikit info tentang blog tutorial yaitu tentang readmore otomatis .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya
setiap postingan...,,??
Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.
Berikutlangkahnya..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode </head>
5. Copy kode di bawah ini,dan letakkan di atas
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by HURRI CRECENDO
visit http://cahsobo.co.cc 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>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by HURRI CRECENDO
visit http://cahsobo.co.cc 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>
6. Lalu cari kode <data:post.body/>
7. Ganti kode tersebut dengan kode di bawah 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'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrTpmGGYRWNS7DAyg9TOwwSGIl2t45FCiGXSirLpp8KwPAki1N_hht8f9vMgEtV8_G2nC4NhwTimyn9JR6OJZG0Pz2P2bdqM3x1G7hg6Jqk_tROd6tPGa99KCig2ga01lsHDhBUmgKxE/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrTpmGGYRWNS7DAyg9TOwwSGIl2t45FCiGXSirLpp8KwPAki1N_hht8f9vMgEtV8_G2nC4NhwTimyn9JR6OJZG0Pz2P2bdqM3x1G7hg6Jqk_tROd6tPGa99KCig2ga01lsHDhBUmgKxE/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Read more otomatis dengan gambar :
<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimIZ4GTuppGdDjX7NBCTAPp5OWsx7wf_ZydperGzn4Komk0H5fhEJ5X9IrHiT4EhcAvengpALu1YNF-nCNuEqPtfpbd8cPbgHQyEhjv83kui0cQDkEtuCziH7t-SpBic9WQDSCqcq6Vs/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimIZ4GTuppGdDjX7NBCTAPp5OWsx7wf_ZydperGzn4Komk0H5fhEJ5X9IrHiT4EhcAvengpALu1YNF-nCNuEqPtfpbd8cPbgHQyEhjv83kui0cQDkEtuCziH7t-SpBic9WQDSCqcq6Vs/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
8 Simpan template......
SELAMAT MENCOBA YA READ MORE OTOMATIS INI....
SEMOGA BERHASIL ! ! SELAMAT MENCOBA YA READ MORE OTOMATIS INI....
Sumber: http://www.cahsobo.co.cc Description: Cara Membuat READ MORE OTOMATIS Bergambar di BLOG Rating: 3.5 Reviewer: Unknown ItemReviewed: Cara Membuat READ MORE OTOMATIS Bergambar di BLOG
Posts
18 komentar:
mantap.. udh q coba d blog q..
mantap.. udh q coba d blog q..
ya,tu tril sekedar tengok blog temen. makasih comentnya
makasih kawan , berhasil di blog saya
ok bro
smuga aja bermanfaat
ijin nyoba ^^
blog walking
mongo gan.....
belum dicoba lagi nah
gara gara bikin template gagal deh blog gue jadi nya biki lagi
mantap banget tipsnya gan,,trimakasih banyak,,baru kali ini Q berhasil membuat Redmore otomatis
alhamdulillah, mantap!
makasih gan tipsnya..
mampir ke blog baru ane yaa..
http://blogger-rosekerudung.blogspot.com/
Thanks sudah berbagi ilmunya, sukses selalu...
oke gan,makasih udah nyempetin corat-coret di blog ane. kalo ada waktu ane sempetin mampir blog agan-agan sekalian deh :)
thank you gan atas tips nya, sangat membantu...
postingan yg bagus ..
salam blogwalking
mampir juga
djarumnews.blogspot.com
NICE !!
WORK 100% gan
Semoga JAYA!!
by.
http://aib-game.blogspot.com
http://hostory-down.blogspot.com
infonya bermanfaat
gan read more saya ada 2 tp saya mau menghapus read more yang dari template tp gag taucaranya, mohon bantuanya ya gan thanks
Post a Comment
Terima kasih atas partisipasinya dengan meninggalkan komentar.