Tutorial header hover blogskins
Sunday 29 April 2012 • 23:26 • 0 comments

                                                بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم




Actualy, tutor kali ni,,, saya tengok dekat blog Faqihah Husni . So credit to her lah,,
then,saya try change-change code dia. And at last,dapatlah saya buat :) .

Nak tahu apa sebenarnya yang saya dok cakap sowang-sowang neh???
jom kita tengok DUA picture dekat bawah ni.


before....


afterr....





amacamm??nak belajar tidakk??ni versi BLOGSKINS ni,,,
yelah,,dah ramai guna blogskins neh kan???
oke,,jom start..



1.memula, buat lah DUA header yang hampir serupa then cari kode <head>
2.Gunakan CTRL+F atau just klik F3 on your keyboard untuk memudahkan pencarian anda oke


3.selepas itu,anda semua kena copy code bawah ni dan pastekan betul-betul DI BAWAH kode <head> tu

<center><img class="Cheader" src="URL HEADER PERTAMA ANDA" /></center>


4.Dah??lepastu,cari pulak code body { . copy kode di bawah ini dan pastekan samaada
di bawah code body {  atau di atas code body { .


.Cheader {
margin-top:0px;
margin-left:0px;
-webkit-transition:1s
}


5.Setelah itu,anda-anda semua kena copy lagi kode di bawah ini dan paste di bawah kode body { jugak :) .



.Cheader:hover {
background: url(URL HEADER KEDUA ANDA);
}



6.Sudah??? cuba preview,,kot-kot ERROR kerr....
Ni freebies yang disediakan KHAS oleh cik Eniq just for pembaca terhebatnya :D

before that,nak credit to fizgraphic dulu sebab saya pakai doodle dia untuk buat freebies header ni.
comel tau doodle dia.nak jugak doodle dia yang comel tu?click lah nama dia tadi,u'll be directed to
his blog :)


SET ONE




 SET TWO





SET THREE







klik image untuk download dan mendapatkan url-nya.
tak tahu cara nak dapat url dia?just click that image then right click dan pilih copy image url
atau ambil jek yang macam di bawah ni



 got it??oke,,,bubye..
GOOD LUCK DAN SELAMAT MENCUBA !!!






peringatan: THIS TUTORIAL JUST FOR CLASSIC TEMPLATE.AFTER THIS,INSYA-ALLAH I WILL POST THE SAME TUTORIAL BUT JUST FOR TEMPLATE DESIGNER :) .

Labels:


SOME WORDS!


Welcome to Eniq Fanfict blog tutorial.Don't change my tutorial to Your's k? copycat without permission is PROHIBITED !!
Profile
Stuff
Tagboard

Rewind



Credits


Template By: Nurul Afiqah
Big helped: Aulia Septiya
Edited: Eniq