Terima kasih anda sudah menyempatkan diri untuk berkunjung, disini tempatnya kita saling berguru dan berbagi. aku mendapat ilmu, kemudian aku membagikannya untuk anda. meskipun sudah banyak yang menulis topik yang sama yaitu menciptakan Read More di blog, tapi semua itu tidak menyurutkan hati aku untuk terus menulis selagi itu dapat bermanfaat untuk anda.
Sebelum anda terbang ke tutorial, sebaiknya aku perkenalkan terlebih dahulu apa itu Read More. Read More dalam bahasa Indonesia ialah Baca Selengkapnya. kegunaan Read More ini ialah untuk mempersingkat goresan pena pada blog anda semoga 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 arahan </head>. sehabis anda ketemu dengan arahan </head>, silahkan anda pastekan arahan dibawah ini sempurna diatas arahan </head> tersebut.
Kedua
Silahkan anda login ke blogger, template, edit html dan cari arahan </head>. sehabis anda ketemu dengan arahan </head>, silahkan anda pastekan arahan dibawah ini sempurna diatas arahan </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 arahan diatas tersebut, maka cari kembali arahan <data:post.body/>. pastekan arahan dibawah ini sempurna dibawah arahan <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 goresan pena yang ingin anda potong. arahan yang akan anda gunakan untuk memotong goresan pena adalah <span class="fullpost"> dan epilog </span>.
Untuk menguji apakah readmore/baca selengkapnya ini berfungsi dengan baik ialah dengan cara anda buat postingan gres ibarat biasa. kalau 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"> Contohnya anda buat posting baru, 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 ibarat dibawah
Keterangan:
Buat postingan, sehabis postingan selesai jangan anda terbitkan, akan tetapi klik tombol HTML, kemudian masukan arahan <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 berguru dan berbagi.
Pertanyaan:
Milik aku ada dua buah arahan <data:post.body/> nya, bagaimana?
Jawaban:
Sungguh pertanyaan tersebut yang aku tunggu-tunggu. kalau anda menemukan dua buah arahan yang sama ibarat <data:post.body/>. maka silahkan anda pilih yang kedua. letaknya tidak jauh diatas arahan <div class='post-footer-line post-footer-line-1'>.
Milik aku ada dua buah arahan <data:post.body/> nya, bagaimana?
Jawaban:
Sungguh pertanyaan tersebut yang aku tunggu-tunggu. kalau anda menemukan dua buah arahan yang sama ibarat <data:post.body/>. maka silahkan anda pilih yang kedua. letaknya tidak jauh diatas arahan <div class='post-footer-line post-footer-line-1'>.
Semoga isu cara menciptakan read more ini dapat berkhasiat 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 goresan pena Baca Selengkapnya, maka silahkan anda hapus arahan ibarat dibawah ini
Update 29/04/2016 "Menghilangkan Tulisan Read More/Baca Selengkapnya"
Jika anda ingin menghilangkan goresan pena Baca Selengkapnya, maka silahkan anda hapus arahan ibarat 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 sempurna dibawah kode <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/doraimoul/5a57d31fd90d7ad31837d81317178596.png' style='border: 0 !important; background: transparent;'/></a>
<table border='5' style='background:#f2f2f2' width='100%'>
<tr> <th>Catatan: Mohon Beritahu Kami Jika Anda Menemukan Error Link Pada Blog Ini.</th> </tr>
</table>
</b:if>
</b:if>
</b:if>
0 Response to "Cara Menciptakan Read More Di Blogspot Lengkap"
Posting Komentar