Freebies : simple header

#Assalamualaikum. bonjour .

Haritu mang pja ada nak uad header kan ? ok pja buat simple header je . mybe tk lawa mcm korang sngkakan . tapi untuk percubaan pertama pja buat la , tk bekenan tkpe . tgok ckop . kutuk pon boleh . kalau rasa nak aku kutuk kau balik la kan . pfffttt -.-






Thx for view , kbaii .

tuto :letak background dekat content wrapper

#Assalamualaikum . bonjour .

Harini nak buat tuto , rasanya dh lama tk buat kan kan ? huish seminggu dok kampung mang berat badan naik gila gila doh . cmana nak bagi turun nie , ergggg ! dh meroyan tk terkata nie -.-

LETAK BACKGROUND UNTUK CONTENT WRAPPER  ( seluruh )

Yang kotak pink tuh ye . kalau nak buat satu satu pon boleh . okay first skali , korang 
log in > template > edit html > proceed > expand widget > ctrl+f kod ini  
#content-wrapper {
dh jumpa bukan ? then korang copy kod bawah nie dekat bawah #content-wrapper {
background:url(url korang);
border: 0px solid #000000;
Then korang isi la apa yg patut dekat kaler merah tu , sama ada photobucket or glitter . then preview dulu , then save

Selamat mencuba , kbaii

tuto : register Cbox



Okayy , ramai tau shoutmix dh tamat service nya kan ? okay aku pon kene jugak okay -.- . so aku trus pergi cbox . so pada spa spa yang tktau nak daftar cbox cmana , take a look this . mudah bagi korang . nanti tk konpius dh .


1 . Daftar cbox okay . link dya ada dalam gambar nie yer 

2 . After that korang sign up please . like that picture

3 . lepas sign up dia akan terus suruh korang log in cbox

4. isi semua yang tertulis . then please ikut ape yang aku conteng diatas (:


5. after that korang nak makeover korang punya cbox . mengikut kehendak korang


6 . customize ape ape yang korang suka dekat sini . contohnya smile ke ape


7 . ikut step boleh kan ? malas nak explain pulak , tehee .


7 . log in blog > layout > find html / javascript


8 . paste sja disini .


9 . taraaaaa ! kan dh jadik . comel kan ? HAHA


selamat mencuba.kbaii


tuto : header hover part 1



Photobucket

nak header mcm bambam tak ? ok mula mula . tick expand widget yer kawan kawan .

ctrl + f this code :
#header {
then nampak dh kan ? paste code tuh dekat bawah #header {

#header:hover{
padding-left: 65px;
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition-duration: 1.0s;
}

contohnyaaa :


selamat mencuba.kbaii


tuto : facebook share button



Dh lama kan bambam tk buat tuto dalam blog kan kan ? so harinie bambam nak buat la . lama tk mentelaah tuto . skrg nie suma dh maju maju la kan . bambam pon perah otak la nak mengcoding balik suma -.- penat kan ? ok harinie kita nak buat nie .
cara nak buat dia mcmnie . make sure tick expand widget first . ctrl + f this code :

<div class='post-body entry-content'>

sudah jumpa bukan ? copy this code

<div style='float:right;padding:4px;'>
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
    type='button_count'/> 
    <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
    type='text/javascript'/>
    </div>

paste dekat bawah code <div class='post-body entry-content'>

then save . 

selamat mencuba .kbaii


 
COPYRIGHT BY NURUL HAFIZA ©