13 Jun 2011

Buat Background Shoutmix

Assalamualaikum dan salam sejahtera semua.Mohon maaf kerana lama menyepikan diri.Hari ni aku mahu kongsi pasal nak buat backgound untuk shoutmix.Langkahnya senang je.
1.Anda mestilah mempunyai akaun shoutmix.Kalau xde boleh daftar sini.
2.Copy kod di bawah.
<center>
<div id="edited" style="width:250px; height:400px; background:url(http://www.soiphone.com/uploads/200902/f/1235098340.jpg) no-repeat left top; padding-top:-5px; padding-left:0px; position:relative" align="center">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe frameborder="0" title="PANDUANBERBLOG" height="400" src="http://www.shoutmix.com/?jinaljamal" id="r" style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55; display:block; " scrolling="auto" width="250">
<a style="" href="http://www.shoutmix.com/?jinaljamal">View shoutbox</a>
</iframe>></div>
<!-- End ShoutMix --></center>
3.Paste kod diatas kat add a gadget =>HTML/Javascript..
4.Kod Hitam ialah saiz shoutmix korang.Jadi ubah ikut citarasa sendiri.
5.Kod Hijau tu ialah link gambar untuk dijadikan background.Korang boleh letak gambar sendiri ikut saiz shoutmix.
6.Kod Merah ialah untuk tajuk blog.
7.Kod Oren ialah link shoutmix korang.Jadi kena ubah.
8.Dah ubah semua.korang boleh save..

Korang boleh try link gambar kat bawah ni jgk.
-http://www.bestiphonewallpapers.com/bulkupload/081109/Cartoon/PinkHelloKitty.jpg
-http://www.dreamstime.com/blue-background-thumb2315107.jpg
-http://www.dreamstime.com/floral-background-thumb4863792.jpg

kredit to http://chekguisza.blogspot.com

6 ulasan:

  1. wahhh .. da lme nk wat cm nih ... mekasih

    BalasPadam
  2. salam ,...ta dpt wat .. pstuh shoutbox kua kt sidebar ... tak hide ... nk tnye , cm ne nk tau shoutbox id kte ? sy terlupa psword ngn id ... tq

    BalasPadam
  3. @Yunnan Sarah
    kalau keluar dr sidebar ubah je saiz width dan height.
    tambah je nama yang didaftar.
    cnth:http://www.shoutmix.com/?NAMA

    BalasPadam
  4. Ulasan ini telah dialihkan keluar oleh pengarang.

    BalasPadam
  5. Thanx yer..
    http://duniaku86.blogspot.com/

    BalasPadam
  6. terima kasih atas tutorial berharga sedara

    BalasPadam