Kamis, 27 Mei 2010

Cara Membuat Read More Dengan Gambar

Dulu saya pernah memakai read more tapi bukan asli buatan blogger, pas saya pakai hmmm hasilnya, sama saja tidak memakai fungsi read more, tapi kini blogger sudah mengeluarkan fungsi read more-nya sendiri!
Fungsi ini pun sangat mudah di gunakan di post editor baru blogger,
mohon maaf gambar ini sedang sibuk untuk di tampilkan
jika anda masih menggunakan post editor lama juga bisa namun dalam posisi [ Edit Html ] yaitu dengan mengetikan kode seperti ini

<!-- more -- >

Jika anda memakai template asli dari blogger bisa langsung memakai fungsi read more ini. Tapi jika anda memakai template bukan bawaan blogger bisa menambahkan kode seperti di bawah ini
* yang terpenting login dulu di blogger dengan id akun anda
* Klik Tata Letak
* Klik Lagi Edit HTML
* Centang Expand Template Widget
Kemudian cari kode yang seperti ini
<div class='post-body-entry-content'>
<data:post.body/>
<div style='clear:both;'/>
<!-- clear for photos floats -->
</div>

* Copas kode di bawah ini dan taruh di bawah kode yang tadi.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<p align='right'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/> </a>
</p
>
</div>
</b:if>
* Kemudian Simpan template anda.
Anda bisa mengatur tulisan read more menjadi baca selengkapnya contohnya,
* klik Tata Letak lagi
* Klik lagi aja Elemen Halaman
* Klik [ edit ] pada elemen Posting Blog atau Blog Post

gambar sedang sibuk untuk di tampilkan
* Setelah muncul window baru, gantilah tulisan read more dengan yang anda inginkan,

gambar sedang sibuk untuk di tampilkan

Nah atau juga yang berwarna merah bisa anda ganti dengan apa saja contohnya gambar

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<p align='right'> <a expr:href='data:post.url + "#more"'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/> </a>
</p
>
</div>
</b:if>


jika memakai image atau gambar hasilnya akan seperti di sini, ini hanya contoh saja, jika mau memakai image atau gambar itu terserah ente, saya cuma kasih tau aja, ya kan, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla hasilnya seperti ini read more

selesai.


Jika merasa Artikel ini bermanfaat,
bagikan artikel ini ke teman Anda lewat tombol di bawah ini »
Bookmark and Share


Mungkin Mau Baca Lagi Yang Ini :



Comments :

0 komentar ke “Cara Membuat Read More Dengan Gambar”




Apa Pendapat Anda ?...

Berikan komentar anda untuk membantu saya memperbaiki blog ini

Sponsor Link

Ads


Join 4Shared Now!

 

Copyright © 2010 by Belajar Ngeblog Bersama | RHOEDAL

Template by Blog Tempate 4 U | Blogspot Tutorial | Edit Template By RHOEDAL