Cara Membuar Read More di Blog

Posted by Unknown Senin, 26 Maret 2012 0 komentar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Membuar Read More di Blog»

TUJUAN MEMAKAI READ MORE

1. Agar halaman utama tampak rapi dan tidak terlalu panjang.
2. Waktu loading (waktu pengunjung membuka blog) juga lebih singkat. Ini bisa menambah SEO.
4. Agar pembaca blog kita betah berlama-lama di situs kita. Minimal mereka dua halaman blog kita yaitu halaman utama dan halaman setelah "Read More".
5. Sebagai teaser (penggoda) supaya pembaca lebih penasaran.

CARA MEMBUAT READ MORE MANUAL DI BLOGGER
Ada dua cara.

Cara pertama, waktu menulis artikel klik Edit HTML di kanan atas. Tambahkan kode . Artikel yang akan disembunyikan taruh di bawah kode, sedang artikel yang akan ditampakkan di halaman utama letakkan di atas kode.

Supaya mudah, simpan kode tersebut di notepad dan taruh di Desktop. Sewaktu-waktu diperlukan tinggal copy/paste.

Cara Kedua

Kotak posting dalam keadaan "Compose". kemudian klik menu Jumpbreak yang berada di samping menu Video. Lihat gambar bawah:

Kalau Anda sudah mengikuti kedua cara tersebut, tapi "read more"-nya tidak muncul, maka lakukan setting/setelan "Pilih Editor Entri yang Dimutakhirkan."

Caranya, ikuti tip berikut:

1. Caranya, masuk ke Blogger.com -> Pengaturan -> Dasar -> Setting Global (paling bawah) ->
2. Centang / kasih tanda tik pada "Editor yang dimutakhirkan."
3. Jangan lupa klik Simpan Setelan.

Kelebihan cara manual adalah lebih fleksibel. Artinya, untuk artikel pendek yang cuma satu atau dua paragraf tidak perlu memakai Read More.

CARA MEMBUAT AUTO READ MORE OTOMATIS DENGAN GAMBAR THUMBNAIL DI BLOGGER
Pertama yang harus dilakukan adalah klik Rancangan -> Edit HTML -> tanda tik/centang Expand Widget Template. Setelah itu ikuti panduan di bawah.

Penting: coba dulu di blog eksperimen. Jangan di blog utama.

1. Cari kode </head>
2. Letakkan kode berikut di atasnya kode no. 1 (klik View plain untuk mengcopy)

view plainprint?

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

Catatan: angka-angka di atas dapat dirubah sesuai selera.

3. Cari kode berikut: <data:post.body/>
4. Ganti kode tersebut dengan kode di bawah (klik View plain untuk mengcopy)

view plainprint?

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>

5. Klik Simpan Template. Selesai.

Habis baca jangan lupa jempolnya...thanks..

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Kumpulan Artikel Seo

Anda sedang membaca artikel tentang Cara Membuar Read More di Blog dan anda bisa menemukan artikel Cara Membuar Read More di Blog ini dengan url http://blog-seo2012.blogspot.com/2012/03/cara-membuar-read-more-di-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuar Read More di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuar Read More di Blog sebagai sumbernya.