> > Cara Buat Read More Otomatis di Blogspot

Cara Buat Read More Otomatis di Blogspot

Posted on Rabu, 19 Desember 2012 | 38 Comments

Cara Buat Read More Otomatis di Blogspot
Cara Buat Read More Otomatis di Blogspot Dengan membuat Readmore yang otomatis natinya tampilan Home page blog anda akan lebih rapi tidak memanjang turun ke bawah seperti kalau tidak memakai readmore.dan yang lebih unik lagi di text "Readmore" kita bisa menyisipkan sebuah link dari halaman postingan kita yang secara tidak langsung menambah power Seo Kita.Sebagai Media Belajar Seo Blog tidaklah salah jika kita mencoba membuatnya.Berikut Scren Shoot Tampilanya nantinya :
Cara Buat Read More Otomatis di Blogspot
Jika anda Tertarik saya akan bagi tipsnya untuk Buat Readmore
1. Login ke akun blogger
2. Pilih Template kemudian Edit HTML Centang Expant Templat Widget
3. Cari kode Cari kode </head> (gunakan Ctrl+F untuk membantu pencarian),setelah sobat menemukan kode tersebut letakkan kode berikut tepat di atasnya
<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  → 
<data:post.title/> </b> </a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

4. Kemudian Save Template Selesai jika tidak ada kesalahan pastinya anda dapatkan tampilan Read more tersebut.Jika saja sobat mau merubah tampilanya dengan selera anda sendiri berikut keteranganya dari Script di atas.
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 Contohnya “Seterusnya” atau "Selengkapnya" Sesuka hati sobat.
Demikianlah admin yang lagi bercerita tentang Cara Buat Read More Otomatis di Blogspot Semoga aja Bisa membantu dan bermanfaat.

Comments:38

  1. Trimakasih bos infoya.saya coba sukses

    BalasHapus
  2. @rahmad tatawarna trimakasih atas kunjunganya.mohon maaf jika saya masih baru bisa balas.sibuk lagi dengan aktifitas cari uang kang rahmad.
    @tejo emang sesama blogger kita harus saling berbagai.trimakasih tas kunjunganya.

    BalasHapus
  3. mantep postingannya gan,lebih baik cari theme blogspot yang sudah terbuat read more otomatis biar tidak terlalu repot

    BalasHapus
  4. mind blowing information... now I can add read more automatically to my blog.

    BalasHapus
  5. Kebetulan template saya udah otomatis Read Morenya Mas.Mungkin nanti kalau ada blog saya readmorenya manual mungkin akan butuh kode Mas ini.

    BalasHapus
  6. Akhirnya saya bisa buat read more otomatis berkat mas,makasi ya

    BalasHapus
  7. terimakasih atas infonya.

    BalasHapus
  8. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  9. ga berhasil tuh gan, gmana yaaaa...artikel di homepage.nya tetep full nih

    http://jurnal-akuntansi.blogspot.com/

    BalasHapus
  10. Wuihh bagus nih bang bento cocok buat blog saya yang satunya izin mau dites ya bang bento biar tambah sip,update artikelnya kapan lagi nih mengenai Trik Seo biar tambah rame lagi dalam penerapan Trik Seo Buat Blog yang lagi sepi soalnya untuk disearch engine BOKEP masih yang teratas disusul kesehatan..sukses terus bang bento..hahahhayyyyy

    BalasHapus
  11. wah.. thanks banger yah,,, bermanfaat sekali :)
    kunjung balik donk..

    BalasHapus
  12. Ga bisa gan.. masih full... gimana ya ?

    BalasHapus
  13. http://realstoryldr.blogspot.com/
    cuma muncul readmore, tapi artikel masih full tampil di home

    BalasHapus
  14. saya punya tak bisa muncul read more, ada trick laen?

    BalasHapus
  15. trima ksaih juragan nikmat sekali postingannya sangat membantu.
    saya meninggalkan jejak http://fajarkesekian.blogspot.com/

    BalasHapus
  16. ITU PADA HOME BLOG APA LAMANYA BOZZ

    BalasHapus
  17. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  18. Komentar ini telah dihapus oleh penulis.

    BalasHapus
  19. @jual window ada code <data:post.body/> dua hapus yang terakhir ganti dengan code diatas

    BalasHapus
  20. keran bos infonya, blog ane ada tiga yang mana harus diganti bro ?

    BalasHapus
  21. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  22. iya nih, biar ga makan tempat pas di home page.

    Baby Pink

    BalasHapus
  23. Hi, Saya Mr AlpuzzlE | Penulis Blog Coretan Mr Alpuzzle
    Saya Menyukai Artikel Yang Anda Tulis Di Atas :D
    Terima Kasih Atas Infonya, Salam Kenal Dan Jaya Terus

    Visit Also -> http://mralpuzzle.blogspot.com/

    BalasHapus
  24. Ini baru mantap tutorial readmorenya, beda dengan yang lain.
    makasih udah bagi-bagi ilmu

    BalasHapus
  25. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  26. http://bawel123.blogspot.com/

    BalasHapus
  27. ijin pake mas...
    makasih dah berbagi

    BalasHapus
  28. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  29. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  30. sori gan tidak berhasil gimana ya??? masih panjang kebawah postingannya yang diberanda

    BalasHapus

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

Diberdayakan oleh Blogger.