Tutorial : Date Header Outside Body

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6B1OawjyVI9s93TvGSS7tQlwfgaT2tyZYIHWG9owo2NqKOZYqDqA6VnwNyC_ONPN8ko48mbVAtM9VGaT5DBdZbNuwNptJn4m8UFqiY1ifIwwFskEe_Helx4AfLhH5p5CK_w9pZIB8q8_-/s1600/yelloworange.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYk2MNjNhBZDcOblLh9IS6UFJyLY1odirUEbO_DSMT9dTnzCmWpIG64FP8nGaRLO3wbW7t_CBYqJrGU-Vj62jpnxopqfDQJsyGIHYICWEzW6ctyjl_-JZUnpuJPMCFUIqwWqGRuwQJvS0/s1600/red.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc-2uMYNyRACs-MbdQ1WX-MCkgh7olOKr76ztkZF4RkybY1gM74bflRBb2GmodTWlIZ9u6qBcevVdClvjd-KmGnBwx5SyYiEDYxG3iuOh-fRT_yD9JsSAcNllJ1QlCwPSucSjaNNPNJtht/s1600/purple.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sxReViSe5sN3Ua1_oMBAfpUNhVl6FkRGcX__vehMaKlmI4UQbe9WyDeNDN9tic7W9Tnie_ZZcSDKHRZFDKyKYDWy2GcToEAg4aJQV5Ax6vdcAHHabqEN46_otDSgez1ZerXNowgIxIEF/s1600/pink.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxF6PIG4hGvGNUk6UvicX9IiwlqciIS7y5FjqlEfRFDCt68sWgfTZ7Mw0Z4T7FfJIQU36QcldAfV0AglRxUS4g5ZOPgH_YRGzW3PSqoAcI3Br_QmreaoiED2nnbuGNajJ6bSZ7YOYIK-r/s1600/grey.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9-s9P1s6CwDlHj2jfQWjntqInVNiZ4cQVjrDilOJVD94ntrXJe9_-R8ANN_uA42YBA47nk2diaq0aZFndjVg-DjyFgF8Nqck8OJtSRaEGebN1NOXkmtrrlsF2w-kLWHhQRsI3gGif460/s1600/green.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45uPLKBORmVyb2hNbL5A6wU9AqezwI9i5erGvZHsnjcnmAIruoPaZrTk9i421vd37k4igDAigrHOzavkef2MANg2dzSFGWz9C4NINjipaD-z2eJVzdkQl487DB2LxlYrkuG2XCDMY5bHK/s1600/blue.png

credit : tyra