Senin, 12 Desember 2011

Cara Membuat Baca Selengkapnya Di Blogspot

Cara membuat readmore pada blogspot, cara membuat readmore di blogspot, membuat readmore di blogger, membuat baca selengkapnya.
Mungkin ketika anda menjelajah blog, anda pernah menemukan tampilan blog yang memiliki kata "baca selengkapnya" seperti ini :


Nah. Berikut saya akan memberikan anda cara membuat baca selengkapnya seperti diatas. Caranya adalah sebagai berikut :

1. Login Ke Blogger seperti biasa.

2. Masuk ke Rancangan

3. Pilih Edit HTML

4. Beri tanda centrang pada kotak Expand Template Widget

5. Temukan baris kode code </head>

6. Copy paste kode berikut di atas nya :

<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://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

7. Kemudian temukan baris kode <data:post.body/>

8. Ganti Kode tersebut dengan kode berikut :

<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>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><img align='right' border='0' src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span>
</b:if>

9. Klik tombol simpan template.. Selesai.


5 komentar:

  1. cara tersebut tdk disarankan. karena jika berganti/upload tema baru, semua akan kembali seperti awal (read more/baca selengkapnya tdk akan jadi.)

    Ada cara yang lebih mudah. coba lihat di http://kasaputra.blogspot.com/2012/03/membuat-baca-selengkapnya-secara-aman.html

    BalasHapus
  2. hmmm gitu ya gan... boleh dicoba tu sarannya.. ngemeng ngemeng itu promosi blog kayanya ya :-D

    BalasHapus
  3. bos cara membuat posting terbaru menjadi halaman depan pada blogspot gimana?trimakasih y.
    www.thesugesty354.blogspot.com

    BalasHapus