Tutorial : Date Header Luar Body Blog

Salam semua readers, dah lame rasanya tak share tutorials dengan korang..actually banyak sangat nak ajar pelbagai tutorial terbaru,cewahh tapi gitu ler..hehe..

Oke hari nie meh nak ajar latest tutorial..kita buat Date Header berada Luar Body Blog,pernah tengok tak? jum try buat..lawaaaaa ++++++

1) Dashboard> Design> Edit HTML

2) Tekan ctrl+F dan search code nie

h2.date-header {

 

3) Dah jumpe? and then korang copy and paste kod kat bawah nie BAWAH kod tadi

height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(URL BACKGROUND) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
font-family: tahoma; color: #FFFFFF;
}

4) URL BACKGROUND tu boleh tukar ye

5) Untuk pengguna simple template, sila padam coding nie dulu ye

.date-header span {  background-color: $(date.header.background.color);  color: $(date.header.color);  padding: $(date.header.padding);  letter-spacing: $(date.header.letterspacing);  margin: $(date.header.margin);} 

6) Preview dulu,kalao dah menjadi boleh SAVE

CONTOH-CONTOH URL BACKGROUND 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN37NG-SNEqTPdFtutIn5vbqV58ifNQLlgvPHGETY9rBgwFF3xS2JvMo_kGk8eAaShgB6qxyumBE4xgBRM0ypj1lpYIpEV7gPRaLJPyGVarDyVZ852JIHBgTS59jqqxjd2dsDpK2FMzE9K/s1600/purpledate..png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3d23RGvs-xLTNXr7L-CATTub7HsX54LQAQb24oDATvLcmjkV9rjSUgtyEZ13UZD8nHFPRNYhqWm5pICVz4Al1SN4XSU1Qg-s2xfVHpLXhaAd2VNFmbhn6j35D23tsGywzOISK6tSqBdQ0/s1600/birudate.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDlMH2-g4yvvixYFUpAgPduFyhhdENkKVlTEEBXOcY94aXCw0I1wdRNCxIXQFBDpOvSghLw43tc1ovjJt50BbI6wR92EfkqVlSse9cFrLC2ejo8QND2kcEhE-w2Ex9Vqn8c14XUDx8VZyJ/s1600/orendate..png

credit to : miss-dya