Tutorial:letak footer dibawah blog

by - 5:46:00 AM


malambegini,aku curik-curik masa untuk buat tuto..Actually,aku buat tuto ini adalah untuk memenuhi permintaan dari deqjamucuxx


footer...gambar penutup blog kite..utk pengetahuan korang,ini adalah salah satu design blog aku^^

tanpa banyak bicara,mari kita mulakan tuto dengan lafaz bismilah:

  • log in blog anda...as usual:)
  • klik template ===>edit html====> tick 
  • ctrl F cari FOOTER


  • Korang akan jumpa kod macam seperti di atas
  • kemudian,copy kod di bawah ini
width:900px;height:300px;background-image:url(GAMBAR FOOTER KORANG);background-position: bottom center;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1px;
text-align: center;


  • Selepas copy kod di atas..sila pastekan ia di bawah kod yang korang cari tadi..pastikan kod korang akan jadi seperti di bawah:




#footer { width:900px; height:300px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPHEJJ-DduuJFzr0YXYNEGLRxXiWrLyr8DhxrJxBSn-00GKq2L1-n43wUr9HkhcyFEvwSaSgT1qCHj6q-dJBXZjmtND8-0Mfwh7yWibp0qaFLBukqvXrmvRF1MU6hcWgVBgTXVnpwAIw/s1600/footer34.png);background-position: bottom center; clear:both; margin:0 auto; padding-top:0px; line-height: 1.6em; text-transform:uppercase; letter-spacing:-1px; text-align: center;

  • Preview terlebih dahulu..jikatiada masalah..boleh lah save dengan senyuman:) 

saiz: bergantung kepada korang ok...boleh berubah^^

oklah,hope berjaya yer...kepada deqjamucuxx..if x jumpa kod..maybe template yang berbeza

notakaki:siapa nak order..edit blog?maih inform sy k

You May Also Like

1 comments

  1. akak, thanks sesangat bg tuto ni . muaahh kat akak .

    makaseh sudi luangkan masa uat tuto. n maaf menyusahkan , hiihhi :)

    ReplyDelete