Membuat Tampilan Read More di Blog
Hal pertama yang aku lakukan setelah membuat blog baru di blogspot adalah melakukan posting artikel, ganti tema (themes) dan sedikit utak-atik tema agar sesuai dengan keinginan. Membuat artikel terpotong sebagian dengan memberikan link "Read more..." (atau sejenisnya). Dengan demikian, artikel sepanjang apapun tidak akan mengganggu tampilan blog. Selain blog kelihatan rapi, juga menghemat tempat sehingga lebih banyak artikel yang ditampilkan di halaman utama tanpa pengunjung harus ribet menggulung layar terlalu panjang.
Bagaimana cara membuat readmore di blogger baru ? Dari hasil jalan-jalan di blog orang dan sedikit baca-baca helpnya blogger, ada cara yang sudah aku terapkan dalam semua blog-ku yang memakai blogspot. Berikut caranya :
- masuk ke akun blog, pilih blog yang akan diedit, klik link Layout (Tata Letak) > Edit HTML
- Tandai Expand Widget Templates
- Masukkan kode di bawah ini sebelum tag
</head>atau tepat sesudah kode} ]]></b:skin>seperti ini:<style><b:if cond='data:blog.pageType == "item"'>span.fullpost {display:inline;}<b:else/>span.fullpost {display:none;}</b:if></style> - Kemudian atur supaya artikel terpotong, cari kode
<p><data:post.body/></p>pada template dan tambahkan kode berikut tepat dibawahnya:<b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'> Read More..</a></b:if> - Agar hasil postingan terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik
<span class="fullpost">sisa postingan sampai selesai</span>. Gunakan mode Edit HTML ketika menulis postingan. Ganti tulisan Read More.. sesuai selera anda.
semoga info ini bermanfaat bagi anda.....
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Tampilan Read More di Blog
Ditulis oleh Seseorang/>
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://nettersejati.blogspot.com/2008/11/membuat-read-more-di-blogger-baru.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Seseorang/>
Rating Blog 5 dari 5
0 comments:
Post a Comment
Tinggalkan komentarnmu !!!!