• Home
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
Goodbox | Bagaimna caranya | Kumpulan cara Blogger dan Seo
  • Daftar Isi
  • Buku Tamu
    • Tukar Link
    • Software
  • Tekno
    • Gadget
    • Internet
  • Entertainment
  • Trik dan Tips
  • Unik dan Menarik
  • Blogging
Home » Tips Blogger » Cara Mudah Membuat Readmore Otomatis di Blog Terbaru

Cara Mudah Membuat Readmore Otomatis di Blog Terbaru


Bagaimana cara membuat readmore di blogspot dengan cara yang mudah dan cepat kilat di blog kesayangan sobat blogger . inilah pokok bahasan yang akan saya bahas untuk anda semua,hehehe.

baik sobat blogger, sebelumnya saya jelaskan sedikit apa gunanya read more pada blog kita. dengan adanya readmore blog sobat tampilan nya di home tidak terlalu memanjang ke bawah seperti tampilan home blog saya yang menggunakan readmore namun disini saya menggantinya dengan tulisan baca selengkapnya, itu seterah sobat.
Berikut cara memasang readmore di blogspot :
-Login ke blogger dengan ID sobat.
-Pilih Rancangan atau Tata Letak.
-Pilih Edit HTML.
-Centang tulisan "expand template widget".
-Lalu cari kode </head> :   untuk mempermudah pencarian tekan F3.
-Lalu masukkan code di bawah ini tepat di atas  </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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 = '<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>
Kemudian sobat  cari kode <data:post.body/>
Ganti kode <data:post.body/>  dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
Kemudian Save Template.
untuk keterangan readmorenya...
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini .
nah demikian lah tutorial dari berry blog , semoga tutorial blog mengenai cara membuat readmore di blog dapat bermanfaat untuk sobat semua.
Ditulis oleh Goodbox, Selasa, 03 April 2012 - Rating: 4.5
Judul : Cara Mudah Membuat Readmore Otomatis di Blog Terbaru
Deskripsi : Bagaimana cara membuat readmore di blogspot dengan cara yang mudah dan cepat kilat di blog kesayangan sobat blogger . inilah po...

Bagikan ke

Facebook Google+ Twitter

Belum ada komentar untuk "Cara Mudah Membuat Readmore Otomatis di Blog Terbaru"

Posting Komentar

Jadilah orang pertama yang melakukan komentar di blog ini .dan Jadilah orang pertama di antara teman-teman yang menyukai ini.. Salam Blogger.

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)
Ikuti @Abangdaka 

Translate

Artikel Populer

  • 10 Film Bela Diri Terpopuler Sepanjang Masa
  • Cara Ampuh Mendekati Cewek Yang Sudah Punya Pacar
  • ini dia 7 Ikan Cupang terbagus Di Dunia
  • Cara mudah Pasang Jam & Kalender di Blog/blogspot
  • kumpulan Sifat Cowok menurut Zodiak
  • Tips and trik Jago Main Futsal.
  • inilah 7 manusia paling seram dan aneh.
  • 7 keunggulan dari internet.
  • status FB paling lucu unik aneh dan jelek
  • daftar blog dofollow pr tinggi 2012 dari pr3 sampai pr6.

link kawan

Optimus Software
Boytrik.blogspot.com
Jadwal Dan Hasil Sepakbola
Tutorial Blog dan Software Gratis
Software Collection
Music Academy
Science Share
Copyright © 2012 Goodbox | Bagaimna caranya | Kumpulan cara Blogger dan Seo - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger