Cute-tomize your header !

Asssalamualaikum ♥
Fuhh ~ rasanya demam hana smakin hilang . asek berpeluh je dari tadi . Tapi bukan tu yg hana nak gtw :p ni hah hana naa aja cne na bagi header korang jadi comel ^_^ Perlu diingatkan yg entri ini penuh dengan photo . So jangan marah naa :D Okey lets start . *entri bergambar yg panjang* Start !

Kalau korang blogger baru , hana sarankan korang guna simple template sebab senang nak edit . Ok mula dengan membuang Nav bar yg biru tu ok ? fes korang masuk kat Blogger Template Designer then click on Advance . Korang scroll sampai jumpa Add CSS

Lepas korang dah jumpa . Korang ada nampak kan ruang kosong tu ? Korang copy code tu kat sini , then korang paste ke dalam kotak tu . Tengok photo atas ni . Hilang kan nav warna biru tu lepas korang paste ? :)

Lepas save , korang tekan Edit HTML pulak . Now nak hilangkan benda putih kat belakang header korang yg transparent tu . Korang cari code /* Mobile then korang paste code tu dekat atas /* Mobile tu tadi . Code korang boleh ambil dalam entri hana yg dekat sini ok ?

Korang tekan dulu preview . Macam dekat atas ni hah . Da nampak kan header korang yg comel tu ?? Macam ada yg tak kena je kan ? ok . sabar . satu persatu ok ? HAHA

Now kita bagi center header tu pula ye gais ? Now , tekan F3 then cari code  /* Contentpulak . Korang ambil code kat dalam sini dan paste dekat atas /* Content tu ok ? macam yg dalam photo atas ni korang buat .

Lepas tu korang try pula tekan Preview . if menjadi macam kat photo atas ni tepuk tangan :D haha okay , terasa still ada yg tak kena kan ? :/ oke mai kitaa tengok next step pula . But korang save dulu ok yg tadi !!

Now beralih ke Blogger Template Designer semula . korang nampak kan yg miraa bagi bulat tu ? macam pelik kan bila header korang da comel tapi body blog pula tak mengizinkan . haha jangan risau . semua itu bisa di atur XD

K , korang tekan Adjust widths and then korang adjust laa width body tu sampai muat dengan header korang tu . Macam photo kat atas ni ye . width header hana 776px so hana just taip kedalam Entire blog tu size blog hana .

 

walah ! comel tak ? comel tak ? XD mesti laa comel kan ? haaha nak kene penampa agakny hana ni . Okey , Korang jangan lupa tekan Apply to blog lak . Kang tak ter-save marah2 lagi XD now tinggal satu je lagi yg memburukkan header korang en ? tengok yg hana anak panah kan tu . hahhh tu diaa hah border tu . meh hilangkan !

kembali lagi sekali ke Edit HTML ye gais . now kita nak buang border tu . korang tekan F3 then cari code .content-outer { and as you see kat atas ni , hana ada highlightkan code tu en ?? yg mana ? yg biru tu hah . Korang highlightkan sebijik mcm kat atas tu ye !!

lepas korang highlight kan , korang nampak kan kat keyboard korang perkataan Backspace ? tekan tu skali XD now korang try preview . Apa jadi ?? hilang bukan ?? kalau tak hilang miraa tatau laa knape . sebab hana buat slame ni hilang je ^_^

Credit To ; Miraa Hussin

Tweet