htmla

Selasa, 07 Oktober 2008

Cara membuat readmore pada blog

Dalam kita melaksanaan blogging, ada saatnya dimana postingan kita sudah sangat banyak sekali,
Nah kalau udah begigni untuk membua blog kita tetap terasa rapi dan apik, cara yang satu ini adalah salah satu solusinya.....

Pada tutorial saya yang kali ini, saya akan menerangkan kepada teman-teman bagaiamana caranya untuk membuat readmore pada blog, Ok langsung aja begini caranya...........


Untuk tutorial kali ini, saya akan menerangkan cara membaut readmore pada blogger baru, untuk yang masih klasik sabar ya......

Pertama masuklah ke blog temna-teman, kemudian masukklah ke bagian edit HTML


kalau udah sekarang kita saatnya mencari kode yang akan kita utak atik......

Kalau udah siap sekarang cari deh kode berikut ini.....


<div class="post-header-line-1">

Oh iya, dalam mencarinya jangan lupa ya di expand dulu template teman-teman agar lebih cepat mencarinya, bagaiman udah ketemu kan???

kalau udah sekarang copy-pastekan kode di bawah ini dan letakkan persis dibawah kode diatas tersebut.......


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

Kemudian yang harus teman-teman lakukan adalah mencari kode yang satu lagi, yaitu kode berikut....



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

Nah, kalau udah ketemu juga sekarang copy-paste kan lagi kode html berikut ini dibawah kode diatas......


<a expr:href='data:post.url'>Readmore »»</a>
</b:if>



dan hasilnya akan seperti 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;'/>

Kalau udah sekarang di save ya templatenya, oh iya sedikit clue, teman-teman bisa merubah kata “Readmore ” pada tag diatas sesuai dengna keinginan teman-teman, misalnya “baca selengkapnya”

Langkah selanjutnya, sekaran pergilah ke Setting --> Format
Kalau udah nyampe disana, carilah kata “Post Template” kalau udah ketemu sekarang copykan kode berikut ini di dalam kotak tersbut......


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

Udahkan???

Nah sekarang saatnya kita mempraktekkannya.....
Untuk membuat postingan yang berisi fasilitas readmore tersebut, teman-teman harus memosting artikel dengna cara sebagai berikut.......

Sebagai contoh, msialnya kita akan membuat artikel seperti berikut......

Ini adalah tulisan yang akan akan muncul sebelum kata Readmore dalam postingan
Readmore-->
Nah ini adalah tulisan yang akan muncul ketikan pengunjung mengklik kata Readmore--> diatas....

Bagaimana mengerti kan???
Lalu bagaimana cara membuatnya, begini caranya.........

Ingat ketikan akan melakukan pemostingan, pilih lah bagian edit html, bukan yang compose OK...

Nanti tulisan tersebut akan terlihat seperti berikut .........

Ini adalah tulisan yang akan akan muncul sebelum kata Readmore dalam postingan
<div class="fullpost">
Nah ini adalah tulisan yang akan muncul ketikan pengunjung mengklik kata Readmore--> diatas....
</div>>

Nah sekarang sudah tau kan bagaimana cara buatnya, kalau mau mosting artikel, tinggal tiru aja contoh diatas

Bagaimana gampang bukan cara buatnya.........

Happy blogging

sumber: klik sini
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Related Articles



2 comments: on "Cara membuat readmore pada blog"

Bang Exos mengatakan...

saya sudah copy code link anda di blog saya

Posting Komentar