::Snow Pink::

Tutorial : Tukar Button Follow, Dashboard Kepada Icon Lain

Hai dan Assalamualaikum! Rasanya dah lama tak buat tutorial. berhabuknya blog ni! Busuk sangat. haha. Ni nak mandikan balik dengan post tutorial! Dan. Nadia tengah siapkan freebies Assalamualaikum. Tunggu jela. :p Dekat cbox Nadia ada 2 request! Satu freebies header and freebies Assalamualaikum.. Satu lagi dari Arifah. Dia tanya macam mana nak tukar button follow kepada icon lain. So. Rujuklah tuto di bawah. Ops! Nadia tak repost sape-sape punya tutorial. Tapi Nadia kaji je. Lalala.

INI TUTORIAL HANYA UNTUK TEMPLATE DESIGNER SAHAJA.

Button Follow and Dashboard.

1) Pergi ke layout. Buka HTML button tu.. And. Tgk gambar bawah ni.

2) Tengok bahagian ""><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a" tu kan.. Korang tukarkan kepada url img follow dashboard koranglah! :D *warnaPINK*

3) Yang dashboard pula..""><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>" tu pun tukarlah juga. :) *warnaPINK*

Nak freebies? Nantilah. Mana boleh pakej. Kalau nak pakej bayar. :p Assalamualaikum.

Tutorial : Hover Font On the Link

Hai dan Assalamualaikum! Haih, rajin bebenor Nadia ni nak hupdate tuto yek? Freebiesnya tak siap2. Haha. Font Bertukar di Link? Huh? Apa kemendanya tu.. Ok, korang pergi blog NI, alihkan cursor di link apa-apa pun. Font dia bertukar kan? Ok, Nadia nak ajar macam mana korang nak buat eh.. Ops~ Ni boleh di Blogskin atau Simple Template. ;) Code dia tak ubah satu pun, ok.

1) Dashboard > Template / Dashboard > Template > Edit HTML.
2) Tekan Ctrl+f serentak cari code a:hover{ .
3) Copy code di bawah :

a:link:hover {font-family:Cecil34;}

4) Preview, and Save. :)

Merah : Nama font korang.

Ok itu sahaja. Ambil code ni dekat kembar Nadia. HEHE. Tak ingat kat mana. :/ Bye, assalamualaikum!

Tutorial : Image Hover Text

Nyum nyummy! Sedapnya cupcake tu. Ada sesiapa nak belanjakan nadia tak? Hurm Takde? Sedih! Hey, boleh tak jangan lari dari topik.. Ok. Assalamualaikum. Harini, ada orang req tuto macam mana Nadia buat image hover text tu. Act, mana ada Nadia yang buat. Nadia guna blogskin la. Ish. Ok ok. Nina yang req tuto tu. Tapi.. Tuto tu untuk blogskin je. Tapi dia nak jugak! Erm, ok jangan bebel dan kita mulakan sekarang.

Ops, lupa. hehe. Credits to kak Tieqa! Huhu. Thanks kak Tieqa.!

1) Dashboard > Template.
2) Tekan Ctrl+f serentak dan cari code </style>
3) Copy code di bawah :

#ck{
background:#f0eeeb;color:#000;width:230px;height:142px;margin-top:-147px;padding-left:0.5px;padding-right:0.5px;padding-bottom:0.5px;padding-top:5px;opacity:.1;-webkit-transition:all .5s ease-in-out; }#ck:hover{opacity:.7}

4) Paste di atas code </style> tadi.
5) Eh kejap kejap! Belum siaplah sayang.. Copy code bawah ni pulak.

<center><img height="142" src="URLIMG" width="230" /><br><div id="ck"><br>AYATKORANG</div><br>

6) Paste dekat tempat yang korang nak letak hover tu.
7) Preview. Kalau nothing error, save! ^_^

Merah : Background hover
Biru : Tinggi dan lebar hover
Purple : URL gambar
Hijau : Ayat korang

Tu je. :)) Bye, assalamualaikum!