14.34

Membuat "Read more" atau "Selengkapnya"

Nah pada materi yang ini kita belajar membuat "readmore" yang lebih populernya, tapi ada juga yang menggunakan kata "selengkapnya" seperti pada blog saya.
Kalian pernah membaca koran, pasti di halaman awal kalian akan menemukan artikel yang hanya sepenggal kemudian terdapat kalimat "bersambung ke halaman 10...", fungsi "readmore" juga sama seperti itu. Tujuan membuat "readmore" atau "selengkapnya" yaitu supaya membuat artikel terlalu panjang menjadi pendek dan menghindari blog lola alias loading lambat, trus ga membuat mata pembaca menjadi sakit karena terlalu panjangnya artikel. Cara membuatnya ga susah kok, yuk dicoba!!!!!

• Sign in seperti biasa di blogger dengan id milik sobat

• Klik Setting (Pengaturan)

• Klik Formatting (Format)

• Pada layar paling bawah, ada text area kosong disamping tulisan Post Template(Template Entri), isi text area kosong tersebut dengan kode di bawah ini :

<div class="full-post">
</div>

• Klik tombol yang bertuliskan Save Settings (Simpan)
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 selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :
• Klik menu Dasbor
• Klik menu Layout (Tata Letak)
• Klik menu Edit HTML
• Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya
• Tunggu beberapa saat ketika proses sedang berlangsung
• Silahkan Sobat cari kode berikut pada kode template milik sobat : Dengan cara copy kode dibawah kemudian buka blog kamu tekan Ctrl + F pada jendela Edit HTML, paste pada kotak pencarian.

<div class='post-body'>

• Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


• Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

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

• Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<a expr:href='data:post.url'>Read More......</a>
</b:if>

• klik tombol bertuliskan Simpan Template
• Selesai.



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

<div class="fullpost">
</div>

• Tulisankan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">

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

</div>

• Klik tombol bertuliskan Terbitkan Entri
• Klik tulisan Lihat Entry 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
• Selamat mencoba !


0 komentar:

Posting Komentar

Penggemar