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
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
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 !