Rabu, 27 April 2011

TUTORIAL: Cara Membuat Read More pada blogger.com

Karena ada yg request minta dibuatin gimana caranya membuat read more >>> pada postingan blogger.com kali ini saya akan membahasnya.
Pertama yg harus dilakukan adalah Login ke blog anda kemudian pergi ke Dashboard click Design atau Rancangan kemudian click Edit HTML dan centang

Setelah itu cari code ini:
</head>

Kemudian tambahkan code seperti ini ditanamkan diatas </head>
<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://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
ukuran img thumbnail bisa di sesuaikan ukurannya.sesuka anda.

jika sudah terpasang code-code di atas. sekarang cari code ini:

<data:post.body/>

Kemudian timpa dengan code di bawah 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; padding-bottom:2px; float:right; text-align:right;'>
<a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Tulisan READ MORE >> bisa diganti dengan Baca Selengkapnya atau sesuaikan dengan keinginan anda. setelah semuanya selesai click Simpan Template.
Jangan lupa!!!
sebelum menggunakan cara tersebut
Sebelum mengedit template Anda, Anda harus menyimpan sebuah salinan dari template tersebut. click Download Template Lengkap supaya jika terjadi kesalahan anda bisa mengembalikannya lagi ke seperti semula!
Selamat mencoba!!!!!

6 komentar:

  1. Thanks bro, link anda sudah saya taruh di blog saya,, salam blogger.

    BalasHapus
  2. makasih bro atas postingannya, akan ane coba di blog ane,, eh satu permintaan lagi bro, bisa tukeran link kan bro, ini nih link ane www.inter-phonsel.blogspot.com

    BalasHapus
  3. siipp!!!!!! ane udah pasang link nya!!!

    BalasHapus
  4. thanks gan, postingan agan sangat membantu sekali..
    Sekalian nih gan, ane mo tukeran link.. ozmy-mostum.blogspot.com

    BalasHapus
  5. gan maksudnya timpa tuh apa yah !!!!!

    BalasHapus

terima kasih atas komentarnya!
semoga bisa menambah pengetahuan anda!
salam hangat ryansiprofesor.blobspot.com