Peaches_n

tuto : letak ribbon atas header

Posted 12/12/12 // 3:04 AM

hye dan selamat petang , hari ni tutorial letak ribbon atas header.. sebab aku tengok ramai yang dah pakai benda ni sekarang . sangat comel~ nak tak nak tak ? huhu . ni tutorial nya
1) buka template korang dan ctrl+f= </head> 2) paste code ni dibawahnya

<div style=' background-image: url('image url korang'); top: -10px; width: 100%; left:0px; height:50px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);'></div>

3) tukar 'image url korang'
4) preview dulu , kalau jadi baru save err.. 5) dan terhasillah blog yang comel~
----------------------
ini beberapa ribbon yang saya buat, ambilllah kalau berminat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMBmHIcuEJ02hEnUo2MZstppeOS64HXFANln2cKHIUUPlviIB_WfJnQOr2pWWxBd5u11GoxLKDCavL22AO0rPuhNM7Xyd849jdCR8NrcF3sbR0kxil00HhMEfKiY1QSu7QXFICnDynG-M/s1600/yellow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjps3Kt6oz-Hftvem4pONEMAmUXaqEViS94ob0IEWwBtM4bY3ZBGVMnNNploPK_Gcc0hFRSa6BoH0o_tePz38olfgxvKJ0ozIctmzSzefaI6xyrsfiG6RGIdxYQDxcAbymI1i848yOaX4EL/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnGhcX64rgOVJcmsSex6cRyFLyOZYM-uj7w1MTrCfR2nAVwjJn5SzoOR_ERlvFyBkroI2BHOia6i7lcaBLW_MAQjE8SdL-7dQYHSHSU3D56vy1xJvaGYBiRkOayjYvEAU6bGzPSPTWi9K/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUHubw6wwnZ34kOhcJlIYrMP8oaed-5iRSHFRTzXlmwQZGDiEf-MKKuXTWDN6BUkZ9pX6_pnvOERLtjhaSM7riW4NblcR3dWXMggAO0NKxxzK2o2DuzgTpu9kggp2KkFe7_UsugT8XEUM/s1600/pink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAHnViIIBXff4BNbr3SlPr0mAtuh9MF7e5FALypxX1cEURBuItjaL-pwTgVlTqBvg8m48CJocfkbvuLg3r3CXp2BnFFAFOx93307kv-y9fmFYdUDL-OHyukMRAlMlPHxHaWpYhISwltpk/s1600/purple.png

8 Comments:

Melolyn said...: nice !! suke suke..hee~~; December 12, 2012 at 3:45 AM
creamlovebunny said...: haha, oh yeah . :D; December 12, 2012 at 3:53 AM
Asyikin said...: Nak copy tuto n freebies nyer boleh ? Syikin akan credit =D; December 16, 2012 at 8:20 AM
creamlovebunny said...: okey :D; December 16, 2012 at 9:43 AM
A'are said...: tima kasih ntuk tuto ni..cantik :); December 16, 2012 at 7:11 PM
creamlovebunny said...: hehe, okey :); December 16, 2012 at 9:49 PM
Wan Namikaze said...: Yea!! Jumpa jugak tuto macam ni!! Terima kasih kak Nabilah!!; December 20, 2012 at 7:43 PM
Anonymous said...: saya nak tuto ni :); February 1, 2013 at 9:05 PM