Bagi Anda yg sudah membuat blog dan sudah memposting sejumlah entry, mungkin terpikir oleh Anda bahwa postingan Anda terlalu panjang sehingga tak menarik dilihat pengunjung. Apabila ada niat untuk menyingkat posting yg ada di halaman muka supaya lebih menarik dan lebih "catchy" dan judul-judul lain pun jadi lebih visible di mata pengunjung sehingga mereka lebih "betah" lagi nongkrong di blog Anda. Sistem ini disebut post-summary. Maka, ikuti petunjuk step by step berikut:
(1) Setelah log-in di blogger.com, klik judul blog Anda. Setelah itu, klik SETTING, terus klik ARCHIVING. Di situ ada menu ENABLE POST PAGES? --> klik YES. Jangan lupa klik SAVE CHANGES dan REPUBLISH YOUR BLOG.
(2) Klik lagi SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SAVE SETTINGS dan REPUBLISH.
(3) Klik menu TEMPLATE. Di bagian paling atas terdapat kode-kode HTML yg diawali dg <style> </style>
Taruh kode berikut persis di atasnya kode </style>
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
(4) Setelah itu, pasang kode berikut:
<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
Letakkan kode di atas ini persis setelah kode berikut:
<$BlogItemBody>
Untuk mengurangi kebingungan Anda, kode:
<$BlogItemBody>
letaknya berada di bawah kode ini:
</blogitemtitle>
<div class="post-body">
<div>
(5) Klik SAVE SETTINGS dan apabila sudah ok, klik REPUBLISH. (Jangan klik REPUBLISH, sebelum SAVE SETTINGS-nya selesai secara sempurna).
CARA POSTING :
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode
<span class="fullpost"></span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode <span class="fullpost"> dan </span>.
Selamat mencoba dan selamat menikmati tampilan menarik blog Anda.
Dikutip dari : Wayan Wirata at Blog Tutorial
0 komentar:
Posting Komentar