Saturday, 17 January 2015

Tutorial : Shoutbox background (my style)

Assalamualaikum...
Oha readers~

 another request! from Misaki-senpai~
LIVE PREVIEW

** saiz background kena ikut kelebaran sidebar blog masing-masing.
** style bacground Fara ialah floating shoutbox on background (pffttt xD)
** sebelum buat, Pastikan background cbox transparent. Ikut kreativiti sendiri. Jangan trasparent semua. (costomize kat cbox.ws or apa2 jenis shoutbox yang korang guna)
** sila baca betul-betul.


1.Sign in> Dashboard >layout > add gadget >html/java script

2. Copy codes below. Paste at html/java script.
  (Fara sarankan edit code kat sini dulu sebelum paste kat html/java script )
<center><div id="edited" style="width:250px; height:270px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSt9mrH6rnh7LJ4_pTbDOA7GnZ59mUZlKQFQOUg-IoFmhNHvN-MwrS5FBoBoo_E0by32IVWWLc0RKwKcYBDEqtDkGAFJ5hsVaeQlQiAFsNwmCDoOsuJ8wUJW0u04zBS9hSD4bgDRicu4Q/s1600/toushiroshout.png) no-repeat left top; padding-top:40px; padding-left:0px; position:relative" align="center">
**replace this with cbox / shoutbox  code**saiz shoutbox mesti kecil dari background**
</div></center>
PENTING.
*** ubah saiz background ikut saiz sidebar korang. Kalau dah ok tak payah ubah
*** url background
*** jarak kedudukan float x,y (dari atas kiri) cbox
*** kod cbox

3. Done? Save and enjoy ur beautiful cbox bg xD
next tutorial? I'll do it later. I'm sleepy~

gambate ne? Assalamualaikum...

5 comments:

  1. -nice tuto
    -comelnya blog
    -adik jadi mangsa tag akak ^^ http://typensmile.blogspot.com/2015/01/kemmas-huge-ga.html

    ReplyDelete
  2. Arigato~ Fara XDD dah menjadi XD hehe.. cuma bila Misaki letak dekat belah kanan, tempat banyak widget.. chat tuh muncul cuma duduk belakang ahahaha XD

    so pakai belah kiri je lah XD

    ReplyDelete
    Replies
    1. majoriti kalau gadget belah kanan saran pakai kiri la..tak tau la kp gitu. Tapi kalau kiri elok pakai kanan la . Ok lah tu dah berjaya! ^^b

      Delete
  3. kan3 takpe.. nanti Misaki belajar edit kodn tuh tgok :D mana tau boleh pakai belah kanan hehe XD

    yeaayyy.. hehe.. tulah kan.. thanks sesangat ^__^

    ReplyDelete

Finish already?
Do comment my post after reading , dear.
but please one more thing. No unknown. No harsh word.
I will delete unknown comment. Serious talk.