Cara Membuat Tombol Read More Otomatis di Blog

Cara Membuat Tombol Read More Otomatis di Blog - Sebenarnya cara membuat tombol read more di blog itu sagatlah mudah, tapi sebelum memulainya kurasa tidak ada salahnya jika anda mengetahui apa itu arti read more pada blog jika diartikan kedalam bahasa indonesia kata read more adalah "Baca Selengkapnya" dan tombol read more berfungsi sebagai memotong tampilan depan postingan anda atau yang tepatnya sebagai merapikan tampilan blog anda, dan jika pengunjung mengklik tombol read more/baca selengkapnya maka pengunjung tersebut akan di bawah ke tampilan penuh postingan blog anda. dan jika anda sudah mengetahui arti read more pada blog, sekarang lanjut kelangkah cara pembuatanya.

Langkah2 pembuatan Read more otomatis di blog (Blogspot)

• Login ke blog anda 
• buka halaman Templlate > Edit HTML > Centang Expan Widget
• cari kode </head> Tekan tombol Ctrl + F untuk mempermdah anda dalam pencarian kodenya
• pastekan kode dibawah tepat diatas kode </head>
• 
  

    <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
• jika anda sudah menemukan kodenya ganti dengan kode dibwah 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;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

• Selesai lalu anda klik pratinjau jika read more-nya berhasil lalu anda klik Simpan Template 

Catatan

1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Anda juga bisa mengubah Icon read morehttp://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img>menjadi tulisan >> Read More atau Baca selengkapnya dll.

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari JΛ¢k ŦhΣ Я↓PPєR. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow JΛ¢k ŦhΣ Я↓PPєR dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Sabtu, 19 Juli 2014