membuat read more di blogger

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.read more berfungsinya untuk menyingkat tampilan sebuah artikel pada halaman utama dan juga untuk mengarahkan pengunjung ke halaman tempat artikel lengkap berada. jadi jika anda mempostingkan suatu artikel yang banyak kalimatnya,saat di tampilkan di blog anda, artikel tersebut akan terus memanjang ke bawah.hal ini dapat membuat pembaca jenuh untuk mengulur halaman ( scroll ) dan nantinya kalau tidak memiliki read more blog anda juga akan tampak kurang indah.jika anda ingin blog anda terkesan estetik di halaman ini adalah tutorial membuat blog tampak lebih estetik.

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

- 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>
<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 sampaikan pertanyaan.

Terima kasih ..
Semoga bermanfaat ..


Sobat perlu baca yang ini juga:

0 komentar:

Posting Komentar

silahkan tinggalkan pesan !!!