Click Here

Labels

Membuat Read More pada posting blog

Di sini saya akan mensharingkan bagaimana membuat Read More pada postingan, fungsi read more pada postingan agar tampilan postingan kita tidak memakan banyak tempat pada halaman utama. Nah, disini kita mencoba membuat tampilan halaman utama blog kita agar tidak terlalu berat untuk ditayangkan.
Adapun cara-cara pembuatan read more tersebut seperti ini :
1. Sign in dulu ke Blogger
2. Masuk ke Pengaturan/Setting
3. Lalu klik Format/Formatting
4. Nah, pada bagian Post Template, isi kotak tersebut dengan kode dibawah ini :
<span class="fullpost">

</span>

5. Simpan Settingan anda
Settingan tersebut berfungsi untuk menampilkan secara otomatis pada saat anda membuat posting pada tab edit HTML di entry, sehingga membantu kita agar tidak lupa.

6. Setelah itu kembali ke Dashboard
7. Lalu masuk ke Tata Letak/Layout
8. Klik Edit HTML
9. Demi mengantisipasi kerusakan template anda,
    Sebaiknya anda download dulu template anda dengan klik tulisan
    Download Full Template. jadi bisa memback up template anda
    jika terjadi kesalahan.
10. Centang Expand Widget Template
11. Cari kode berikut, untuk memudahkan pencarian, tekan Ctrl+f
]]></b:skin>

12. Letakkan kode dibawah ini setelah kode diatas :
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>

13. Selanjutnya cari kode dibawah ini :
<p><data:post.body/></p>

14. Letakkan kode dibawah ini setelah kode diatas :
 <b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Tulisan Readmore bisa anda ganti sesuai selera anda, anda bisa menggantinya dengan "baca selengkapnya" atau yang lainnya.
15. Simpan template anda
16. Sebelum saya akhiri, setiap membuat postingan, 
      tempat yang anda ingin letakkan Read More, 
      letakkan kode ini <span class="fullpost">

      dan diakhir postingan letakkan kode </span>
      dan yang perlu diingat lagi, anda meletakkan kode tersebut 
      pada bagian edit HTML bukan bagian compose/ Tulis.

Selamat mencoba...
Selamat berkreasi...
Jangan lupa commentnya...
Harga Notebook Acer Aspire S3 Ultrabook

Baru 1 Orang yang berkomentar nih, Silakan anda yang selanjutnya :

Komentar dari alitputra :

sip, saya akan coba di blog

Silakan Tulis Komentar Anda di Bawah ini :

Silahkan tulis komentar anda dibawah ini, namun diharapkan jangan melakukan spamming,hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat