Cara Mudah dan Gampang Menambah Read More (Baca Selengkapnya) di Blogspot atau Blogger -- download-aplikasinya.blogspot.com Reviewed by Kampung Tangguh Semeru dan 17 Orang Lainnya on Rating: 4

Cara Mudah dan Gampang Menambah Read More (Baca Selengkapnya) di Blogspot atau Blogger -- download-aplikasinya.blogspot.com


Baiklah kawan, kita sekarang akan belajar bagaimana kita membuat tulisan Baca Selengkapnya di blog, atau dikenal dengan Read More. Ini sangat bermanfaat bagi kita. Karena pengunjung blog kita tidak perlu lagi menggeser cursor terlalu jauh ke bawah. Yuuuk ikutiin langkah-lanhkanya berikut ini.........
Langkah-langkahnya yaitu seagai berikut ini:
1.      Klik Rancangan dan klik Edit HTML
 2.   Centang Expand Template Widget
 3. Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
 4.   Cari kode </head> dan kalau sudah ketemu
 5.   Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>





Bila kawan-kawan  ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger  teman-teman hanya perlu mer ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan: 
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar 
summary_img = 340; adalah tinggi potongan artikel dengan gambar 
img_thumb_height = 100; adalah ukuran tinggi thumbnail 
img_thumb_width = 120; adalah ukuran lebar thumbnail


6. langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script 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'>&#187;&#187;&#160;&#160; Baca Selengkapnya...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7. Dan untuk kata Baca Selengkapnya " bisa diganti sesuai dengan selera anda.
8. Klik Simpan Template
9. Udah dulu ya kawan tutorialnya? lnsyaAlloh kita akan melanjutkan di tutorial berikutnya untuk lebih jauh bermain-main dengan CSS3. DOWNLOAD ARTICLE. sering-sering saja baca-baca di http://download-aplikasinya.blogspot.com/

*Jangan lupa di backup dulu ya kawan templates nya? dengan mengklik CTRL+A kmudian Copy dan paste di Notepad teman-teman


Link

Post a Comment