0

Tukar perkataan newer,home dan older post

06:05 |
Salam sekali lagi.Hari ni berturut-turut pula rajin nak tulis artikel tutorial.Apa salahnya kan  ilmu yang baik dikongsi bersama.Ok back to topic.Korang semua pun dah biasa dengan perkataan kat bawah artikel paling last,mesti ada newer post,home dan older post.Kadang2 kite ni manusia sukakan benda yang warna-warni.Bagi blog2 yang dah mantap,artikel pula up to date dan bernas,followers pun ramai.Apa salahnya kalau sesekali kite ubah sikit.Alah ciput je benda tu apa dia ye?


Hah itulah dia.Sebelum ni kite gunakan daripada sini.Inilah contohnya:

 
Tetapi bila kite dah tukar template rasa tak sesuai pula dengan color.So godek punya godek terjumpalah tutorial best dari http://babybiey.blogspot.com/2010/08/tutorial-tukar-older-post-home-newer.html.Dan inilah yang kite gunakan sekarang




Ok tanpa buang masa mari kita mulakan.

1.Design>Edit HTML>Download Full Template
(perlu in case anda tersilap edit)
2.Expand Widget Templates.Cari kod seperti di bawah ini(Tekan Ctrl + f untuk Find)
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' 
expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id=
'data:widget.instanceId + "_blog-pager-older-link"' 
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/></a>
</b:if>
</b:if>
</div>


Nota:Macam template yang kite gunakan,HTML untuk homepage lain sikit.Pendek je jadi korang pun kena hati2 dan baca betul2 barulah edit tau.Contoh kite punya;

<a class='home-link' expr:href='data:blog.homepageUrl'>
<imgsrc='http://img535.imageshack.us/img535/606/
homeb.png'/></a>

Tulisan yang berwarna bold tu tukar dengan kod di bawah
<img src="Image URL" />
Begini contohnya,


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' 
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;
' expr:title='data:newerPageTitle'><img src='http://img507.imageshack.us
/img507/4343/leftq.png'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' 
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;
' expr:title='data:olderPageTitle'><img src='http://img94.imageshack.us
/img94/3545/rightyx.png'/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
</b:if>
</b:if>
</div>
Hasil adalah seperti di bawah,



Ok selamat mencuba.Kite newbie ingin berteman... kalau salah tolong tegurkan.

Kredit Info & Foto:


Related Posts Plugin for WordPress, Blogger...