Google Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

23 November 2008

Membuat Readmore

. 23 November 2008
Bookmark and Share

Tampilan posting yang panjang sampai menghabiskan satu halaman penuh terlihat kurang menarik pengunjung blog. Dan tidak jarang pula mereka merasa bosan karena yang ditampilkan hanya sebuah postingan. Lain halnya, ketika halaman sebuah blog tampil dengan banyak judul, sehingga pengunjung blog tertarik untuk membaca dan mengklik postingan yang mereka inginkan. Readmore merupakan salah satu trik agar postingan menjadi lebih singkat, sehingga memudahkan pengunjung blog untuk melihat judul postingan yang lain. (Posting Awal by OOM) Atau dapat pula bermakna pemenggalan kalimat pada posting suatu halaman.

Contoh :
Ini merupakan pengaturan yang lebih digarisbesarkan pada tampilan postingan dan gadget yang bersesuaian dengan postingan, seperti; Arsip Blog. Readmore »»

Buka Tab Tata letak - Edit HTML - beri tanda centang pada Expand Template Widget.
Cari kode di bawah ini :
<div class='post-header-line-1'/>
<div class='post-body'>

Setelah ditemukan copy dan paste-kan kode berikut dibawah kode di atas :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Dibawah kode yang baru di-paste-kan ditemukan kode :
<p><data:post.body/></p>

Nah, tambahkan kode ini kembali dibawahnya :
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

Untuk kata Readmore dapat kamu ubah menjadi kata atau kalimat apapun yang sejenis, seperti "Next", "Baca berikutnya", "Selengkapnya", "Klik disini untuk melanjutkan", dan lain-lain.

Kemudian simpan perubahan tadi.

Terakhir, masuk ke Tab Pengaturan - Format - Template Posting
Masukkan kode dibawah ini dalam kotak yang disediakan :
<div class="fullpost">
</div>

Jangan lupa disimpan.

Penggunaan template posting diatas dapat diketahui pada saat kamu ingin melakukan posting mode Edit HTML. Tips agar mudah menggunakannya dalam posting yaitu; tulis terlebih dahulu apa yang akan kamu posting, kemudian pindah ke mode Edit HTML. Cari kode <div class="fullpost">, cut dan paste-kan kode tersebut pada kata atau kalimat yang kamu inginkan.

Contoh :
Jangan-jangan kau menolak cintaku, jangan-jangan kau ragukan hatiku. Kukan selalu setia menunggu, untuk jadi pacarmu. (teks yang akan kita potong) Jangan-jangan kau tak terima cintaku,...

Jangan-jangan kau menolak cintaku, jangan-jangan kau ragukan hatiku. Kukan selalu setia menunggu, untuk jadi pacarmu. <div class="fullpost"> Jangan-jangan kau tak terima cintaku,...


Hasil di halaman browser akan menjadi seperti ini :
Jangan-jangan kau menolak cintaku, jangan-jangan kau ragukan hatiku. Kukan selalu setia menunggu, untuk jadi pacarmu.
Readmore »»

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tukar Link dan Promosi Website - Webkios Direktori gratis untuk promosi dan tukar link website indonesia dengan berbagai macam kategori. Tambahkan website anda sekarang!

Posting yang Berkaitan :

 

Komunitas Blog Indonesia

blog-indonesia.com Indonesia-Blogger-Community KampungBlog.com - Kumpulan Blog-Blog Indonesia

Blog Direktori

Bloglisting.net - The internets fastest growing blog directory
Blog Directory & Search engine
Internet Blogs - Blog Catalog Blog Directory


Suka-Suka.com is proudly powered by Blogger.com | Template by o-om.com
Suka-Suka.com | Fitur Gratisan Internet, SEO, Trik Blogger, Review dan Download Freeware atau Software