Tutorial Blogger

Belajar dunia BLOGGER dengan mudah, cepat dan gratis

Popular Posts

Trending Topik

Popular Post

Post Terakhir

Space Iklan - 125 X 125

Space Iklan - 468 X 120

Membuat Read More Otomatis Dengan Gambar

Sobat tertarik dengan Membuat Read More Otomatis bergambar ??Kalau tertarik kita mulai yuk

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode </head> atau </head (Gunakan CTRL+F atau F3 untuk mempercepat pencarian)
6. Setelah ketemu, letakan kode berikut ini tepat di bawahnya
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
7. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Setelah ketemu hapus kode berikut dan ganti dengan kode di bawah ini
 <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:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='Link Image'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://tutorialseo-blog.blogspot.com/2012/02/membuat-read-more-otomatis.html'>Klik Disini Untuk Read More Otomatis Bergambar</em> |</a></strong></p></b:if>
Link Image:

http://4.bp.blogspot.com/-2KGspEfvgM0/Tgu6JSqM01I/AAAAAAAAAM4/XBSbw_MWPPk/s1600/readmore.gif





 http://3.bp.blogspot.com/_FxMmJmlILww/TSDwT3_-6SI/AAAAAAAAAGA/IcUy2BkW2v4/s1600/ReadMore.jpg





http://3.bp.blogspot.com/_vdAXHVo9k0Y/TN53O4DkO3I/AAAAAAAAAFk/0v0Nn09AJ6E/s1600/read_more.jpg







http://1.bp.blogspot.com/-INW0NGo3WF0/Tg1SEXcFanI/AAAAAAAAAJg/M8M2PblENQg/s1600/readmore.jpg




http://4.bp.blogspot.com/-r_1ZoAzrrJ8/Tw45t_J0LYI/AAAAAAAAAss/KmVbG50g-zI/s1600/read+more.gif




9. Setelah itu simpan (Untuk yang tulisan simpan tidak kelihatan, hilangkan kotak pencarian cepatnya)

Note:
Untuk sobat yang kurang tertarik dengan gambar-gambar read more otomatis tersebut, silakan Klik Disini
Anda baru saja membaca artikel yang berkategori aksesoris blog dengan judul Membuat Read More Otomatis Dengan Gambar. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger
Ditulis oleh: Andreano Calvin - Minggu, 05 Februari 2012

Belum ada komentar untuk "Membuat Read More Otomatis Dengan Gambar"

Posting Komentar

Silakan berkomentar jika ada script yang RUSAK aatau kurang dipahami



TERIMA KASIH