Pasang Background Pada Cbox

Tutorial MampirBro kali ini yaitu cara membuat background pada buku tamu cbox. Sebelumnya saya sudah memposting Cara Menulis Berbagai Variasi Teks Di Cbox. Buku tamu cbox dengan background memang tidak saya terapkan pada blog mampirbro ini, tapi saya terapkan pada blog saya yang lain, yaitu di Ebook.mampirbro.web.id. Bagi sobat yang ingin membuat cbox nya berbeda dengan yang lain dengan memasang background pada buku tamu cboxnya, silahkan dibaca dan dipraktekkan tutorialnya dibawah ini.


Berikut Cara:

• Buka situs www.cbox.ws dan loginlah dengan akun sobat jika sobat sudah membuat akun di cbox. Jika belum, silahkan register terlebih dahulu.


• Pilih menu "Look & Feel" --> "Style Presents".

• Pada bagian layout ini, pilih yang "Transparant". Klik pada layout "Transparant" dan klik tombol "Confirm" hingga muncul status "Save" dibawah tombok "Confirm" tadi.

• Kembali ke menu "Look & Feel" dan pilih "Layout Options".

• Disini sobat bebas mengatur tinggi dan lebarnya widget cbox sesuai selera. Di Cbox saya memakai setingan sebagai berikut:

width: 200
height: 350
Form Height: 117
Centang box Alternative layout
Messages to display : ane pilih 20
Trus klik tombol Save







• Sekarang, klik menu "Publish" Pada menu bagian atas.

• Klik tombol "Copy to Clipboard". Dan copas kode scriptnya ke blog widget html blog sobat.



• Cari kode "<div id="cboxdiv" style="text-align: center; line-height: 0">" (kode ini tepat dibawah kode <!-- BEGIN CBOX - www.cbox.ws - v001 -->). Gantikan kode tersebut dengan kode dibawah ini:




<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(URL GAMBAR SOBAT);width:200px;height:350px;background-repeat:no-repeat;">



*Ket:

• Kode warna merah adalah lebar dan tinggi dari gambar. Disesuaikan saja height dan weight nya dengan widget.


• Kode warna biru adalah url gambar yang dijadikan background. Ganti dengan url gambar punya sobat.

Selesai deh, mudah kan...
Jika cara diatas berhasil, maka sekarang cbox sobat telah terdapat background.
Hasilnya kurang lebih seperti gambar dibawah ini:



Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follow back

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.

Artikel Terkait:

Blog Tutorial

• Alternatif Expand Template Widget
• Cara Membuat Widget Random Article
• Membuat Sendiri Aplikasi Android Untuk Blog
• Membuat Form Kontak Admin
• Pasang Tombol Sharing Lintas.Me
• Membuat Sendiri Aplikasi Symbian Untuk Blog
• Membuat Email Dengan Domain Sendiri Gratis
• Cara Mengarahkan Gambar Google Ke Blog
• Membuat Judul Blog Bergerak Di Browser
• Membuat Anti Select Text Pada Postingan
• Mengatasi Tata Letak Blog Yang Tidak Teratur
• Widget Free Proxy
• Cara Pasang Slider Carousel Di Blog
• Menampilkan Widget Hanya Pada Halaman Postingan
• Pasang Widget Follower Box Twitter
• Widget Random Ayat Al-Qur'an Di Blog
• Membuat Footer 3 Kolom Di Blog
• Widget Random Kata-Kata Mutiara Islami
• Parse HTML Tool
• Cara Praktis Pasang Foto Di Hasil Pencarian Google
• Pasang Meta Tag Friendly SEO Super
• Buat Flash Banner Online
• Cara Pasang Widget Pop-Up Di Tengah Blog
• Cara Upload File Flash Ke Google Site
• Widget Cek Lokasi Dari No.Handphone

tips n trik

• Menampilkan Start Menu Windows 7 di Windows 8
• Mengatasi "Your Computer Is Low On Memory"
• Cara Mengabungkan Subtitle Dengan Film Permanen
• Cara Mudah Test Buta Warna
• Uji Kesehatan Mata Dengan Kuku Kube
• Cara Mengatur Timming Subtitle Film
• Menghilangkan Tanda Panah Pada Shortcut
• Mengatasi Printer Epson T13 Ngeblink
• Game Rahasia Di Utorrent
• Buat Game Flappy Bird Versi Sendiri
• Download Google Play Dari PC Tanpa Software
• Rahasia GodMode Pada Windows 7
• Buat Kalkulator Dengan Notepad
• Tips Merawat Printer
• Buat QR Code Online Cepat & Instant
• Cara Menghilangkan Fake Serial Number IDM
• Mengatasi Toshiba Satellite L510 Sering Restart
• Penyebab Dan Solusi Mozilla Hang
• Trik Mencari Nama Font
• Mengubah Windows XP SP 2 Ke SP 3 Tanpa Instal Ulang
• Menonaktifkan Send Report Error Pada Windows XP
• Cara Buat Brush Photoshop Sendiri
• Pasang Auto Responder Email Pada Yahoo!
• Pasang Auto Responder Email Pada Gmail
• Cara Upload File Flash Ke Google Site