Ada 3 langkah, untuk membuat paragraf pengantar yang akan ditampilkan di halaman depan:
1.Penambahan ‘Conditional CSS’
Conditional CSS mengubah bagaimana postingan tampil di halaman yang berbeda.
Caranya, klik Layout ---> Edit HTML.
Lalu backup template dengan mengklik Download Full Template.
Lalu cari dan temukan kode ini </head>
Tambahkan kode berikut tepat di atasnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Gunanya adalah membuat class bernama fullpost yang akan tampil hanya di halaman detail (permalink).
2.Penambahan Read more
Langkah kedua, menambahkan link "Read More" (atau apa pun sesuai selera Anda) yang akan tampil setelah paragraf pengantar.
Untuk itu klik checkbox Expand Widgets Template tepat di atas kotak Edit Template.
Lalu scroll sampai ketemu kode:
<data:post.body/>
Tambahkan kode berikut setelahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Read more!</a>
</b:if>
Kalau sudah, klik Save Template. Link Read more ini hanya akan tampil di halaman depan (home) dan arsip (Archive). Kalau diklik, akan membuka halaman baru berisi satu tulisan penuh.
3.Penambahan di Post Template
Langkah terakhir adalah menambah format di template postingan, sehingga setiap membuat postingan baru akan memudahkan Anda, di mana menempatkan paragraf pengantar dan di mana sisa keseluruhan tulisan.
Klik Settings ---> Formatting, lalu geser ke paling bawah halaman.
Copy dan Paste kode berikut ini ke kotak Post Template:
<span class="fullpost">
Continue teks
</span>
Artikel Terkait:
- Create Label With Scrool Bar
- How to Hide or Show Blogger Navbar
- How to display the title of the post without the content (pages) posts
- How to comment form under post for Forte template
- Comment Form Under Post On Blogger, Finally Officially Embedded!
- Change the Title Tags for your Blog
- Statistics Widget For Blogger
- How to Show Recent Post on the Sidebar
- Show Related Article to Your Post
2 komentar:
Mantap nih. Dari dulu saya pengen template minimalis seperti ini. Ini luar biasa bung.. Sukses ya..
Salam kenal dari:
Maurice Avrahm
bro, kenapa pny saya gak bisa ya?
salam kenal dari mizu
Posting Komentar