Jumat, 12 April 2013

Cara Membuat Lightbox images Di blogger

Apa Itu Lightbox images , Lightbox itu Sejenis Pop Up, tapi Bukan Pop Up, Saudara nya Pop Up kali ya, Kira" Sih gitu. Saya juga Kaga tau, Heeheheh
yang pastinya  Lightbox Images itu Jika Di Click pada Images, Image Akan Tampil Tanpa Harus Membuka Link Pada Gambar Tersebut

Susah eey Jelasin nya, Untuk Lebih Jelas nya Click Aja Pada Images Yang Saya Sediakan Di Bawah Ini
Cara Membuat Lightbox images Di blogger

Cara Membuat Lightbox images Di blogger


Nah, udah pada paham kan apa itu Lightbox images.
Lightbox images Ini Sangat Cocok untuk Blog Galery, tapi blog Biasa kaya blog Saya Ini Juga Kaga Masalah.!

Terus Bagai mana Cara  Membuat nya ?? 
Cukup Mudah Ko Cara Membuat Lightbox images ini

1. Login Ke blogger Anda, Click Pada Template lalu Click Edit HTML

lalu Letakan CSS Code Di Bawah Ini Di Atas Code ]]></b:skin>

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

/* Background Color */
.CSS_LIGHTBOX_BG_MASK {
background-color: #ffffff !important;
background-image: url(url backgroud lightbox ada) !important;
opacity: 0.8 !important;
filter: alpha(opacity=90) !important;
}

/* Images Border */
.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;
}

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

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

/* Text Color */
.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {
color: #000 !important;
}

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

Save template Anda, Da Liat hasil nya.

Selamat Mencoba !