Friday, December 9, 2011

Membuat Read More dengan Gambar

Jika artikel tentang Cara Simpel Bikin Bikin Read More di Blogspot sudah saya posting, sekarang saya akan posting tentang artikel yang hampir sama, namun kali ini tentang Membuat Read More dengan Gambar. Saya juga baru saja mempraktekkannya dan akhirnya jadi dan tidak sulit kugh :)
Tinggal ikuti saja perintah yang saya berikan dibawah ini, Insya Allloh kalau mengikuti dengan benar pasti jadi :)
Langkah - langkahnya sebagai berikut :
1. Yang pastinya, anda harus mempunyai blog terlebih dahulu . . . hehehe . .
2. Masuk ke pengaturan Template, pilih edit html.
3. Jika muncul pertanyaan, pilih lanjutkan. Dan beri centang di expand template widget.
4. Cari script dibawah ini. Dan hapus.
<a expr:href='data:post.url + "#more"'> Read More </a>
    dan bukan

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
5. Kemudian cari script ini diatas script yang tadi

<data:post.body/>
    setelah itu ketikan dibawahnya script ini.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'> Read More </a>
</div>
</b:if >
6. Untuk cara memberi gambarnya ganti tulisan Read More dengan script dibawah ini.
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkF5V1AoogkEiqFwBGjRzn9cLuVjySh6PBQzarVfeIlHNyOaAaSrwJfYbXky9aj88WGYrEqz-ENxZOnmn8k_FOtQksQMeBu7Oq1EcdvWWPfeE9Um7SfXZZTvt3c6aCzji08xSUroEaon7c/s1600/read-more1.jpg"/>
7. Save template tersebut dan lihat hasilnya :)

Saya sediakan contoh gambar - gambarnya, jika ingin membuat sendiri juga bisa dan jika ingin memakai gambar dibawah ini tinggal copy saja image locationnya :)




0 comments:

Post a Comment

Mohon tinggalkan komentar, karena setitik komentar anda akan sangat berharga dan tak ternilai demi kemajuan blog ini.
Dan maaf, kalau admin tidak bisa langsung membalas komentar anda sekalian, karena jarang online lewat komputer.

Terima kasih :)

Related Posts Plugin for WordPress, Blogger...