Wednesday, August 4, 2010

Cara Membuat Read More atau Selengkapnya diblogger

Cara Membuat Read More atau Selengkapnya merupakan artikel tutorial yang paling banyak diminati oleh para blogger pemula yang baru membuat blog di blogspot.com, karena tanpa readmore sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yang ditulis sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu.

Nah, tutorial membahasa bagaimana cara memotong artikel panjang tersebut dengan membuat read more atau selengkapnya di blogger:
1. Sign in / login di blogger dengan username Anda
2. Klik menu Layout / Rancangan
3. Klik Edit HTML
4. Beri centang Expand Template Widget
5. Cari kode berikut ini : <p><data:post.body/></p> , jika tidak jumpa cari kode ini <data:post.body/>, kemudian timpa kode tersebut dengan kode berikut ini
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 350;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://bloguniq.googlecode.com/files/summarypost.js' type='text/javascript'/><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:2px;'><a expr:href='data:post.url' expr:title='data:post.title'>Readmore &#187;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Kemudian simpan template
8. Selesai

Keterangan:
  • summary_noimg = 400 : jumlah tulisan jika tidak terdapat gambar pada tulisan / postingan.
  • summary_img = 350 : jumlah tulisan jika terdapat gambar pada tulisan / postingan
  • img_thumb_height = 100 : ukuran tinggi gambar yang tampil dihalaman depan blog
  • img_thumb_width = 100 : ukuran lebar gambar yang tampil dihalaman depan blog
  • Readmore : bisa ditukar menurut keinginan Anda, misalnya dengan "Baca Selengkapnya" atau "Lihat Kelanjutannya" 

Selamat mencoba.

Anda baru saja membaca artikel yang berkategori Blogger / Hack Blogger / Tutorial dengan judul Cara Membuat Read More atau Selengkapnya diblogger. Anda bisa bookmark halaman ini dengan URL http://bloguniq.blogspot.com/2010/08/cara-membuat-read-more-atau.html. Terima kasih!

Judul: Cara Membuat Read More atau Selengkapnya diblogger
Rating: 100% based on 99999 ratings. 5 user reviews.
Ditulis Oleh : Bg dani // 9:58 AM
Kategori:

Comments
0 Comments

0 komentar:

Post a Comment

 

Total Tayangan Laman