Minggu, 07 November 2010

Buat readmore

Untuk contoh penggunaannya sepertinya tidak perlu saya jelaskan lagi sudah berapa banyak postingan yang menjelaskan mengenai hal ini, tapi tetap saya tulis guna memenuhi arsip blog ini. Setelah melakukan blogwalking banyak juga referensi yang saya dapatkan mengenai pembuatan "readmore" ini. Akhirnya saya dapatkan juga referensi yang tepat dari blog Ensiblogpedia. Cara pembuatan redmore ini terbagi menjadi 2 jenis, yaitu cara langsung dengan fitur yang sudah di sediakan oleh blogger itu sendiri, atau dengan cara pihak ketiga yang sering disebut css-hack. Dalam artikel ini saya hanya menjelaskan mengenai cara langsung dengan fitur yang sudah ada di blogger.

Langsung aja y....



Membuat readmore dengan jump-break dari blogger

  • Login terlebih dahulu ke blogger Anda
  • Masuk ke menu Design, Edit HTML lalu centang box "Expand widget template"
  • Kemudian cari kode ini , lalu copy kode berikut ini dan letakkan dibawahnya


  • Simpan editan Anda kemudian beralih ke Page Elements atauElemen Halaman
  • Pada bagian posting, klik edit lalu masukkan kata-kata readmore-nya sesuai dengan keinginan. Boleh Bersambung, dll. Lihat gambar dibawah

  • Pada saat membuat postingan baru, maka langsung aja memenggal kalimat/paragraf yang ingin disembunyikan dengan menekan tombol jump-break

  • Ingin mempercantik tampilan readmore Anda ??? Tambahkan beberapa kode berikut untuk membuat tampilan readmore-nya sedikit berbeda
  • Membuat latar belakang warna untuk tulisan readmore
    Tambahkan kode berikut ini tepat setelah kode

    .jump-link a {

    background: #ffff00;

    padding: 3px;

    color: #fff;

    }

    .jump-link a:hover {

    background: #000000;

    padding: 3px;

    color: #ccc;

    }


    Yang berwarna jingga dapat diganti dengan warna kesukaan Anda...
  • Mengganti tulisan readmore dengan gambar. Caranya kamu tinggal mengganti kode yang paling pertama saya berikan diatas dengan kode berikut ini


"Untuk mencapai kesuksesan, kita jangan hanya bertindak, tapi juga perlu bermimpi, jangan hanya berencana, tapi juga perlu untuk percaya...."

2 komentar: