Selamat Datang Diucapkan Kepada Semua Pengunjung Blog Ini Segala Komen Dan Saranan Teman Teman Amat Seri Hargai

Automatik Readmore Dengan Thumbnail Untuk Blogspot

Artikel Readmore ini seri buat atas permintaan seorang kawan. Jenis ini, Automatik Readmore dengan Thumbnail adalah yang terbaik setakat ini. Cara pemasangannya juga agak senang jika dibandingan dengan kode-kode Readmore yang lain.


Panduan Memasang:

Masuk ke Blogger

Klik Tab Design

Klik Tab Edit HTML

Bagi tanda centang di Expand Widget Templates

Cari kode </head> ini, rujukkan seperti dibawah:

]]></b:skin>

</head>

<body>

Salin kode dibawah ini dan pastekan diatas </head>.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Cari kode <data:post.body/> ini, rujukkan seperti dibawah. Bila sudah jumpa delete/buang kode tersebut.

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<a expr:href='data:post.url'/>
</b:if>

Salin kode dibawah ini dan pastekan di tempat <data:post.body/> yang telah didelete/buang tadi.

<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 class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Baca Selanjutnya</a></span>
</b:if>
</b:if>



Catatan:
summary_noimg = 430; - Jumlah karakter/huruf yang ingin dipaparkan
summary_img = 340; - Jumlah karakter/huruf yang ingin dipaparkan jika ada thumnail
img_thumb_height = 100; - Ketinggian thumbnail
img_thumb_width = 120; - Lebar thumbnail
Baca Selanjutnya - Boleh ditukar mengikut kesesuaian anda.

Save template dan View Blog

9 Pandangan:

gnesop.com Januari 20, 2011  

sop mmg suka guna readmore ini utk paparkan lebih banyak entry..,.

dgodam Januari 20, 2011  

good tutorial seri ;)

papabear Januari 20, 2011  

banyak tutorial blogspot sini. tak minat nak try wordpress pulak ke?

Seri Bahasa Januari 21, 2011  

papabear@ dah cuba buat satu blog mengunakan wordpress tapi seri tak berapa mahir.

Yastro Januari 22, 2011  

Baru semalam ade kawan tanya cara nak wat read more nih...len kali leh refer kat sini...thanks.

ABS April 05, 2012  

Good job. Saya tumpang dua tangan.

cindelaras Januari 12, 2013  

apa kabar seri??

kenapa script untuk auto readmore ini tidak bekerja dengan baik pada blogku, ya??
sekarang blogku tidak lagi bisa dipasang auto readmore..

kamu punya solusinya, kawan??

Teman Setia

This Blog Is Proudly Sponsored By SURF7 Template Modified By Seri Bahasa Proud To Be A Kinabatangan Blogger