Navigate Tab Hover

Ekhm... Maaf kalau credits-nya gak pakek link, aku ingin blog ini BEDA DARI YANG LAIN!

1. Pergi ke 'Dashboard' lalu ke 'Layout'

2. Klik 'Add A Gadget'

3. Pilih 'HTML/JavaScript'

4. Masukkan code dibawah ini kedalam kotak HTML

<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.menul{ padding:3px;
width:65px;
margin-left: 5px;
margin-right: 5px;
font:8px tt;
color:#e1c9f3;
background:#fff;
text-align:center;
float:center;
-webkit-transition-duration: .50s;
display: inline-block;
padding:5px;
border:3px solid #e1c9f3;}
.menul:hover {
padding:3px;
height:auto; auto;
margin-left: 5px;
margin-right: 5px;
font:8px tt;
color:#fff;
background:#9C7FB4;
text-align:center;
-webkit-transform: scale(0.8) rotate(20deg);
border:3px solid #fff;
padding:5px;}
</style>
<center>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
</center>
</div>

5. Edit-edit tulisan berwarna 'Pink Muda', 'Pink Sedang' dan 'Pink Tua'

6. Klik 'Save' dan jadi deeh!

Underline Hover

Gak usah basa-basi ya? Bingung mau ngomong apa!
Sebelumnya, tau gak apa Underline Hover itu? Check bawah okay!



1. Pergi ke 'Dashboard' lalu pergi ke 'Template'

2. Seperti biasa, 'Edit HTML'

3. Cari code dibawah ini dengan menggunakan 'CTRL + F'

u {

4. Lalu, paste code dibawah ini tepat Dibawah code u {

text-decoration:none;border-bottom: 2px solid #848484;padding: 0px;}u:hover {text-decoration:none;color: #FFFFF;border-bottom: 2px dashed #BDBDBD;padding: 0px;}

5. Klik 'Save' dan jadi!

Note :

• Ubah tulisan berwarna 'Pink Muda' dengan style border yang kamu mau
• Ubah tulisan berwarna 'Pink Tua' dengan code warna yang kamu suka. Harus beda ya!

Make Own Cursor On Photoshop

Hello! Setelah tutorial yang saya copy dari beberapa blog, kini tutorialnya saya buat sendiri lho... Ekhm, mau copy? Sertakan credits ya!

1. Save gambar dibawah ini



2. Pergi ke 'Adobe Photoshop'

3. Open gambar cursor yang saya kasih tadi

4. Buat sebuah tulisan, contohnya seperti gambar dibawah ini



5. Seleksi bagian yang mau di crop menggunakan 'Crop Tool' seperti gambar dibawah ini



6. Sudah? Klik 'Enter'

7. Lalu, tinggal di save dan dimasukkan ke blog. Caranya? Ikuti step berikut!

8. Pergi ke 'Layout'

9. Lalu, klik 'Add A Gadget'

10. Pilih 'HTML/JavaScript'

11. Masukkan code dibawah ini kedalam kotak HTML

<style type="text/css">body, a, a:hover {cursor: url(URL GAMBAR CURSOR), progress;}</style>

12. Klik 'Save' dan taraa! Jadi deh cursor buatanmu!