nantikan peluncuran tampilan terbaru dari blog ini dalam waktu

Jumat, 26 November 2010

Cara membuat READ MORE

Request lagi nih dari Sinta. hehehhe, lagi-lagi Sinta, g ada yang laen apa ya ? hehehehe.....
sedikit info nih buat si Sinta atau buat yang baca ini tutorial.
g semua template itu bisa dikasih "Baca Selengkapnya" klo istilah Cepu itu Read More. hahahahaha......
agak sulit sebenarnya. tapi kalau kalian mau mencoba pasti bisa. 
terus ada lagi template yang Auto Read More. contohnya ? banyak..... nyari aja sendiri,
tapi kalau kasusnya kayak templatenya si Sinta ya wajib baca tutorial ini sampek abis. hehehe.
Untuk blognya si Sinta ini dia menggunakan template Doraemon. terus, itu template belom ada Read Morenya. nah.... sekarang ane kasih tau deh cara bikin itu Read More. kalau bahasanya si Sinta dari Jombang itu "Baca Selengkapnya" kwwkwkkwkwkw (Peace Sint).

udahlah, langsung aja kita ke TKP.
1. Login Blog. Ya iyalah, masak muw login FB ? hahahah...
2. Masuh ke Rancangan
3. Pilih "Edit HTML"
4. Centang tulisan "Expand Template Widget"

Klik untuk memperbesar
 5.  cari code ini  :

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

klo g ada cari ini

<data:post.body/>

6. Udah ketemu ? terus ganti code seperti ini :

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

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

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

Ket :
untuk text warna merah itu bisa kamu ganti menjadi "Baca Selangkapnya..." atao apa lah, suka suka. :D

7. udah belom ? kalo udah buang aja ke jalan. hahahaha. klo udah, di Simpan hasil editan templatenya ya. udah tau kan caranya ? tinggal pencet tulisan "SIMPAN TEMPLATE"
8. terus.... pilih PENGATURAN (setting), kemudian FORMAT (formatting)
9. Pada kotak Template Entri (Post Template) isi code berikut :

<span class="hanifreadmore">


</span>


10. kemudian simpan.
11. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Naaaaahhhh kamu pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="hanifreadmore">


</span>


8. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :
<span class="hanifreadmore">

terus, setelah itu kelanjutan artikelnya taruh di bawahnya. atau di antara <span class="hanifreadmore"> dan </span>

faham ? atau bingung ?

ini contohnya :

INI CONTOH ARTIKEL YANG AKAN DITAMPILKAN SEBELUM TULISAN READMORE. NAH, JADI ARTIKEL YANG TAMPIL HANYA YANG BERADA DISINI SAJA
<span class="hanifreadmore">
TERUS, UNTUK ARTIKEL YANG BERADA DISINI, AKAN MUNCUL SETELAH READ MORE DI KLIK. FAHAM KAN?

</span>


masih bingung ?
hahahha.
silahkan hubungi yang punya blog ini saja,

semoga sukses kawan.....
di tunggu komennya :D

1 komentar:

  1. horee... bisaaa.... :D
    tapi cuma satu yg aku coba...
    makasii pak guru..... :)

    BalasHapus

Sekedar coretan untuk belajar bersam. disini saya tidak untuk bersaing, namun saya disini untuk melengkapi dan aling belajar bersama

About Me

Diberdayakan oleh Blogger.

Blog Archive

Rubrik

Follower

Shout

Layanan RSS Vivanews.com dapat diakses pada URL-URL berikut:

http://rss.vivanews.com/ Free Download Movie :