Cara Memasang Readmore di Blogger Template Default

3/07/2012

readmore blogger
Cara Memasang Readmore di Blogger Template Default--Sepertinya fasilitas readmore dalam sebuah blog sudah menjadi keharusan. Ada banyak manfaat dari pemakaian readmore ini. Dari sisi SEO jelas sekali readmore bisa meningkatkan pageview. Karena pengunjung akan dipaksa untuk melakukan klik ke halaman posting, jika pengunjung datang dari beranda/homepage. Atau datang dari pencarian kategori/label dari sebuah blog. Sedangkan dari sisi tampilan dan browser loadnya, jelas akan sangat membantu tampilan sebuah blog. Selain juga memperindah desainnya. kalau di toko online, readmore bisa dikatakan sebagai harga mati. Karena untuk memunculkan sebuah tampilan blog yang menyerupai situs toko online yang profesional, memang dibutuhkan fasilitas ini.

Sayangnya, blogger template default bawaan blogger belum dilengkapi dengan fasilitas readmore. Jadi jika anda ingin tetap memakai template bawaan blogger, namun ingin memiliki tampilan readmore di beranda situs anda, maka diperlukan beberapa hack pada templatenya.

Berikut ini adalah langkah-langkah yang diperlukan untuk membuat opsi readmore dalam sebuah blogger template default.

Login ke akun blogger anda.

Masuk ke dashboard blog anda -->rancangan-->edit HTML-->centang expand template widget (sebelumnya jangan lupa untuk backup template anda)

Temukan kode berikut (gunakan Ctrl+F).

</head>

Letakkan kode di bawah ini tepat di atas kode tadi.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>

Selanjutnya temukan kode berikut.

<data:post.body/>

Gantikan/hapus kode di atas dengan kode ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&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>Read more</b></a></span>
</b:if>
</b:if>

Anda bisa mengganti tulisan read more sesuai keinginan anda. Misalnya, baca selengkapnya... dll.

Simpan hasil editing template anda. Lalu lihat hasilnya.

Jika anda melakukannya dengan benar, fasilitas readmore sudah muncul di beranda blog anda.

Selamat mencoba

All posts here about online store, tips, tricks, SEO, Store Service, store builder with Blogspot, Wordpress or Opencart.
Contact me if You need help or more question about service. Enjoy reading.....

Artikel Terkait

Previous
Next Post »