Speechless: MEMBUAT ABSTRAKSI PADA POSTING ANDA

Bagi anda yang memiliki blog dan menempatkannya di situs blogger.com pasti akan melihat bahwa posting yang anda masukkan terlihat sangat panjang kebawah dan membuat tampilan blog anda anda kurang menarik utk dinikmati. Ada cara khusus untuk membuat posting yang anda masukkan menjadi tdk terlalu panjang dan tampilan tentunya akan lebih menarik.

Caranya adalah dengan memotong sebagian kecil dari posting anda dan menampilkan secara keseluruhan jika link "Lebih detail..." diklik {Seperti contoh pada blog saya}. Sayapun pertama kali juga kesulitan utk menerapkan metode ini kedalam blog saya, tetapi setelah mencari beberapa referensi mengenai hal ini, sekarang semua posting saya menjadi lebih teratur dan apik. Pingin tahu caranya? Ayo terusin bacanya...


(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>
<a href="<$BlogItemPermalinkURL$>">Read more!</a><br /><br />
</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).

(6) Selesai.

CARA MEMPOSTING

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.