Caramembuat read more di blog. Artikel
ini saya tulis berawal dari rasa ingin tahunya saya ketika melihat blog-blog
yang dilengkapi tombol atau link yang bertuliskan read more, Baca selengkapnya,
dll. Tapi setelah dicari, kini makin dibuat penasaran karena terkadang diartikel
panduannya terkadang kurang dapat dipahami untuk saya yang masih newbie. Akhirnya
setelah lama diutak atik tuh html akhirnya ketemu juga. Sekarang bagi kamu yang
ingin mencobanya kamu bisa ikuti langkah-langkah dibawah ini, berdasar dari
pengalaman ane sendiri loh.
Contoh : Read More, Baca Selengkapnya
Cara membuat
Read More di Blogspot atau Blogger.
·
Login/masuk ke Blog anda.
· Klik Template > Edit HTML
atau Buka halaman design > Edit HTML > centang Expand
template widget.
· Cari kode </head> atau gunakan
tombol CTRL + F di keyboard untuk mempermudah pencarian.
·
Kemudian kamu paste kan kode dibawah ini tepat dibawah </head>
<script
type='text/javascript'> var thumbnail_mode = "no-float" ;
summary_noimg = 460; summary_img = 280; img_thumb_height = 100; img_thumb_width
= 110; </script> <script
src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>
· Kemudian setelah itu cari kode <data:post.body/>
atau <p><data:post.body/></p> gunakan tombol CTRL
+ F di keyboard untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama,
gunakan atau ganti yang pertama.
· Jika sudah ketemu silahkan anda ganti
kode tersebut dengan kode dibawah 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'> Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'> Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
·
Simpan template mu terlebih dahulu
kemudian lihat hasilnya
NB
: berdasar pengalaman saya jika setelah dilihat hasilnya tidak berubah kamu
bisa mencoba mengganti semua kode <data:post.body/> atau <p><data:post.body/></p> dengan
kode diatas, kemudian simpan template anda dan lihat hasilnya.
Kamu bisa mengganti kata-kata Read More tersebut
dengan kata-kata mu sendiri atau dengan mengganti kata-kata tersebut dengan gambar,
caranya ganti kata-kata tersebut dengan kode dibawah :
<a
expr:href='data:post.url'><img src="Url gambarmu"></img></a></span>
Selamat mencoba, semoga
artikel ini bermanfaat.
