Sunday, June 7, 2009

Membuat fasilitas READ MORE di Blogger Blogspot

Hampir setiap kita pernah melihat dan membaca suatu konten di web/blog dan tiba-tiba 'diakhiri' oleh kata "Read More ..." Tentu saja untuk dapat menikmati konten tersebut hingga selesai kita dapat mengklik tulisan "Read More ..." tersebut. Penggunaan "Read More" sendiri sangat membantu para blogger yang ingin menampilkan banyak posting tanpa harus mengorbankan tempat, istilahnya untuk mempersingkat tampilan saja tanpa mengurangi makna dari postingan tersebut. Berikut saya bagikan tips cara membuat fasilitas "Read More" di blogger.

Langkah-langkah yang harus dilakukan adalah :
1. Login ke dashboard blogger dengan menggunakan account Gmail
2. Pilih Layout -> Edit HTML -> beri ceklist (V) pada menu "expand widget template"
3. Taruh kode-kode HTML berikut di atas kode HTML </head>. Kalau ga tau dimana , tekan Ctrl+F lalu masukkan kode HTML yang ingin dicari.

<style> <b:if cond="'data:blog.pageType"><br />span.fullpost {display:inline;}<br /><b:else/><br />span.fullpost {display:none;}<br /></b:if><br /></style>

4. Cari letak kode HTML <p><data:post.body/></p> ,Lalu letakkan kode-kode berikut persis di bawahnya :

<b:if cond="data:blog.pageType != &quot;item&quot;">
<a href="data:post.url"> Read More..</a>
</b:if>

5. Klik Save
6. Pilih Setting -> Formatting, scroll down hingga bawah layar dan letakkan kode berikut di kotak kosong samping "Post Template" :

<span class="fullpost">
</span>

7. Klik "Save Settings" dan selesai


Untuk Menggunakan Settingan "Read More" ini ada beberapa bagian yang perlu diingat :
1. Untuk membuat postingan/artikel baru, pastikan Anda memilih "Edit HTML" BUKAN "Compose"
2. Pastikan ada kode berikut di kotak posting :

<span class="fullpost">
</span>

3. Masukkan bagian paragraf yang ingin ditampilkan di halaman utama/depan sebelum
<span class="fullpost"> dan sisa artikel Anda tulis diantara <span class="fullpost"> </span>.

Selamat mencoba

No comments: