Tutorial : meletakkan background dan centralized post footer

11:09 am

✿...السلام عليكم✿

Orang kata, ilmu kalau di share lagi
banyak manfaatnya. jadi, kerana cakap2
ni laa... anies up kan entry yang berkaitan
dengan tutorial (blog). lagi pun cari yang
anies tunjukkan ni mudah je. insya-Allah,
dengan berkat kesabaran, yu ols boleh
mempelajarinya kurang daripada setengah
jam.

well, tutorial hari ni berkaitan dengan
post footer. tak tahu apa tu post footer?
tak pe... tengok gambar kat bawah ni:

segala datuk nenek yang ada kat area yang bertanda anak panah tu, dipanggil post footer ya datuk datin...

faham dah apa tu post footer? so, 
meh laa kita buat tutorial ni dengan 
jayanya...

first, klik TEMPLATE. 
second, klik EDIT HTML.

third, klik SEGITIGA HITAM tu... 
pastikan di sebelah segitiga hitam tu ada code ini:

<b : skin>...</b:skin>

forth, skrol sampai jumpa code yang anies bulatkan seperti di atas.

 fifth, skrol lagi sampai jumpa code yang telah dibulatkan seperti di atas.
kemudian COPY CODE ini:

background: url(URL IMAGE PILIHAN ANDA);
text-align: (ANDA BOLEH PILIH SAMA ADA LEFT, CENTER ATAU RIGHT); padding: 5px; margin: 6px

sixth, PASTE CODE DI ATAS dan letakkannya DI BAWAH CODE .POST FOOTER { seperti gambar di atas.

seventh, PREVIEW TEMPLATE terlebih dahulu. kalau dah puas hati, bolehlah terus SAVE TEMPLATE.

sebenarnya ada lagi tutorial yang 
melibatkan post footer. tapi, anies 
tunjukkan yang simple je supaya 
yu ols tak pening. so, kalau ada 
yang tak faham, beritahu ek! 
selamat mengedit! ;-) 

Feel Free To Share

#

Echoes Of The Past: Old Stories Retold

18 Words of Lo♥e

  1. Puan Yaanie6 December 2015 at 12:43

    xdpt copy code. ^^

    ReplyDelete
  2. Puan Yaanie6 December 2015 at 12:44

    xdapat*

    ReplyDelete
  3. Mardiah Diana6 December 2015 at 12:47

    Salam singgah hujung minggu anies....diana kalau pasal edit² blog ni memang sangat lemah anies...suruh yang pakar jer tolong editkan...hihi

    ReplyDelete
  4. SalbiahM6 December 2015 at 14:58

    menarik!nanti nak try..thanks share!

    ReplyDelete
  5. Wak Lat6 December 2015 at 16:12

    wahh rajinnyer buat tutorial., kipidap ;)

    ReplyDelete
  6. Nurul Shahira7 December 2015 at 08:57

    Hehe. Tq. Tutorial yang simple, mudah untuk diikut :)

    ReplyDelete
  7. Mizz Aiza7 December 2015 at 09:06

    Bagus tutorial ni anies..

    ReplyDelete
  8. Unknown7 December 2015 at 09:19

    nice! boleh try ni aniss

    ReplyDelete
  9. paridah7 December 2015 at 10:43

    BAGUS TUTORIAL ANIES NI TQ...

    ReplyDelete
  10. Ahlam Miera Shafie7 December 2015 at 11:51

    thnaks sharing.. nanti free Ahlam nk try buat.. hehehe

    ReplyDelete
  11. Zie Has7 December 2015 at 21:49

    tq anies sbb share :) ...

    ReplyDelete
  12. Qaseh Vee7 December 2015 at 23:27

    sdg fikir , sis punya center ke idak ... heheheee

    ReplyDelete
  13. Cikna8 December 2015 at 06:43

    Yang simple ni pun dh buat Cikna pening,huhuu...

    ReplyDelete
  14. Azlia Bashir8 December 2015 at 08:28

    thanks sharing anies..

    ReplyDelete
  15. Nina Mads8 December 2015 at 23:14

    nice sharing dear ! heheh

    ReplyDelete
  16. Farrah MF9 December 2015 at 09:58

    Baguslah tutorial kat sini. Senang nanti saya nak godek blog refer kat sini je :)

    ReplyDelete
  17. Fidah Shah9 December 2015 at 21:06

    Part2 html ni saya simpan dulu..nanti nak guna saya datang lagi

    ReplyDelete
  18. Cik Ash10 December 2015 at 17:02

    Nk try buat tapi takut nk edit hmtl ni guna hp ni

    ReplyDelete

☆*✲ﾟ*｡(((´♡‿♡`+)))｡*ﾟ✲*☆

yea yea...
mekacih korang!
nanti anies BW ya!
mungkin lewat BW..
tapi yang PASTI,
anies tetap akan
TERJAH blog korang!

☆*･゜ﾟ･*\(^O^)/*･゜ﾟ･*☆