19 December 2012

Tutorial : Footer Blog Mine Version

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..


Since ramai yang dah tanya, dan saya pun dah naik rimas nak jawab, so saya pun buat la tutorial ni. Walaupun agak lama ya. Sorry la membuatkan anda tertunggu-tunggu sampai ada yang buka page source sebab tak sabar. Macam dengan Pffttt je orng tu. Saya kenal awak ya. *jeling*


My own codes. Please DON'T RE-POST without my permission!

**Untuk pengguna template Denim/Washed Denim/Minima etc shaja. hehe. Sorry Simple, Window, Ethearealllll dan lain2 lagi Template user :(



1. Blogger > Layout > Add A Gadget (amek yang bawah sekali ye) > HTML/JavaScript
2. Copy codes ni dah pastekan di ruangan HTML/JavaScript
<center><div style="width:910px; style:font-size:12pt; color:#fff; background-image:url('URL BACKGROUND'); height:80px;">
<br /><br />
<div style="background:#000; width:100%; filter: alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50;">
<b><span style="color: #FF0000; font-size: large;"> Terima Kasih sudi Singgah. ^^</span></b><br />AYAT ANDA </div></div></center>
Oren : Tukarkan 910 ni mengikut kelebaran blog anda ye
Biru : Letakkan URL/Link Background anda suka.
Hijau : Tukarkan kepada warna yang anda suka. boleh cari di http://www.colorpicker.com/
Merah : Tukar mengikut kreativiti masing2


3. Save. Lepas tu ada kosong ni kan? Ha. Korang pergi pulak di Template > Ctrl+F serentak ataupun tekan je F3 di keyboard dan Search
#footer .widget {
4. Bawah tu ada codes ni kan?
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
Delete codes tu dan GANTIKAN dengan
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
So, nanti akan jadila macam ni :
#footer .widget {
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
5. Preview dulu baru save ya.

Penat aku tulis. komen la sikit.... huhu Jadi tak? :) hehe
Assalamualaikum

26th Birthday Giveaway by ShidaR!
Dress and Domain Giveaway!
Posted at
In

22 comments:

  1. Hazirah Muslim19 December 2012 at 15:24

    tq for the tuto :)

    ReplyDelete
  2. Alia Syuhada19 December 2012 at 19:41

    jdi..tp dia pndek mcm xsama pnjang ngan body blog tu..nk buat cmne eh?

    ReplyDelete
  3. Adam Faiz19 December 2012 at 20:22

    Jadi :) thanks ..

    ReplyDelete
  4. faqihahhusni19 December 2012 at 20:23

    @Alia Syuhada Awak tak nampak ke yang saya highlight 910 tu? tukarkan kepada kelebaran blog awak la

    ReplyDelete
  5. cik lisa19 December 2012 at 22:43

    thanks qihah ;)

    ReplyDelete
  6. Shida Radzuan20 December 2012 at 01:16

    nice tutor fagihah :)

    ReplyDelete
  7. Budakkacamata20 December 2012 at 02:24

    Terima kasih qihah sebab buat tutor ini.rajin qihah buatkan.btw lawa design blog yang baru ni :D

    ReplyDelete
  8. Fatimah Azzahra20 December 2012 at 08:28

    Faqihah, tk junpe la code footer widget tu HELP ME !

    ReplyDelete
  9. Alia Syuhada20 December 2012 at 15:52

    eh,xnampak..hehe..sorry..

    ReplyDelete
  10. Razali's daughter20 December 2012 at 18:57

    thanks qihah :)

    ReplyDelete
  11. ✿Hadifah Sabri✿21 December 2012 at 12:11

    thanks Qihah. Dah jadi ^^

    ReplyDelete
  12. Nurrul Hazieqah22 December 2012 at 17:24

    Nice one ! !
    Nurrul nak cuba ! :)

    ReplyDelete
  13. Hawa Faqihah25 December 2012 at 07:33

    terima kasih qihah :)

    ReplyDelete
  14. // zaty25 December 2012 at 15:10

    #footer .widget { tu takder pun kihah

    ReplyDelete
  15. Ayen27 December 2012 at 08:41

    MENJADI. Thanks kihah ^^

    ReplyDelete
  16. Nazurah Zurah28 December 2012 at 02:19

    Bestla tuto ni :>

    ReplyDelete
  17. Diana Rahim19 January 2013 at 14:52

    kihah, kenapa bila saya nak ganti kod font-size: 85%;
    line-height: 1.5em;
    text-align: $startSide;
    background dia jadi transparent ye?

    ReplyDelete
  18. Suwardi21 January 2013 at 14:07

    Terlalu banyak Getgates mempengaruhi beban muat (loadingBlog).

    ReplyDelete
  19. Anonymous24 March 2013 at 05:21

    saya guna tuto nih eh :)

    ReplyDelete
  20. safizah29 March 2013 at 12:56

    tq;)

    ReplyDelete
  21. Rainbowish Art19 May 2013 at 18:16

    ainin guna. ty :)

    ReplyDelete
  22. Asma' Sah21 May 2013 at 20:26

    Thanks Kihah ,jadi la .. Boleh nk share dekat blog ?Tapi Asma' credit kt kihah :D

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)