ADMIN Effendi-Dmth.blogspot MENGUCAPKAN SELAMATMENYAMBUT HARI RAYA IDUL FITRI 1433 HIJRIAH MOHON MAAF LAHIR DAN BATIN

Saturday, August 25, 2012

Cara Membuat Hiden - Show Chat BOX Kanan / Kiri

Cara Membuat Hiden - Show Chat BOX Kanan / Kiri
Biasanya memasang Hidde / Show Chatboxblog jika blog kita penuh dengan berbagai macam gadget, iklan dsb.. 

Berikut langkah-langkah memasangnya :

1. Login akun blog anda
2. Masuk pada Tata letak (layout)
3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia

Kode hidden/Show chatbox di sidebar Kiri


Kode hidden/Show Chatbox di Sidebar Kanan
Berikut keterangannya.. 

1. top:100px = keterangan jarak icon hidden chatbox dari atas (top) sejauh 100 px
2. height:100px = tinggi (height) tampilan icon hidden chatbox yang sebesar 100 px
3. width:30px = lebar (width) tampilan icon hidden chatbox yang sebesar 30 px
4. border:2px solid #003e82 = warna (solid) dan ukuran border yaitu #003e82 dan border sebesar 2 px
5. background:#f3f6f7 = warna background pada chatbox saat ditampilkan
6.background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAkDIxPRa1Pw6dw93fRpdckuXfSzRfUdG7mG5T0vzOTiPTlxosOG9nzxg5GQICVIBLlvBAZvDTD_8rHZj_-jnAXzE7j5R1fXcrbFaEnq-LrjBWsM6SFN4sX8ce_9Lww6eXQ81YEIcV0fw/s400/cbblue.png') no-repeat = icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan


Di bawah ini adalah gambar icon Chatbox, pilih sesuai selera anda :



background:urlbackground:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tKGjRXMRQdONq5euyUprf9At_lPpOWmuBEOt1a0d-gT3DBhllYj6Z05h9JsNR4hCPYJoPfH4Z-45wwjucz-RXguAUtLfKGBPVA6t-dNXXvyli1m-GKd8ZmkS-3BAS81cqMmvML9iPSOm/s1600/cbblue-2.png')Warna border #0079a0 








background:url
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMiHgowG0AZBB7igJVDTiq-7P9lHjgjgmRVXXgKC5aLbSHMdK9l3IUKLM-sMKFXhonwAZ51saR8vAlUN3ap6NcmVu7_MTUkpHI9l2i1VWkInr6zRI2ouYvWHxUgZEZErgteisdOrwlocUp/s1600/cbgreen.png')
Warna border #008232Warna border #008232
background:urlbackground:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZdTaAnp1rkha0qqYai0RamF1-EB-xrUcna90B8_AszlcY5Tdy-8VS6m7w7Sf1kV1mXaMtzcIgVWyt5bW9oIvnBKaqcy4arOob6_lRW_qG3IA9W9HnAS9KqL3c6IZuqdFsjiM-Cln6Tuf4/s1600/cbyellow.png')
Warna border #aca500
Warna border #aca500
background:urlbackground:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFSWKfJL3ZDLq8Dxrv0PRmf2N5ipxqf6PWbwND1hPjgyQy2E3RhXhCbORLy_VXXUGvMPgyMbQzKDMqsyLjyj_viXCvFMQrbULkhmsmYwIvfb13K_nY-I-x1lVGYBJT0cjOUl0vbUvyblnZ/s1600/cbred.png')
Warna border #790909
Warna border #790909


Artikel terkait:

Ditulis Oleh : Unknown ~ Hidup Akan Terasa Indah Bila Saling Berbagi

Artikel Cara Membuat Hiden - Show Chat BOX Kanan / Kiri ini diposting oleh Unknown pada hari Saturday, August 25, 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

SUBMIT YOUR SITE 4 FREE

1 comments:

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

 
Related Posts Plugin for Effendi DmTh,