Monday, 28 January 2013

Older or newer post (Blogskin)


Assalamualaikum...lamenya tak online...disebabkan ada yang tanya macam mane nak buat older/newer post macam saya... saya buatlah tutorial...This tutorial are only for blogskin...

Firstly like usual :  http://blogger.com/home --> Template --> search  </style> using ctrl+f
copy and paste below code before </style>

.old {
background: #eeeeee; padding:2px; margin:5px;
text-align:center;
}
a.button {
background:#FFFFFF; font-family:verdana;
font-size:11px; width:90px; color:#000000;
border:1px solid #FFD1E0; display: inline-block;
text-decoration:none; text-align:center;
-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;
padding:3px;margin:3px;
}
a.button:hover {
-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;
background: #ffffff; border-radius: 10px;
}

Then, find  <$BlogItemBody$> using ctrl+f ...then, copy and paste below code after it...

<div class="old"><center><OlderPosts><a class="button" href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a class="button" href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
 Notes ;
Color code Here...

Kalau tak faham tanyelah yer...assalamualaikum...

4 comments:

  1. x jdi tuk template designer pon..
    http://queen-sophia.blogspot.com/

    ReplyDelete
  2. Urmm...tak pastilah untuk template designer boleh ke x...rasenya x boleh kot... :/

    ReplyDelete
  3. nak tanyer ade tutorial utk numbering page x?

    ReplyDelete
  4. kalau duadua code tu ada dua kat template mcm mana ye?

    ReplyDelete