19 January 2013

Tutorial : Shoutbox Style Mine Version

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..


This is my own codes. Don't Repost without my permission

Ni untuk pengguna cbox, shout busuk, fibox dan apa-apa saja lah! ^_^
**Perhatian kepada pengguna cbox, sebelum buat ni, pastikan background cbox anda dah putih ya. Taknak transparent :) Kalau transparent, log in acc cbox anda di www.cbox.ws > Look & feel > Colours & fonts. Di bahagian Form BG, Main BG dan Alt. BG, pastikan letak background ya. pastu Apply :)

Template Designer 

1 Dashboard > Layout > Add A Gadget > HTML/JavaScript
2 Copy codes di bawah ni dan pastekan di ruangan tersebut
3 editkan apa yang patut
4 Save

Classic Template (blogskin)

1 Dashboard > Template
2 cari tempat yang sesuai yang anda nak letak
3  editkan apa yang patut
4 preview dan save

<center><div style="background:url(http://i.imgur.com/40EdC.png) repeat; border:1px solid #fff;padding:5px;">
<div style="border:1px dotted #A9BCF5; background:#FAF7DE;  padding: 5px;">Spread Your Words Here.<br/>be nice ♡.<br />
Codes shoutbox anda di sini<br /></div></div></center>
  • PASTIKAN Codes Shoutbox Anda tu kurang 15px daripada width/lebar sidebar anda. Contoh lebar sidebar anda 250px, width di shoutbox anda hendaklan 250-15= 135px. Paham? :) untuk cbox, ada 2 width dia, ubah dua-dua codes ok?
  • HIJAU ni url background. kalau tengok gambar di atas, background dia ialah Rainbow tu. Tak ubah tak pa :)
  • BIRU untuk warna border. Boleh cari codes warna DI SINI
  • PINK untuk background dia. (kalau tengok gambar di atas, backgroundnya warna peach/cream sikit :) Boleh cari codes warna DI SINI

Yang tu je ubah okay. Kalau tak paham boleh komen di post ni atau di tab Ask (ada di sidebar). SERTAKAN SEKALI URL BLOG ANDA YA.
Assalamualaikum.
Posted at
In

21 comments:

  1. Unknown19 January 2013 at 11:44

    Saya guna tuto ni. Thanks menjadi! =)

    ReplyDelete
  2. Suwardi Gagal Ganteng19 January 2013 at 13:25

    Tuto yang Nice, Sedap pula di pandang.. Thanks..

    ReplyDelete
  3. Cynthia Lee19 January 2013 at 15:12

    im using :)

    ReplyDelete
  4. anshmnf19 January 2013 at 15:15

    Thanks qihah.Dah jadi :)))

    ReplyDelete
  5. Amanina19 January 2013 at 16:49

    try tuto ni kihah :) terima kasih ! :-)

    ReplyDelete
  6. Unknown19 January 2013 at 17:07

    Thanks kihah :) JADI :D Nak request tuto mcm mana kihah buat double line kat sidebar tu?

    ReplyDelete
  7. ibra19 January 2013 at 18:29

    kihah, napa 250-15=135?
    salah,

    saya tk phm

    ReplyDelete
  8. Yuii19 January 2013 at 19:19

    Using this ^_^

    ReplyDelete
  9. Nazurah Zurah19 January 2013 at 21:57

    Tuto yang bagus !

    ReplyDelete
  10. najiahs19 January 2013 at 22:00

    kreatif la adik nie

    ReplyDelete
  11. Anonymous19 January 2013 at 22:26

    Using this tuto. Terima Kasih :-)

    ReplyDelete
  12. Miss Short20 January 2013 at 07:33

    ummu guna tuto ni okeyy ? thanks~

    ReplyDelete
  13. Anis Amila20 January 2013 at 09:31

    Terima kasih Kihah ! menjadi . :)

    ReplyDelete
  14. Ƞurul Ƨyafiqah20 January 2013 at 12:03

    Guna tuto ni.. Thanks Qihah, budak comel ! :D

    ReplyDelete
  15. Shida Radzuan21 January 2013 at 00:10

    mst ramai yg cnfius dgn kod "px" tu hehee..

    ReplyDelete
  16. Farah Arina24 January 2013 at 17:16

    Saya guna tuto ni, k. :) Thanks. :)

    ReplyDelete
  17. Dyna Kahar Sham10 February 2013 at 14:37

    saya guna tuto ni , lawa lahh :D thanks qihah :)

    ReplyDelete
  18. Nur Aisyah16 February 2013 at 16:22

    Saya guna tuto awk . Mekasih :)

    ReplyDelete
  19. Marha Amni13 April 2013 at 14:33

    thanksss banyak banayak

    ReplyDelete
  20. Aennathirah12 May 2013 at 21:39

    sy guna yer..thanks..

    ReplyDelete
  21. FathynRzk20 May 2013 at 00:06

    saya guna tuto ni ekk.. thank you !! jadiiii......

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)