Date header luar body blog

source : tumblr
Hai dan Assalammualaikum.
Tutorial ni paling hotstuff orang kata,hihihh #memandai je engkau Ramai dah yang request tapi faham-fahamlah I sekarang ni malas betul nak buat tutorial :p Tapi tapi ,hari ni saya rajin tau so mehlah saya ajar :')
Credits : Putryy Nasuha & AinaaMania
Alert! Untuk template blogger 2006 sahaja
Washed denim

1.Dashbord > Design > Edit HTML
2.Ctrl F and search code .date-header {

Korang akan jumpa macam ni kan?
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
Okey,delete code tu semua dan gantikan dengan yang bawah ni :-
h2.date-header {
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
font-family: calibri; color: #FFFFFF;
}
Preview dan save template 

Kalau tak jumpa code .date-header { , ikut tuto yang bawah ni pulak.Saya tak pasti tutorial ni untuk template apa sebab saya belajar dari Putryy :)

1.Dashbord > Design > Edit HTML
2. Ctrl F dan search code h2.date-header {

Copy dan paste code ni di bawah  h2.date-header {
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
Code full dia macam ni,

h2.date-header {
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
font-family: calibri; color: #FFFFFF;
}


3.Preview dan save template .

Nota
  • Gantikan Url Gambar Anda tu dengan gambar korang okey ^^
  • Jenis font dan warna font tu boleh tukar ikut citarasa korang
Ni freebies untuk korang, saya buat sendiri and kalau nak ambik comment okey :)

  
Untuk dapatkan url image tu,click gambar tu dan copy url image tu.So that's all , bye. Er,tutorial request yang belum saya buat,google google jelah dulu eh ♥




Posted on Sunday, 7 August 2011 by Anis Diyana

Label:

76 comments:

  1. aliafauzy7 August 2011 at 16:31

    Satu ye, Warna Pink ;)

    ReplyDelete
  2. izzaniss7 August 2011 at 16:53

    Saya amik satu .

    ReplyDelete
  3. Anonymous7 August 2011 at 19:02

    saya amik satu.

    ReplyDelete
  4. Unknown7 August 2011 at 19:29

    kyaaa!! love this!!

    ReplyDelete
  5. azani7 August 2011 at 20:27

    macam mane nak amik ni?

    ReplyDelete
  6. nysa arzmn7 August 2011 at 20:50

    thanks anis...i loikeee tutuo anis yg sentiasa MENJADI!!!! :D

    ReplyDelete
  7. Saya Mahfuzah.7 August 2011 at 20:52

    amek satu ;DD

    ReplyDelete
  8. Anonymous8 August 2011 at 15:06

    waa! nice tuto. Zieymah ambik 1 je..hehe

    ReplyDelete
  9. amirahyusoff8 August 2011 at 15:55

    assalamualaikum ^^
    anis, saya ambil satu tau :)
    yg colour pink :)
    terima kasih ya :D

    ReplyDelete
  10. Anonymous9 August 2011 at 07:03

    akak Anis, saya ambik satu yea? lawoo lah ;D

    ReplyDelete
  11. ashikinzulkefli9 August 2011 at 16:10

    saya nak satu tauuu :) terima kasehhh :)

    ReplyDelete
  12. Unknown9 August 2011 at 18:03

    saya amik satu yea :)

    ReplyDelete
  13. Monster Panda♥9 August 2011 at 20:31

    Saya pom amek satu okay :) Thanks

    ReplyDelete
  14. bedzhang10 August 2011 at 08:39

    thankies,anis :)

    ReplyDelete
  15. Miss SyiraF10 August 2011 at 17:03

    Anis, saya amek satu colour purple kayy. Thank you. :)

    ReplyDelete
  16. nurynsuhaimi10 August 2011 at 17:21

    amek satu yea, warne biru . thankyouu :)

    ReplyDelete
  17. meow comell12 August 2011 at 09:42

    anis , bole tak letak URL image kat atas tu skali , sebb i ta pkai google , i pkai Mozila . so i ta bole na copy URL dye , please ^^

    ReplyDelete
  18. Nur Mahfuzah12 August 2011 at 13:01

    1 ya , nice tuto Thanks a lot !

    ReplyDelete
  19. EMYNIENA12 August 2011 at 14:19

    amek 1 ya :) Thanks !

    ReplyDelete
  20. Jenny Pa-un12 August 2011 at 18:08

    saya ambik satu yer :)

    ReplyDelete
  21. Faramecium12 August 2011 at 22:04

    Kita amek satu tau :)

    ReplyDelete
  22. Niezamumu13 August 2011 at 14:01

    tQ cik anis :)

    ReplyDelete
  23. Beasty Boys13 August 2011 at 18:33

    Anis , saiyaa dhaa buat . Tapy , gamba tuhh macam masuk dalam entry . Macam mane eaa ?

    ReplyDelete
  24. Faten14 August 2011 at 01:25

    thx anis :) chantek sgt!

    ReplyDelete
  25. amy syifa15 August 2011 at 13:45

    ambikk satu eh? thanks so much.. =)

    ReplyDelete
  26. Ana15 August 2011 at 23:10

    saya mbikk satuu . comel jee

    ReplyDelete
  27. Anonymous17 August 2011 at 08:16

    tumpang lalu. klau untuk template designer cm ner pulakk ? :D

    ReplyDelete
  28. nor fatihah17 August 2011 at 19:34

    satu erk...warna pink...

    ReplyDelete
  29. Anonymous17 August 2011 at 21:23

    This comment has been removed by the author.

    ReplyDelete
  30. Anonymous17 August 2011 at 21:31

    npew ta mnjd :'(

    ReplyDelete
  31. SarahHannah1319 August 2011 at 08:54

    saya ambil satu , warna pink :) nice tuto :D

    ReplyDelete
  32. Anonymous19 August 2011 at 09:10

    ila ambik tau.

    ReplyDelete
  33. Anis Diyana19 August 2011 at 12:03

    @Ct Nur Aliah. okay :)

    ReplyDelete
  34. Anis Diyana19 August 2011 at 12:03

    @izzaniss okayy ^^

    ReplyDelete
  35. Anis Diyana19 August 2011 at 12:03

    @aisyaokayy ^^

    ReplyDelete
  36. Anis Diyana19 August 2011 at 12:04

    @Vie Zarahehe,thank youu :)

    ReplyDelete
  37. Anis Diyana19 August 2011 at 12:04

    @azaniclick image tu ya :)copy link dia

    ReplyDelete
  38. Anis Diyana19 August 2011 at 12:04

    @nysa arzmnterima kasih! :D

    ReplyDelete
  39. Anis Diyana19 August 2011 at 12:05

    @mfz okayy ^^

    ReplyDelete
  40. Anis Diyana19 August 2011 at 12:05

    @Zimah hehe,okayy :)

    ReplyDelete
  41. Anis Diyana19 August 2011 at 12:06

    @amirahyusoff waalaikummussalam ^^ okay,samasama :)

    ReplyDelete
  42. Anis Diyana19 August 2011 at 12:06

    @Fatin Aqilah okayy,terima kasih eh :D

    ReplyDelete
  43. Anis Diyana19 August 2011 at 12:06

    @ashikinzulkefliokay,samasama :D

    ReplyDelete
  44. Anis Diyana19 August 2011 at 12:07

    @Dian :) okayy :)

    ReplyDelete
  45. Anis Diyana19 August 2011 at 12:08

    @SiPandaComel♥okayy,samasama :)

    ReplyDelete
  46. Anis Diyana19 August 2011 at 12:08

    @Nabila Hoverjkul samasmaa :)

    ReplyDelete
  47. Anis Diyana19 August 2011 at 12:09

    @Miss SyiraF your welcome <3

    ReplyDelete
  48. Anis Diyana19 August 2011 at 12:09

    @nurynsuhaimi your welcome :)

    ReplyDelete
  49. Anis Diyana19 August 2011 at 12:11

    @Nur Mahfuzahyour welcome!

    ReplyDelete
  50. Anis Diyana19 August 2011 at 12:11

    @EMYNIENAokay,samasama :D

    ReplyDelete
  51. Anis Diyana19 August 2011 at 12:11

    @cik Beskod okayy :)

    ReplyDelete
  52. Anis Diyana19 August 2011 at 12:12

    @Farah okayy :)

    ReplyDelete
  53. Anonymous20 August 2011 at 10:22

    Kalau untuk Denim Template boleh tak ? Bukan Washed Denim taww .

    ReplyDelete
  54. GZ20 August 2011 at 20:53

    Amek satuu eyh? Thanks :)

    ReplyDelete
  55. firah..20 August 2011 at 21:50

    amik satu...?

    ReplyDelete
  56. Anonymous21 August 2011 at 00:24

    minta satu ye , yang kaler pink tu :DD

    ReplyDelete
  57. Eiqah Zainuddin21 August 2011 at 14:57

    saya amik satu yg wane pink tuh :DD

    ReplyDelete
  58. Anonymous24 August 2011 at 18:10

    Thank you for this tuto . :) I used template designer and I have to modify the coding by myself .
    -..- but thanks to ur tutorial . It helps A LOT . and , yeah , I took that pink . :3

    ReplyDelete
  59. ayunadhirah25 August 2011 at 02:17

    amik satu tau ^^ wane pink

    ReplyDelete
  60. Khusna28 August 2011 at 06:47

    This comment has been removed by the author.

    ReplyDelete
  61. Anonymous2 September 2011 at 14:58

    thanks, saya amik satu! pink! tapi, camne nak kecikkan tulisan?

    ReplyDelete
  62. aisya8 September 2011 at 07:35

    tengs ea dear. i amek pink :)

    ReplyDelete
  63. Unknown9 September 2011 at 14:46

    tia amik warna purple okayyy :)

    ReplyDelete
  64. F A R I Z A12 September 2011 at 01:02

    akk amek satu yer^_^ tq dear

    ReplyDelete
  65. ★Huda K I M ★13 September 2011 at 09:11

    thanks sis!! :'D

    ReplyDelete
  66. Unknown19 September 2011 at 18:14

    ambik satu!

    ReplyDelete
  67. zarieynah20 September 2011 at 22:36

    This comment has been removed by the author.

    ReplyDelete
  68. Syzwnishhln24 September 2011 at 22:44

    guna tuto ni. very helpfull ! thanks dear :)

    ReplyDelete
  69. Eyha.25 October 2011 at 14:33

    mintak izin amek yee :)

    ReplyDelete
  70. Anonymous6 November 2011 at 02:02

    akak, saya ambik yang warna pink satu ye. thanks a lot ;)

    ReplyDelete
  71. Anonymous6 November 2011 at 11:58

    salam anis . akak amik satu boleh x ? yg kaler biru . thanks ye :D

    ReplyDelete
  72. nysa arzmn11 November 2011 at 19:41

    saya ambil satu..terima kasih

    ReplyDelete
  73. Ain Zulaikha15 November 2011 at 00:38

    thanks tuto! da jadi :)

    ReplyDelete
  74. MooSHE19 November 2011 at 03:10

    sy amik stu juge:)

    ReplyDelete
  75. qiedah sabri19 February 2012 at 19:36

    Tutorial bergune.. Nak satu yg icon tu.. Warne pink ^^

    ReplyDelete
  76. Farish Stella Han20 February 2012 at 17:23

    Ambil satu ya, adik anis :)

    ReplyDelete