Cara Membuat Read More Otomatis Di Blog

Cara Membuat Read More Otomatis di Blog - Kali saya akan membahas cara membuat read more di blog Blogspot dengan menambahkan kode script pada halaman template. Membuat read more otomatis di blogspot sangat mudah bagi yang menguasai bahasa script tapi bagi pemula tentu akan kebingungan. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more?

Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik, jadi kalau anda punya artikel panjang solusi ini yang harus digunakan. Read more otomatis akan memotong tampilan depan artikel yang panjang dan bisa menentukan berapa banyak huruf yang dugunakan di halaman depan/home, begitu pengunjung klik link Read More barulah pengunjung bisa membaca artikel penuh blog anda. Setelah anda paham Read More bagi yang berminat lanjutkan membaca artikel ini sampai selesai.

Bagaimana Cara Membuat Read More Otomatis di blog Blogspot.

1. Login ke Blog anda - Masuk ke Dashboard Blog Anda

2. Klik Template - dan PIlih Edit HTML

3. Akan muncul halaman script, saya sarankan hati-hati jangan mainkan mouse dan keybord di halaman script kalau ada yang kurang / nambah script yang tidak di sengaja di ketahui akan berakibat perubahan pada tampilan blog anda, kalau sudah terjadi maka akan mengulang desaign script anda dari awal lagi.

4. Cari tag <head> , agar memudahkan pencarian : letakan kursor mouse anda di halaman script blog, kemudian tekan pada keybord bersamaan Ctrl+F , copy paste tag diatas di halaman pencarian tekan enter.

Setelah menemukan tag diatas, salin script dibawah ini tepat dibawah tag <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'/>

5. Selanjutnya cari tag <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan lebih dari 1 kode yang sama, copy paste kan kode script dibawah ini di tag yang ditemukan sampai keluar Read More saat di priview. silahkan ganti tag <data:post.body/> atau <p><data:post.body/></p> tersebut dengan kode dibawah ini

Jika sudah ketemu silahkan anda ganti tag tersebut dengan sceipt dibawah 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>

Langkah terakhir klik Simpan Template. Lihat blog anda apakah sudah muncul Read More, Jika belum muncul di konten pada salinan script coba pindahkan script yang sudah di copy paste tadi ke tag yang sesudahnya sampai muncul tulisan Read More.

Sebagai Tambahan Info Script di Atas:

Keterangan script di atas bisa dirubah, berikut dibawah keterangannya.

summary_noimg = 430 ; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
img_thumb_width = 120 ; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
Anda juga bisa mengubah Icon read more http://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.

Demikian diatas tahapan membuat Cara Membuat Read More Otomatis Di Blog. JIka anda mendapatkan kesulitan/kurang paham dengan penjelasan saya diatas, silahkan tinggalakan komentar Anda. Akhir kata semoga Artikel ini bermanfaat buat Anda semua.

Salam

Blog Community - SEO, Adsense, Teknologi, Binis Online, Web

Cara Membuat Read More Otomatis Di Blog

Author : Unknown 3 comments 2014-08-28T00:29:00+07:00

Author: Unknown

Artikel Terkait

3 comments

Write comments