Jumat, 06 November 2009

Cara mempercantik tampilan blog dengan Read More

Tiap blogger pemula, seperti saya pasti kalau pertama kali memposting di blog kelihatan ndak bagus,
yang jelas copy paste, tulisan panjang kebawah ndak ada putusnya, dan tiap kali membaca tulisan di blog harus putar-puter scroll naik turun. Nah untuk mengakali halaman blog itu agar kelihatan enak dipandang, kita bisa buat sebuah kode yang berfungsi untuk memberikan pilihan kepada pembaca. Dimana apabila pembaca ingin meneruskan membaca tulisan di blog tersebut, tinggal klik pada tulisan readmore. Sehingga di halaman kita hanya terlihat sebagian dari seluruh tulisan yang kita posting. Intinya halaman kita akan terlihat lebih profesional, dan lebih enak dipandang. Trus pembaca tidak perlu naik turun kalo ingin baca postingan kita, kayak latihan SRT aja....he he he.
Pengen ndak?

alat:
1. kompi
2. internet
3. yang jelas blog kita dunk
4. snack
5. es teh
6. jangan lupa tulisan yang akan kita posting.



Langsung aja deh di praktekan aja


1. Masuk ke dasbor --->Template ---> Edit html ---> jangan lupa kasih tanda contreng di expand widget template
2. Tekan Ctrl+F ---> cari kata </head>
dan letakkan kode : <style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Tekan Ctrl+F ---> cari kata : <p><data:post.body/></p>
letakan code : <b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
tepat dibawahnya.
Tulisan readmore bisa diganti sesuai keinginan, bisa diganti Selanjutnya, atau selengkapnya, jangan diklik, terserah anda.

4. Dan simpan
5. Klik Pengaturan ---> Format ---> isi kolom Template posting dengan kode berikut : <span class="fullpost"></span>
6. Simpan.

Sekarang kita coba memposting, klik html. Maka kelihatan kode : <span class="fullpost"></span>

Untuk memposting tulisan
1
2
3
4
5
6
7
8
9
10
akan kelihatan panjang, maka kita masukan kata yang ingin kita tunjukan di postingan kita diatas kode :<span class="fullpost">
dan masukan kode : </span>

contoh:
1
2
3<span class="fullpost">
4
5
6
7
8
9
10</span>

akan menjadi:
1
2
3
readmore.

Dan apa bila kita klik readmore, maka postingan kita akan kelihatan semua.
gampang banget, dan hasilnya seperti ini.

Menurut pengalamanku sih, langsung bisa. Kalau ndak bisa langsung coment saja,
itung itung menjalit persahabatan gethu....

NB: tulisan ini ditujukan kepada blogger pemula saja, jadi bagi yang sudah ahli,,,,,,,
silahkan kasih tambahan saja, OK!!!!!
Bagi pemula silahkan di coba, and don't forget to leave a coment,,,,,, hayah.
Pokoknya jangan lupa kasih coment gethu!!!!


Greetz to: Chodot yang sudah minjemin kompi buat ngedit-ngedit, Emonz, Bunthut, Sigit, Mbendol the Sumeh, Ridwan, semua rekan-rekan yang dah nemenin tidur di kampuz.
N si Gendhon yang pasti akan nyoba nie tulisan,,, he he he he he he.

2 komentar:

  1. mumed.. tapi lagi nyoba. .heheh .thx yah

    BalasHapus
  2. mumed?
    he he he
    yang penting dcoba n jangan menyerah

    jangan lupa sering coment comet ya!!!!
    biar rame....
    kayak pasar....

    keep active......

    BalasHapus

Mohon tulis nama asli/panggilan/lapangan/panggung/pena etc.
No keyword, No spam, ataupun hal-hal yang jelas.

Terima kasih sudah comment.