Sabtu, 18 Januari 2014

Cara membuat Read More

Haii sobat ^_^, apa kabar ??? pasti sehat kan?? oh yaudah kalo gak mau jawab, wkwkwk
udah lama nih gua gk ngepost, kali ini gua akan ngepost cara membuat "read more"
nah kali ini kita gak menggunakan HTML/Javascript (pihak ketiga), tapi langsung ke html kode templatenya langsung, nah tips ini untuk yg masih menggunakan template newbie alias baru buat blog, tapi klo yg udah templatenya dinamis/udah ganti biasanya udah ada read more dari sananya, klo buat yg punya template dinamis mah abaikan aja, dari pada kebanyakan ngomong langsung gua kasih tau aja yaa ....
 

Nih Caranya :

1. Login ke Akun Blog sobat pasinya.
2. Pilih Template, kemudian lanjutkan dengan klik Edit HTML

3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode
]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Klo udah cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

6. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
7. Selesai. terakhir Simpan template blog sobat.

8. Dan Lihat hasilnya.

Selesai sudah saya berbagi tips, nanti kita lanjutin lagi yaa ....
Semoga artikel ini bermanfaat buat sobat-sobat blogger, thanks ya atas kunjungannya


Klo tetep gabisa silahkan nanya gw dikelass.....
wkwkwkwkkw

0 komentar:

Posting Komentar