Sunday, October 24, 2010

Cara membuat Read More

Pada kesempatan ini saya akan menjelaskan Read More. Read More adalah fungsi dimana bacaan yang kita posting di blog kita itu tidak terlalu panjang saat di beranda..
Ada 2 cara bagaimana kita membuat Read More yaitu dengan cara mengedit dalemnya HTML atau Lewat Compose karena saat ini blogger sudah menyediakan cara bagaimana membuat Read More itu..berikut caranya membuatnya, Cekidot..


1. Cara membuat Read More dengan mengEdit HTMl

Langkah Pertama
- Tentunya sebelum kita mengedit Html itu, kita harus mulai login terlebih dahulu.
- Pilih Menu Rancangan (Bhs. Ind) atau Layout (Bhs. Ing)
- Kemudian pilih menu edit HTML
- Beri tanda centang pada EXPAND TEMPLATE WIDGET
- Selanjutnya cari kode

dengan menggunakan Ctrl+F atau dalam menu Edit pada browser pilih Find.
- Ganti atau Hapus kode "itu" dengan
kode html berikut :
- Kemudian Klik Simpan template

Langkah kedua
- Pilih menu Pengaturan
- Kemudian pilih Format
- Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kode di bawah ini :



Dan Read More pada blog telah selesai...
Selanjutnya,..

2. Cara membuat Read More langsung lewat pada Blog


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 :

- Silahkan login ke blogger dengan ID anda.
- Klik Tata Letak
- Klik tab Edit HTML
- Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "
expand-template-widget

- Carilah kode yang mirip seperti Ini :



- Copy lalu paste kode berikut persis di bawah kode yang tadi :

code

- Klik tombol SIMPAN TEMPLATE

- 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 :


- Silahkan login ke blogger dengan ID anda.
- Klik Tata Letak.
- Klik tab Elemen Halaman.
- Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.
posting-blog-element

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

- Klik Tombol SIMPAN

- Selesai.




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

0 comments:

Post a Comment