7 December 2011

Tutorial : Date Header Outside Body

Wednesday, December 07, 2011 | 0Comments |
Bonjour !*menyempatkan diri untuk bercakap perancis*. Hari ini ada masa lapang untuk buat tutorial. Mia tahu,ramai yg dah tahu tutorial ni dan ada yg belum tahu. So, Mia cuma nak share kan dengan korg ^_^. Hehe...


{。^◕‿◕^。} Date Header Outside Body {。^◕‿◕^。}

✖ Not Suitable For Classic Template 

 → Pergi ke Design/Layout → Edit HTML → Tick Expand Widget Template → Find Code,


.date-header {

or

h2.date-header {


Dah jumpa code di atas ? Then paste code ini di BAWAH code yang tadi tu.


height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(LINK GAMBAR) no-repeat;
position:absolute !important; position:relative; float:left;
text-align: center;
font-family: Calibri; font-size: 12px; color: #000000;
}

Next, tukar code LINK GAMBAR kepada gambar yang anda mahukan.


◕‿◕ Preview dulu baru tekan SAVE !


Nak link gambar tak ? Nah, ambiklah link gambar kat bawah yang tesedia ada...FREE




http://4.bp.blogspot.com/-dBHHMhdnWdI/TspKb_fM9xI/AAAAAAAACSI/yDFpsCAfJNQ/s1600/yelloworange.png





http://3.bp.blogspot.com/-mUIUfph5_ZQ/TspKbiKQUbI/AAAAAAAACSA/BidtQDxtoN8/s1600/red.png





http://3.bp.blogspot.com/-g-FVEnRyN6c/TspKO4I3qhI/AAAAAAAACRw/I2Ey-622LMc/s1600/purple.png





http://3.bp.blogspot.com/-ZBjBdDYlNzs/TspKOiogNZI/AAAAAAAACRk/Z8eXMT-hvNs/s1600/pink.png





http://1.bp.blogspot.com/-jBOJeGBaLL0/TspKOfzXVuI/AAAAAAAACRc/nWVjfDzW08U/s1600/grey.png





http://1.bp.blogspot.com/-8zA9VoqhXk0/TspKOW7PHyI/AAAAAAAACRQ/ft0Y3cmsAxU/s1600/green.png





http://4.bp.blogspot.com/-xOozytt1JSQ/TspKOKzbh3I/AAAAAAAACRE/AOBTjJcCPJI/s1600/blue.png


credit : tyra

Bumble Bee Tuna

Started since 23/24 Jul 2011