Terima kasih anda sudah menyempatkan diri untuk berkunjung, disini tempatnya kita saling belajar dan berbagi. aku menerima ilmu, lalu saya membagikannya untuk anda. meskipun sudah banyak yang menulis topik yang sama yaitu membuat Read More di blog, tapi semua itu tidak menyurutkan hati aku untuk terus menulis selagi itu bisa bermanfaat untuk anda.
Sebelum anda terbang ke tutorial, sebaiknya saya perkenalkan terlebih dahulu apa itu Read More. Read More dalam bahasa Indonesia ialah Baca Selengkapnya. kegunaan Read More ini yaitu untuk mempersingkat tulisan pada blog anda supaya terlihat rapi dan tidak memanjang kebawah. apalagi kalau judul postingan anda sudah mencapai diatas lima buah judul, maka fungsi read more ini sangat berkhasiat sekali.
Berikut langkah-langkahnya untuk menciptakan read more atau baca selengkapnya
Pertama
Silahkan anda login ke blogger, template, edit html dan cari isyarat </head>. sehabis anda ketemu dengan arahan </head>, silahkan anda pastekan instruksi dibawah ini sempurna diatas instruksi </head> tersebut.
Kedua
Silahkan anda login ke blogger, template, edit html dan cari isyarat </head>. sehabis anda ketemu dengan arahan </head>, silahkan anda pastekan instruksi dibawah ini sempurna diatas instruksi </head> tersebut.
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost display:inline;
<b:else/>
span.fullpost display:none;
</b:if>
</style>
Kedua
Setelah anda paste kode diatas tersebut, maka cari kembali isyarat <data:post.body/>. pastekan aba-aba dibawah ini tepat dibawah isyarat <data:post.body/>
<b:if cond='data:blog.pageType != "item"'>Jika sudah anda ganti, maka klik tombol Simpan Template.
<a expr:href='data:post.url'><strong>Baca Selengkapnya..</strong></a>
</b:if>
Sekarang kita atur di dalam postingan, dimana tulisan yang ingin anda potong. aba-aba yang akan anda gunakan untuk memotong goresan pena adalah <span class="fullpost"> dan penutup </span>.
Untuk menguji apakah readmore/baca selengkapnya ini berfungsi dengan baik ialah dengan Tutorial anda buat postingan gres seakan-akan biasa. jikalau memang sudah fix anda menciptakan postingan (artikel, konten) maka kita klik HTML letaknya disamping Compose dan gunakan <span class="fullpost"> Isi Artkel Anda </span>.
Misalkan Artikel Anda
<span class="fullpost"> teladannya anda buat posting gres, sehabis menciptakan posting gres dan sudah anda koreksi artikel di blog. silahkan anda gunakan atau pilih yang HTML postingan perhatikan gambar dibawah in ini</span>.Contoh gambarannya seolah-olah dibawah
Keterangan:
Buat postingan, setelah postingan final jangan anda terbitkan, akan tetapi klik tombol HTML, lalu masukan isyarat <span class="fullpost"> dan diakhiri dengan epilog </span> dan klik publikasikan.
Bagaimana berdasarkan anda?
Apakah menciptakan Read More ini sesulit yang anda bayangkan?
Itulah gunanya blog ini untuk belajar dan menyebarkan.
Pertanyaan:
Milik saya ada dua buah instruksi <data:post.body/> nya, bagaimana?
Jawaban:
Sungguh pertanyaan tersebut yang aku tunggu-tunggu. jikalau anda menemukan dua buah instruksi yang sama seolah-olah <data:post.body/>. maka silahkan anda pilih yang kedua. letaknya tidak jauh diatas instruksi <div class='post-footer-line post-footer-line-1'>.
Milik saya ada dua buah instruksi <data:post.body/> nya, bagaimana?
Jawaban:
Sungguh pertanyaan tersebut yang aku tunggu-tunggu. jikalau anda menemukan dua buah instruksi yang sama seolah-olah <data:post.body/>. maka silahkan anda pilih yang kedua. letaknya tidak jauh diatas instruksi <div class='post-footer-line post-footer-line-1'>.
Semoga info Cara menciptakan read more ini bisa berguna dan bermanfaat untuk anda, dan tidak lupa untuk selalu aku ucapkan happy blogging.
Update 29/04/2016 "Menghilangkan tulisan Read More/Baca Selengkapnya"
Jika anda ingin menghilangkan tulisan Baca Selengkapnya, maka silahkan anda hapus instruksi seakan-akan dibawah ini
Update 29/04/2016 "Menghilangkan tulisan Read More/Baca Selengkapnya"
Jika anda ingin menghilangkan tulisan Baca Selengkapnya, maka silahkan anda hapus instruksi seakan-akan dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><strong>Baca Selengkapnya..</strong></a>
</b:if>
Lalu letakan arahan dibawah ini, letaknya tepat dibawah arahan <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "archive"'>
<br/>
<br/>
<a href=''><img border='0' src='http://www.mylivesignature.com/signatures/86204/doraserhamo/5a57d31fd90d7ad31837d81317178596.png' style='border: 0 !important; background: transparent;'/></a>
<table border='5' style='background:#f2f2f2' width='100%'>
<tr> <th>Catatan: Mohon Beritahu Kami jikalau Anda Menemukan Error Link Pada Blog Ini.</th> </tr>
</table>
</b:if>
</b:if>
</b:if>
Post a Comment