Minggu, 19 Oktober 2008

Read More pada Blog

Read more, lanjutkan membaca atau baca selengkapnya...tulisan ini sering muncul pada blog para blogger, read more sebenarnya text yang memutuskan tali persahabatan dengan text lainnya dalam postingan (walah ga nyambung) lanjut!!!. Saya juga menggunakan read more pada blog saya ini, yaitu [...]Next, nah itu adalah text yang memisahkan text ini dengan yang lainnya, contohnya klik



Ketika kamu mengklik next itu, kamu tiba di tulisan ini bukan?, bagaimana cara pemubuatannya?, yuk lihat...

1.Pertama Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template" (Jangan lupa untuk mendownload template lengkapnya).

2.Cari kode dibawah ini:

<div class='post-header-line-1'/>
<div class='post-body'>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<div style='clear: both;'/>


Untuk mempermudah tekan saja control+F lalu copy paste kode diatas pada kolom yang baru terbuka.

3.Jika sudah menemukan kode diatas, ganti kode diatas dengan kode dibawah ini .

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

Tulisan Readmore bisa diganti dengan yang kamu inginkan misalnya Baca selengkapnya.
Lalu simpan template.

4.Langkah berikutnya adalah,

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini


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



lalu simpan...

5.Coba tulis posting baru, pilih edit html ketika menulis posting. Disana akan terlihat kode yang sudah kita masukkan tadi

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


Cara penulisannya adalah....

Posting...bla..bla...<div class="fullpost">
(akan memotong posting tersebut tepat pada kode ini) Lalu lanjutkan menulis di bawah kode ini.
Akhiri tulisan atau postingan kamu dengan </div> pada bagian paling akhir dari postingan kamu itu, lalu simpan...silahkan lihat hasilnya :)

Selamat mencoba ya....


Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

0 comments:

Posting Komentar

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

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...