Cara Buat Read More Otomatis di Blogspot

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.

Artikel Terkait tutorial seo

38 Responses to Cara Buat Read More Otomatis di Blogspot

  1. Tejo says:

    Trimakasih bos infoya.saya coba sukses

  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.

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

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

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

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

  7. eci says:

    terimakasih atas infonya.

  8. 321PULSA says:

    terima kasih infonya

  9. Komentar ini telah dihapus oleh administrator blog.
  10. ga berhasil tuh gan, gmana yaaaa...artikel di homepage.nya tetep full nih

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

  11. 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

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

  13. Ga bisa gan.. masih full... gimana ya ?

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

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

  16. -Rachman- says:

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

  17. ITU PADA HOME BLOG APA LAMANYA BOZZ

  18. Komentar ini telah dihapus oleh administrator blog.
  19. Komentar ini telah dihapus oleh penulis.
  20. @jual window ada code <data:post.body/> dua hapus yang terakhir ganti dengan code diatas

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

  22. Komentar ini telah dihapus oleh administrator blog.
  23. van cesc says:

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

    Baby Pink

  24. 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/

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

  26. Infonya maknyuss gan

  27. kok jd hancur blog gue

  28. Komentar ini telah dihapus oleh administrator blog.
  29. http://bawel123.blogspot.com/

  30. ijin pake mas...
    makasih dah berbagi

  31. Komentar ini telah dihapus oleh administrator blog.
  32. kesehatan says:
    Komentar ini telah dihapus oleh administrator blog.
  33. sori gan tidak berhasil gimana ya??? masih panjang kebawah postingannya yang diberanda

  34. ku kok gk berhasil yaa...

Leave a Reply

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