Cara Membuat Read More Otomatis di Blog

Cara Membuat Read More Otomatis di Blog

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?

Cara membuat read more otomatis di blogspot sangat mudah. 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. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.

Langkah-langkah cara membuat Read More Otomatis di Blogspot

• Login ke Blog anda
• Buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </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 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 sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah 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'><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 == &quot;item&quot;'><data:post.body/></b:if>

• Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :

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

Cara Membuat Blog di Wordpress

Sebelumnya telah saya jelaskan cara dan tips untuk membuat blog gratis. Tapi blog yang saya jelaskan adalah lebih banyak fokus pada blogspot. Kali ini akan saya jelaskan secara singkat cara membuat blog wordpress. Cara membuatnya mudah dan praktis. Dan yang jelas gratis. Sebagaimana kita tahu bahwa blog wordpress ada dua macam. Ada yang gratis dan ada yang berbayar. Blog yang sedang anda nikmati ( baca maksud saya ) adalah blog wordpress berbayar. Saya harus membayar biaya tahunan untuk domain yang saya miliki dan saya juga harus membayar hosting yang saya sewa. Jadi kenapa saya meletakkan iklan PPC dan iklan banner sponsor? Itu tadi. Agar web Tips Blogging tetap bertahan dan exist di internet. Dan yang tak kalah pentingnya adalah saya bisa tetap berbagi dan menemui anda semua di internet. Senang sekali kan bisa memberikan ilmu-ilmu untuk para rekan di seluruh Nusantara. Walau terus terang, ilmu masih sedikit, tapi paling tidak memberikan pengetahuan buat orang lain adalah suatu kenikmatan tersendiri. Kembali pada blog wordpress gratis. Walau gratis jika dikelola dengan baik, diupdate dengan informasi secara rutin, maka blog akan menjadi populer dan banyak diminati.

Maaf ya kok panjang banget pendahuluanya. Langsung saja. Membuat blog wordpress gratis tentu saja sangat mudah. Sesuai dengan judul artikel kali ini “Cara Praktis Membuat Blog WordPress”. Karena memang membuat blog wordpress itu sangat mudah. Semudah membalik telapak tangan. Malah lebih mudah dari pada mencangkul di sawah. Ada seorang teman berkata, saya tidak tahu membuat blog. Sulit benar. Kata hati saya : apanya yang sulit. kan modalnya hanya kemauan, punya alamat email, ya cukup. Kecuali tidak bisa menulis dan membaca. Kalau tidak bisa yang dua tersebut, maka memang tidak bisa membuat blog. He he he. Oke kita lanjutkan Cara Membuat Blog WordPress. Berikut cara mudah membuat blog di WordPress :

1. Silahkan anda buka web wordpress di http://id.wordpress.com Ini versi Indonesia. Jika anda buka http://wordpress.com maka yang akan terbuka adalah versi English. Tinggal pilih saja. Tapi berhubung saya ini orang Indonesia asli, maka saya gunakan saja tutorial kali dengan bahasa Indonesia.