Customize Blogger Lightbox

Apa sih lightbox pada blogger itu? Lightbox bisa anda jumpai saat anda mengeklik gambar diatas. Akan muncul seperti popup yang berupa gambar. Lightbox pada aslinya, backgroundnya berwarna hitam transparant. Tetapi disini anda lihat warnanya putih? Mengapa? Karena saya sudah merubah model lightbox yang lama jadi lightbox yang baru! Nah, caranya bakalan saya terangkan kali ini.

Bagian-Bagian Lightbox

Cara Mengubah Background dan Style Lightbox

1. Login ke akun Blogger anda.

2. Masuk ke Template > Edit HTML

3. Cari kode ]]></b:skin> . Lalu tambahkan kode ini tepat sebelum kode ]]></b:skin>.

/* Blogger Lightbox
----------------------------------------------- */

/* Warna Dasar */
.CSS_LIGHTBOX_BG_MASK {
background-color: #ffffff !important;
opacity: 0.8 !important;
filter: alpha(opacity=90) !important;
}

/* Border Gambar */
.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
outline: 0px solid #fff !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}

/* Tombol Close */
.CSS_LIGHTBOX_BTN_CLOSE {
background: url(alamat-gambar-tombol-close) no-repeat !important;
width: 24px !important;
height: 24px !important;
}

/* Thumbnails Bar Color */
.CSS_LIGHTBOX_FILMSTRIP {
background-color: #eaeaea !important;
}

/* Warna Teks */
.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {
color: #000 !important;
}

/* Index Info (number of images) */
.CSS_LIGHTBOX_INDEX_INFO {
color: #555555 !important;
}

4. Klik Save Template

Tara...!! Lihat perubahannya!