English French Germany Spain Italian Netherlands Russian Portuguese Japanese Korean Arabic Chinese Simplified Croatian Danish
Powered By google

Membuat “Read More…” atau “Baca Selengkapnya..” di Blogger

Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), topik ini rupanya yang paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang girang karena sudah merasa berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan.
Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian suatu panduan. Beberapa waktu yang lalu ada sebuah komentar yang masuk pada salah satu artikel saya (artikel yang mana saya lupa dan sedikit malas untuk membuka dokumen komentar) bahwa metoda penyampaian tersebut sangatlah mudah untuk di pahami, maka pada kesempatan kali ini saya akan mencoba metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya...

Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini!, Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE (maaf lupa catat alamat link nya).
Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :

Caranya :
  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut 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>
  • Selanjutnya mengatur supaya postingan terpotong, cari kode : <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya : <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>

  • Nah supaya 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>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja <span class="fullpost">. Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini :

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.
pagerank search engine optimization
Bagikan

Artikel Terkait



Loading search...

0 komentar:

Post a Comment