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,
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
* Setelah muncul window baru, gantilah tulisan read more dengan yang anda inginkan,
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
selesai.
Langganan:
[Posting Komentar
Atom]
Jika merasa Artikel ini bermanfaat,
bagikan artikel ini ke teman Anda lewat tombol di bawah ini »
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