Assalamualaikum w.b.t dan Selamat Sejahtera.
Meehe~ korang tau tak balloon header tuh apa? Alaa..header yang macam awan2 tu. Tak paham lagi? Okay, cube tengok gambar kat bawah ni. Gambar ni tunjuk function balloon header. Pada pendapat puteri, balloon header ni just untuk extra design untuk blog korang bagi lebih comel lah katakan.
Ha...nampak? Itulah function dia. But, tak semestinya untuk header je. Letak kat tempat lain pon boleh, but untuk tuto hari ni, puteri ajar for header jer lah dulu ye. Okay, Jom!
1. Dashboard > Template.
2. Tekan Ctrl + F dan search kod :
<head>
3. Then, pastekan kod kat bawah ni di bawah kod <head> tadi.
div style=" background-image: url('URL IMAGE'); top: -10px; width: 100%; left:0px; height: 65px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>URL IMAGE : Gantikan dengan Url balloon header korang.
<div style="width:555px; position:absolute; top:55px; left:360px;"
4. Then, preview kemudian kalau dah jadi, Save!.
-------------------------------------------------------------------------------------------------------------
Freebies Section :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD0Pq4JqwsTCGD3Bbz2aq7i7S6VW4VA8PFbBm_dDKS_e2wz-IV7bQ7lduIFp7jMwBIxMgpYjDzLj081lYmhIrCZ3o_QZ9LOOsPVs3Fx0tmvWzUv2rpcCgb8BZS8NwNhsir0rA6jDsa8YI/s1600/puteribatrisyiafreebies.gif
Credits : Nina Zaharin
http://i954.photobucket.com/albums/ae24/NinaZaharin/l_0217.gif
Credits : Zara
http://i.imgur.com/q0Nae.png
1 comment:
rajin nye uat tuto:) bagus-2
Post a Comment