Jumat, 22 April 2011
Cara Membuat read more di Blogspot atau Blogger
10.11 | 
Diposting oleh
Unknown
Caranya sangatlah mudah dan gampang, hanya dengan memanipulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Berikut ini langkah-langkah untuk membuat read more blogger
1• Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
2• Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
3• Tepat di atas tag </head> masukkan kode berikut ini:
4• Kemudian cari kata <data:post.body/> (dengan menekan control f) dan tambahkan kode berikut tepat dibawahnya:
5• Selesai. Sekarang setiap kali kamu posting (pastikan postinganmu pada mode Edit HTML bukan Compose) letakkan kode <span class="hidenpost"> pada paragraf pertama atau kedua, dan akhiri dengan </span>
1• Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
2• Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
3• Tepat di atas tag </head> masukkan kode berikut ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
4• Kemudian cari kata <data:post.body/> (dengan menekan control f) dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
5• Selesai. Sekarang setiap kali kamu posting (pastikan postinganmu pada mode Edit HTML bukan Compose) letakkan kode <span class="hidenpost"> pada paragraf pertama atau kedua, dan akhiri dengan </span>
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar