[Tutorial] Newer dan Older post di Blogskin.

Assalamualaikum...

Disebabkan ada banyak masa sekarang ni..hehe..maka saya dengan rajin dan pantasnya buatkan tutorial ini. Tutorial ini adik Miela yang request. Ini tutorialnya ye adik..Harap dapat membantu, dan jomlah kita blogwalking ke blog adik Miela ni sekali. Dapat tambah kenalan.

Okaylah ini tutorialnya.


Untuk simple newer dan older post

1.  Dashboard > Option > Template
2. Ctrl + F (untuk memudahkan pencarian) dan cari kod ini </blogger>
3. Copy kod di bawah ini :

<center><OlderPosts><a  href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>

 
   4.  Dan pastekan betul-betul dibawah kod </blogger>
   5. Yang bold warna merah itu adik boleh tukar dengan perkataan sendiri.
   6. Tekan Preview, kalau tak ada error boleh lah save.


Untuk newer dan older post yang ada background.

1. Dashboard > Option > Template
2. Ctrl + F (untuk memudahkan pencarian) dan cari kod ini </style>
3. Copy kod ini :

a.oldernew{
color:#fff;
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:40px;border:none;
margin:2px;
background:url(http://i908.photobucket.com/albums/ac289/TintaAini/Background/AllPatternBG42.png);text-align:center;
}  

   4. Dan pastekan di atas atau sebelum kod </style>   5. Kalau dah siap, cari kod ini pula </blogger>
   6. Kemudian copy pula kod di bawah ini(pilih salah satu kod):

1)

<div style="float:right;"><a class="oldernew" href=<$OlderPostsgt;>▶</a></OlderPosts> </div><div style="float:left"><a class="oldernew" href=<$NewerPostsgt;>◀</a></NewerPosts></div>

2)

 <div style="float:right;"><a class="oldernew" href=<$OlderPostsgt;>Older</a></OlderPosts> </div><div style="float:left"><a class="oldernew" href=<$NewerPostsgt;>Newer</a></NewerPosts></div>

  7. Dan pastekan betul-betul dibawah kod </blogger>
  8. Yang bold warna oren tu URL IMAGE.
  9. Tekan Preview, kalau tak ada error boleh lah save.


Okay, nak smart lagi adik boleh cuba, main coding-coding tu sikit..Harap akak dapat tolong adik, hehe..maaflah kalau penjelasan akak ni kurang difahami. Kalau ada apa-apa masalah bagitahu ye. Selamat Mencuba. ^__^