Wednesday, May 16, 2012

Cara Membuat Read More Di Blog


Posted by: Bloggertrik // 10:07 AM | Kategori: trik blog

Apakah anda pernah melihat beberapa postingan di blog orang lain hanya muncul beberapa paragraf dan terputus dengan kata "read more", atau "baca selengkapnya" , langkah ini berguna apabila di blog anda sudah memiliki banyak artikel.

Untuk lebih jelasnya bloggertrik akan memberikan kode untuk membuat read more (cara ini untuk anda yang masih menggunakan template klasik bawaan blogger.com , untuk template yang lain saya tidak mengetahui apakah cara ini akan berhasil diterapkan):

1. Login ke blogger.com

2. Klik menu Rancangan

3. Klik menu Edit HTML

4. Kemudian cari kode </style>, untuk mencari kode tersebut dengan mengklik tombol ctrl+f

5. Setelah itu copy dam pastekan kode di bawah ini sebelum kode </style> :
<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>

div.fullpost {display:inline;}
</ItemPage>



6. Langkah selanjutnya pastekan kode di bawah ini setelah kode <$BlogItemBody$> :
<MainOrArchivePage><br/>

<a href="<$BlogItemPermalinkURL$>">Read more!</a>


</MainOrArchivePage>



Kemudian klik "simpan"


Langkah selanjutnya adalah klik menu "pengaturan"


Klik menu "Formatting"


Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :


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


kemudian klik "simpan"

Lalu cara memposting artikelnya tinggal klik menu posting, lalu akan muncul kode yang tadi anda pastekan, yaitu kode <div class="fullpost">
</div>
, tulis artikel yang akan dimunculkan sebelum kata read more sebelum kode <div class="fullpost">, dan tulis sisa artikel sesudah kode <div class="fullpost">
Cara Membuat Read More Di Blog
Cara Membuat Read More Di Blog Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/05/cara-membuat-read-more-di-blog.html