Skip to content
Mar 2 / aizuddin

(Tutorial) Cara Sembunyikan Shoutbox Di Sidebar

TUTORIAL sembunyikan shoutbox di sidebar

Sekarang dah jadi trend pulak nak sembunyikan shoutbox kat blog masing-masing. Dulu aku ada ternampak kat satu blog. Tapi aku dah lupa kat mana. Time tu macam tak menarik je tengok. Tapi bila ramai yang dah pakai. Baru nampak cambest bila ada shoutbox yang tersembunyi ni.

Macam unik sangat bila ada shoutbox yang tersembunyi ni. Kalau nak lagi unik, korang sembunyikan lah sekali semua benda kat sidebar blog korang. Termasuklah nuffnang, advertlets dan innity korang. haha. Bergurau~

Tutorial ni boleh guna di blogspot dan wordpress. Jangan risau, senang je. Hanya copy paste je code kat bawah ni. Kalau pandai edit, edit lah apa yang patut. Rasanya tak edit pun dah cukup cun.

Dapatkan code di sini.

*Jangan lupa masukkan code shoutmix atau chatbox korang sekali. Kalau tak masukkan, macam mana nak ada kotak menjerit tu kat blog. hehe.

  • Cara nak letak di blogspot :

Login dashboard blogger.com korang > layout > page elements >add a gadget (ruang sidebar)> pilih html > copy paste code kat atas >save

  • Cara nak letak di wordpress :

Login dashboard > pilih widget kat sidebar > drag text kat sidebar > copy paste code kat atas > save

*Title biarkan je kosong. Tak payah isi apa-apa.

  • Editing
  1. Tukar warna tab

Kalau nak tukar warna tab perkataan shoutbox boleh amik url colour kat link di bawah ni. Aku dah tolong hostkan sekali.  Original colour adalah warna hijau.

Nak lagi pilihan warna tab shoutbox, dapatkan di sini.

Caranya :

Cari perkataan background :url > Tukar url original colour dengan url colour yang korang nak.

2. Tukar ketinggian

Cari perkataan top, dan tukar kepada ketinggian yang korang nak. Contoh 10px, 20px,30 px…

3. Tukar saiz

Tinggi : tukar nilai dekat height. Contoh 10px, 20px,30 px…

Lebar : tukar nilai dekat width. Contoh 10px, 20px,30 px…

P/s : Kalau nak tukar warna lain guna photoshop pun boleh. Senang aje. Akan datang lah buat tutorialnya. Dah cukup panjang dah ni. huhu. Selamat mencuba~

Credit : anarm, pisyek

Related Posts with Thumbnails(Tutorial) Cara Sembunyikan Shoutbox Di SidebarShare

74 Comments

leave a comment
  1. JundullahOsman (2 comments.) / Apr 27 2010

    Thanks a lot
    tutorial yg selama ni di cari2. he
    JundullahOsman´s last blog ..Kilat Menyambar di Puncak Letusan Iceland My ComLuv Profile

  2. Che Izz / May 23 2010

    kalau yang guna wordpress.com bleh guna juga tak code di atas tu? saya buat tak jadi pun. bila view balik, semua code tu kuar balik.

  3. diba (1 comments.) / May 24 2010

    tutorial dr pakar kan…mesti le tnjukkan link kt ctu…t rmi dtg blog ko nk wat sembunyi2 ni…hhuhuhu :) diba´s last blog ..cara-cara buat anak yg comel….blurp2…. My ComLuv Profile

  4. cyberboy (1 comments.) / Jun 8 2010

    az,mcm mana nak buat shoutbox macam az tuh,ada kepala orang jew tuh….(mintak balas).. :[ cyberboy´s last blog ..WoW!!Topotato Dapat RM1000 Dari Nuffnang Buat Sepertamakalinya My ComLuv Profile

  5. ardzham (1 comments.) / Jul 3 2010

    Terima kasih sediakan tutorial ni, dah lama tengok kat blog orang lain “macam lawa jer” dan juga jimat ruang di side bar. Jadi nak ikut jugaklah.
    ardzham´s last blog ..Uric Acid- mee bandung- sambal tempeMy ComLuv Profile

  6. aidiSengalUbi (5 comments.) / Jul 3 2010

    owh…thnx bro…akn dicuba seketike nanti….:D
    aidiSengalUbi´s last blog ..Day 21 -amp 22My ComLuv Profile

  7. ohbelog (1 comments.) / Jul 19 2010

    tq tip yang bagus! admin nak mintak izin repost kat blog aku leh x
    ohbelog´s last blog ..Oh! Belog- Sudah Do followMy ComLuv Profile

Trackbacks and Pingbacks

  1. Shoutbox
  2. Cbox
  3. c.h.e.r.i.t.a.n.a.d.i.r.a.: JOM LETAK SHOUTBOX KAT TEPI/HIDDEN SHOUTBOX DI BLOG ANDA
  4. aku BLOG download: Koleksi Tab Shoutbox berserta link tutorial sembunyikan shoutbox | Facebook
  5. Koleksi Tab Shoutbox berserta link tutorial sembunyikan shoutbox | Oh! cerita
  6. 。◕‿◕。 ThE LoVe ThaT We BuiLd TogeTheR 。◕‿◕。: really nice...
  7. Genuine Oh Genuine | caerstory
  8. Proton EMAS: New Proton Concept Car at Geneva International Motor Show with Pictures by IzzatRuslan.com
Leave a Comment

CommentLuv Enabled
:p 8) :lol: =( :8 ;) :(( :o: :[ :) :D :-| :-[) :bloody: :cool: :choler: :love: :oups: :aie: :beurk:


[close]
Real Time Web Analytics