Assalamualaikum wr.wb.
Selamat malam semua.sebelumnya saya sudah berbagi postingan tentang Free download instagram apk dan program daftar nilai mahasiswa di pascal.Dan untuk kali ini saya akan berbagi pengalaman saya yang dulu pernah terjadi dan di alami oleh saya sendiri yaitu Mengatasi masalah Lightbox di blog.Mungkin teman blogger semua sudah tidak asing lagi dengan Light Box tapi untuk blogger yang baru belajar mungkin memiliki masalah.
Disini ada beberapa kemungkinan kenapa light box bisa bermasalah :
> Yang pertama biasanya masalah template (kebanyakan terjadi).
> Lupa mengaktifkan Light Box menjadi Ya cara untuk mengaktifkanya yaitu :
- Masuk ke blog agan > Pilih Setelan > Pos dan Komentar > Tampilkan gambar dengan light box lalu pilih Ya.
Dan jika Tampilkan gambar dengan light box sudah di pilih Ya dan tidak berhasil maka caranya yaitu dengan menggunakan JQuery tutorialnya ada di bawah ini.
Tutorial Cara Mengatasi LightBox Bermasalah di blog dengan menggunakan JQuery.
1. Masuk ke blog agan dulu.
2. Pilih Template > Edit HTML.
3. Cari kode ]]></b:skin> biar cepat gunakan CTRL + F setelah ketemu letakan Script di bawah ini di atas kode ]]></b:skin>.
#jquery-overlay{position:absolute;
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;border-radius: 5px 5px 0px 0px;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0;border-radius: 0px 0px 5px 5px;}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;border-radius: 5px 5px 0px 0px;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0;border-radius: 0px 0px 5px 5px;}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}
4. Inputkan Script di bawah ini di atas tag </body> lalu Simpan Template.
<script src='http://lightbox-blogger.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script src='http://lightbox-blogger.googlecode.com/files/lightbox.min.js' type='text/javascript'/>
<script src='http://lightbox-blogger.googlecode.com/files/lightbox.min.js' type='text/javascript'/>
5. Kembali ke Pilih Setelan > Pos dan Komentar > Tampilkan gambar dengan light box lalu pilih Tidak.
6. Simpan Setelan dan selesai deh maka hasilnya seperti ini kurang lebih.
Mudah kan ? Gampang kan ? Mengatasi Masalah LightBox Bermasalah di blog.
Terimakasih Sudah berkunjung.
Selamat malam gan ane mau tidur dulu.