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
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
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»   Baca Selengkapnya...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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
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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»   Baca Selengkapnya...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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