Utama Inspirasi Tutorial
  • Freebies
  • Hubungi
Perhatian: Ini adalah blog peribadi. Sebarang pendapat yang diluahkan di sini adalah dari moderator sendiri, tidak melibatkan mana-mana pihak kecuali jika mederator meletakkan nama pemiliknya (sumber). Pendapat penulis tidak semestinya kekal. Terima kasih.

26 October 2011

Cara letakkan chatbox/shoutbox di header blog (Tutorial)

Assalamualaikum semua..
Selamat menyambut hari raya deepavali pada bangsa indian.. Bangsa lain pun boleh raya jga kn.. Satu Malaysia la katakan.. ^__^
Okey2.. sebelum Armz melalut tah kemana, lebih baik kita terus ke main story. Atas pertanyaan dari kawan Armz ni,  Nashriey Nash nama nak glemer*** hahaha


maka dengan senang hatinya Armz nk ajar korang semua cara letakkan chatbox/shoutbox di header blog. Caranye rumit sikit.. Follow baik baik yer apa yg akan Armz ajar guna ayat cikgu tadika sat.

Part 1. Sebelum tu, bg yg belum signup shoutbox, korang boleh dapatkan disini. Lepas je signup dapatkan code shoutbox tersebut.

Part 2. Yang paling penting korang kena la design header blog korang macam contoh header yang Armz pernah buat dulu.(header edisi kemerdekaan )

 
Upload gambar header korang pada Posting. Ini untuk memudahkan korang dapatkan url link gambar header yg korang buat tadi. Tak tahu macam mana nk dapatkan url link gambar pada post, korang boleh tengok cara nak dapatkan url gambar dengan senang.

Part 1 dan part 2 (ok) da siap, ikut part seterusnya.

Part 3. Copy dan paste-kan code dibawah ni pada Html/JavaScript. Caranya open Dashboard > Design > Page elements > Add a gadget > Html/JavaScript. (pastikan korang letak pada kolum paling atas. Bukan pada sidebar atau main kalau tak faham yg ni, kena tanya Armz). Rujuk gambar dibawah ni pon boleh.


Ini code yg korang kena copy dan paste.

<div style="background-image:url(URL HEADER); background-repeat:no-repeat; width:1000px;   height:500px;"><div style="margin-left:200px; margin-top: 45px; padding-left: 344px; position: absolute; x-index: 300;">
<div style="border: 0px ridge #1569C7; height: 160px; width: 320px;"> LETAK CODE SHOUTBOX KORANG DISINI </span></div></div>

Keterangan:
URL HEADER = letakkan url link gambar (part 2) di sini.
LETAK CODE SHOUTBOX KORANG DISINI = letakkan code shoutbox (part 1) di sini.
width:1000px = lebar gambar header
height:500px = ketinggian gambar header

yang ini mencabar kesabaran korang, satu je pesanan aku "usaha tangga kejayaan" sempat lagi tu
margin-left:200px, margin-top: 45px, padding-left: 344px. Korang kena adjust sendiri kedudukan chatbox tdi biar betul betul berada macam yang korang nak.

Bila dah berpuas hati, klik preview. Bila dah rasa ok,cun, ngam boleh la klik save.
Sampai sini tutorial Armz. Jadi selamat menghias blog korang.

Maaf!!! penggunaan "Aku" pada yang lebih tua.

0 00 komen spontan!!....Dah baca? Komen jom.:

Kategori entri

18SG 18sx Adik Yuen advertlets agama islam anjing Apek bersara apple Artis Artwork awek cun awesome Ayah Pin ayam babi baju hijau bapa mithali baucar RM200 bedah Believe it berita berita live bersin berzina besi pagar bibir tebal bilik tidur blackberry blackberry harga murah blog blog aku blog pilihan Blog tutorial blogwalking Bola sepak Malaysia bontot budak budak 2 tahun budak 2 tahun digilis van budak buat hubungan seks budak nakal budak perempuan budak pompuan 7 tahun ajar budak lelaki 5 tahun Bulan cara letakkan chatbox/shoutbox di header blog cara memasak cegah jerawat cerita baru cerita lawak cermin Cinta muka buku Cinta muka bulu computer care Coretan Cybersec Crew darah design doktor Dosa download emak berzina dengan anak sendiri emas Evo 10 exam facebook facebook berdosa Fake HDR fakta FAM kena hack Filipina full movie gaduh gambar ic gelak geli geram gigit hackers harga tiket naik HDR tutorial Hiburan hot ballon ibu ikan ikan dan manusia ikan pelik Iktibar Info Jadi ahli facebook berdosa jalan jepun jepun tidur jessica rabbit join contest Join segmen Join segment JPS Kedah kaabah kantoi kembar kena bunuh kencing malam kerajaan beri baucar buku. baucar buku kerajaan langit kereta terbakar ketam Khairul Fahmi (apek). Kim swee komputer kristian Lagu melayu laman digodam lampu landasan lapangan terbang lawak lelaki lelaki macho ludah lukisan paku magic Maharaja Lawak akhir Maharaja Lawak Final maharaja lawak mega minggu kedua maharaja lawak mega minggu pertama mahasiswa main piano malaysia lawan indonesia malaysia menang manipulasi manusia binatang manusia pelik Marco Simoncelli Marco Simoncelli maut di litar sepang mat luthfi mati katak menakutkan mengarut monyet MotoGP Malaysia 2011 dibatalkan motorsikal unik movie movie baru MP3 mr.ben kemalangan Najwa Latif News ngeri nuffnang OMG orang asli page view pameran lampu pasukan bola sepak malaysia pencuri pendapat pengsan perempuan perempuan bertudung perempuan seksi perlumba permainan Photoshop tutorial pingat emas malaysia pontianak pop islamic singer Poster movie Pramugari putrajaya que haidar rogol sakit sami yusuf sayap merah sedap selipar jepun SEO seram serangga signboard jalan songlap sony ericsson stress suami sukan sea 2011 sushi tak senonoh tangisan ustazah tayang depan camera terkeluar taik tertembak bapa mentua ketika memburu tiada jari tidur Trailer tudung tupai Tutorial Umno undang-undang china ustazah pilihan Video View Entertainment vokal bukan sekadar rupa wallpaper islam wallpaper ramadan watak kartun Wayang widget wordless wednessday World zakar zakar putus Zizan Raja Lawak