Membuat Read More / Baca Selengkapnya

Sunday, June 6, 2010
Read more adalah nama untuk link yang menuju ke sebuah halaman yang berisi artikel lengkap. Read more ditampilkan di homepage atau halaman utama suatu web, tepatnya di bawah potongan sebuah artikel.
Fungsinya adalah untuk menyingkat tampilan sebuah artikel pada halaman utama dan juga untuk mengarahkan pengunjung ke halaman tempat artikel lengkap berada.

Berikut ini adalah langkah-langkah untuk membuat Read more pada blogspot/ blogger.

A. Langkah I

1. Log in ke akun blogger.

2. Setelah masuk ke akun blogger, kemudian klik menu "Rancangan" atau "Design"

3..Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template.

4. Centang kotak kecil yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.

5. Copy semua kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'> Read more...<data:pageTitle/></a>
</b:if>

6. Letakkan tepat dibawah kode berikut ini:

<data:post.body/>

Catatan : Pada template ada yang memiliki dua kode di atas. Carilah salah satu kode yang tepat agar link readmore nya muncul.

- Atau kode berikut :

<p><data:post.body></p>

B. Langkah II

1. Temukan kode berikut ini atau yang mirip :

]]></b:skin>

2. Copy semua kode berikut ini dan letakkan tepat di bawah kode tersebut diatas :

<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.visitpost {display:inline;}
div.visitpost {display:inline;}
<b:else/>
span.visitpost {display:none;}
div.visitpost {display:none;}
</b:if>
</style>


3. Simpan template dengan klik pada "Save" atau 'Simpan".

C. Langkah III

1. Klik menu "Pengaturan" atau "setting".

2. Pilih menu "Format"

3. Letakkan kode berikut ini di kotak untuk kode html yang disertakan pada posting.

<span class='visitpost'>


</span>

4. Simpan!

Selesai.

Keterangan :

- Untuk menampilkannya, maka setiap akan posting artikel pilihlah menu "HTML", bukan "Compose". artikel yang disembunyikan diletakkan diantara kode <span class='visitpost'> dan kode </span>.
Artikel yang disembunyikan juga tidak bole menggunakan kode <span>, </span>, <div> maupun </div>, karena kode-kode tersebut akan membuat Read more tidak berfungsi dengan normal.

- Kata Read more bisa diganti dengan kata lainnya yang diinginkan, misal : Baca selengkapnya, Selengkapnya, Lanjutkan, dsb. Caranya adalah dengan mengubah kata "Read more" pada kode yang ditunjukkan pada Langkah I di atas.

Jika ada yang kurang jelas, silakan disampaikan.

Terima kasih ..
Semoga bermanfaat ..

Comments :

1 komentar ke "Membuat Read More / Baca Selengkapnya"

Anonymous said...

Thanks for finally writing about > "Membuat Read More / Baca Selengkapnya" < Liked it!

Also visit my webpage click through the next site


Post a Comment

Silakan berkomentar sesuka Anda. Namun jangan spam, berbau SARA, kekerasan, porno atau intimidasi terhadap orang lain. Komentar yang melewati batas akan di hapus. Terima kasih.

Get Update

Masukkan alamat e-mail Anda pada kotak di bawah ini untuk mendapatkan update terbaru dan berlangganan catatan dari blog "The Notes Web" via e-mail :


Privacy guaranteed, we will never share your e-mail.

Komentar terbaru

Catatan Terbaru

Komentar Terbaru