Senin, 24 Januari 2011

Trik Mudah membuat Read more

Update : Tutorial ini sudah tidak berlaku lagi, karena blogger sudah mempunyai fungsi read more sendiri. Silahkan baca tutorial terbaru. klik disini!

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 :
Langkah #1

  • Sign in di blogger dengan id anda.

  • Klik Pengaturan

  • Klik Format

  • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :





  • Klik tombol Simpan Pengaturan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2

  • Klik menu Dasboard

  • Klik Tata Letak

  • Klik tab Edit HTML

  • Klik tulisan Download Template Lengkap.

  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :



expand widget template

  • Tunggu beberapa saat ketika proses sedang berlangsung

  • Silahkan anda cari kode berikut pada kode template milik anda :


atau kode di bawah ini (sama saja) ;

  • Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

Top of Form

Bottom of Form

  • Klik tombol Simpan Template
  • Selesai.
  • Cara Posting Artikel

  • Klik menu Posting

  • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :





  • Tuliskan artikel yang ingin tampak pada blog sebelum kode :





  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :





  • Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING

  • Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas


Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Selamat mencoba !

Kamis, September 10, 2009

Blogger sudah support fungsi Readmore

Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

read more

Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.

Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode

edit HTML

Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » " seperti ini :

read more

Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "

expand-template-widget

  1. Carilah kode yang mirip seperti Ini :




  1. Copy lalu paste kode berikut persis di bawah kode yang tadi :







code
  1. Klik tombol SIMPAN TEMPLATE
  2. Selesai.

Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.

posting-blog-element

  1. Setelah muncul jendela baru, gantilah tuisan Read more » menjadi tulisan sesuai dengan keinginan anda.

edit read more

  1. Klik Tombol SIMPAN
  2. Selesai.

Untuk anda yang menggunakan trik membuat read more seperti yang kang Rohman posting disini! sebaiknya di hilangkan saja karena blogger sekarang sudah mempunyai sistem read more sendiri. Cara mengembalikannya silahkan baca saja trik tersebut secara terbalik yaitu di baca dari bawah ke atas.

http://kolom-tutorial.blogspot.com/2009/09/blogger-sudah-support-fungsi-readmore.html


Tidak ada komentar: