(Front Page) . . . . . . Sudahkah anda membaca pelbagai info di blog ini! >> Blogger Biol Politiking 2u Hiburan 2u Religion 2u Sweet 2u

Tooller's Blogger (blackeD10)

..diuruskan oleh Adam Merahi (R10) untuk membackup n' memandu blog sendiri...

Infomation Technology / Trips / Tips / Hack / Blogger / Programmer / Computer / Template / Themes.

Cara buat "Readmore" pada Blogger

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:
Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

Langkah Kedua:
Cari kode dibawah ini:

<div class='post-header-line-1'/>
<div class='post-body'>

Jika sudah jumpa kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<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 dibawah kode diatas kita akan menemukan kode:

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

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

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


Tips: Kode Readmore diatas boleh diganti dengan ayat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")


Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<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;'/>


Langkah Ketiga
Save

Langkah Keempat
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>


Langkah Kelima
Cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

text anda

<div class="fullpost">

text anda

</div>

0 ulasan:

Blog Widget by LinkWithin
Blog Widget by LinkWithin
Blog Widget by LinkWithin

30 What's New

? Grab This Widget! • Widget By Mad Tomato

Random posts..

 

Categories

Web Program Blogger

ikut mengikut

Cool Tooller

Refer Link's (computer)

Refer Template

Refer Trik @ Tip link's