Cara menyesuaikan gambar Lightbox di Blogger

Cara mengganti gambar Lightbox di Blogger - Baru-baru ini, saya menunjukkanbagaimana untuk menonaktifkan gambar Lightbox, tapi saya belum berbicara tentang cara untuk menyesuaikan gambar Lightbox di blogger. Karena, blogger adalah sebuah platform yang fleksibel kita dapat menimpa ada Lightbox Stylesheet untuk menyesuaikan dan membuatnya terlihat mirip dengan situs Anda. Ini memberi Anda kebebasan cukup untuk mengubah gaya Lightbox sesuai dengan kebutuhan yang Anda inginkan. Pada artikel ini, kami akan menunjukkan Bagaimana untuk menyesuaikan gambar Lightbox di Blogger.


Sebelum kita mulai bekerja dengan tutorial sayai, saya telah mengumpulkan dua screenshot di bawah ini menunjukkan bahwa bagaimana Lightbox Anda akan muncul sebelum dan setelah menerapkan penyesuaian. Ini tentu akan terlihat lebih elegan dan dipoles.

Sebelum :


Sesudah :



Nah gimana ? bagus kan.. ok untuk cara memasangkannya sih mudah sekali teman.
  • BLOGGER >> TEMPLATE >> EDIT HTML
  • Lalu cari kode ]]></b:skin> , lalu copy kan kode dibawah ini tepat diatas kode  ]]></b:skin> 
/* Blogger Lightbox Dindin Rosidin
———————————————– */

/* Background Color */
.CSS_LIGHTBOX_BG_MASK {
background-color: #ffffff !important;
background-image: url(image-url-address) !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(image-url-address) no-repeat !important;
width: 24px !important;
height: 24px !important;
}

/* Thumbnails Bar Color */
.CSS_LIGHTBOX_FILMSTRIP {
background-color: #eaeaea !important;
border-top:1px solid #d2d2d2!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;
} 
Nahh sekian Cara menyesuaikan / mengganti gambar Lightbox di Blogger :) Semoga bermamfaat.

7 Responses to Cara menyesuaikan gambar Lightbox di Blogger

  1. Terima kasih nih harus di coba nih triknya :)

    ReplyDelete
  2. walah ganti template lagi bang didin :D

    ReplyDelete
    Replies
    1. hehe iya nih ganti template :).. Abiss yang sebelumnya tampilannya gelap :D saya ganti aja sama yang putih :D

      Delete

Hallo :) Please don't span and share link in comment.