Older & Newer Post Hover


hmm , sesetengah blogskin takde older & newer post hover kan ? takpe takpe , kali ni ifa ajar korang . tapi nak credit someone : faqihah husni

1. Dashboard > Template
2. CTRL + F , search 

</style>

3. Copy code dekat bawah ni :

a.button {
background:#FFE5E5;
font-family:verdana;
font-size:11px;
width:90px;
color:#000000;
display: inline-block;
text-decoration:none;
text-align:center;
-webkit-transition-duration: 0.5s;
padding:4px;
}
a.button:hover {
-webkit-transition-duration: 0.5s;
cursor: url(http://i.imgur.com/x9x1x.png),auto;
color: #ffffff;
border-radius: 5px;
}

4. Pastekan ia di atas code yang dicari tadi .

perhatian !


- biru : gantikan dengan kod warna background pilihan korang di sini
- oren : gantikan dengan kod warna tulisan pilihan korang di sini
- hijau : gantikan kepada cursor pilihan korang .

5. CTRL + F , search

</blogger>

6. Copy code dekat bawha ni then paste dekat bawah code yang dicari tadi .

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

7. Preview dan Save .

ANY QUESTION  ? COMMENT !

No comments: