Memperbaiki Lightbox Yang Muncul Tidak Sempurna

Ternyata saya sudah menemukan solusi Lightbox yang muncul tidak sempurna, maksudnya lightboxnya sih muncul tapi gambarnya bertumpukan, seperti yang saya alami sebelumnya, setelah oprak-oprek akhirnya lightbox yang muncul tidak sempurna ada solusinya, inilah contoh lightbox yang muncul tidak sempurna atau gambarnya bertumpukan.


Itulah salah satu contoh lightbox yang muncul tidak sempurna atau gambarnya bertumpukan, mungkin jika sobat mengalami hal seperti saya di atas disini ada solusinya, caranya gampang tidak usah menambahkan kode CSS, HTML, ataupun Javascript, solusinya hanya dengan memakai mouse dan tidak usah liat kode yang gak penting itu, haha

Bagi yang sudah memakai CSS responsive, lightbox ini tidak muncul dengan sempurna, kenapa ?, karena template yang sudah dilengkapi dengan kode CSS responsive tampilannya berbeda, contohnya satu halaman itu full post, sidebar ke bawah, dan lightbox ini muncul paling bawah, tadinya saya juga memakai kode CSS responsive, tapi karena melihat tampilah lightbox ini jadi pikirang pengen memilikinya, langsung saja saya memutuskan untuk memakai lightbox ini, sebetulnya lightbox ini bukan buatan saya melainkan buatan kak Djogzs, oke langsung saja ke tutorialnya.

  1. Login ke Blogger.com
  2. Masuk ke Setelan --> Post dan Komentar pada baris ke 4 ada kalimat "Tampilkan gambar dengan Lightbox ?"
  3. Pilih "TIDAK" karena sudah memakai kode CSS lightbox yang lebih keren.
  4. Jika sobat belum mengerti dengan cara teks di atas, lihatlah gambar dibawah ini:


Jika anda tertarik dengan memasang kode CSS lightbox ini, silahkan baca artikel selanjutnya di http://yoga-tc.blogspot.com/2013/07/cara-membuat-lightbox-dengan-jquery-di.html

Saya pikir postingan kali ini sudah cukup jelas, dan bila ada yang ingin ditanyakan dilahkan komentar dibawah, insya Allah jika saya tau, saya akan kasih solusinya, sampai ketemu di postingan selanjutnya.

12 komentar untuk "Memperbaiki Lightbox Yang Muncul Tidak Sempurna"

  1. Thanks gan sangat membantu

    nih widget searchnya dari STAR-US

    Tambahkan search button dengan menambah gadget HTML di sebelah Header


    BalasHapus
    Balasan
    1. maksudnya seperti apa sob ?, kasih contoh sob :D

      Hapus
  2. fb ane aj
    https://www.facebook.com/Coretan.Zynga?ref=tn_tnmn

    BalasHapus
    Balasan
    1. saya sudah kirim pertemanan sob, tapi belum sobat terima :Q

      Hapus
  3. Lapor gan link agan sudah di pasang silakan pasang link ane ya?
    http://bmaster23.blogspot.com/2013/02/tukar-link.html

    BalasHapus
  4. good good.... biasanya ada perintah terlebih dahaulu untuk mematikan lighbox bawaan bloggernya.. :D

    BalasHapus
  5. Kalau saya non aktifkan mode lighboxnya mas karena biasa kalau gambar yang ada dipostingan linknya mati jadi kalau lihat gambarnya terpaksa opem image in new tab.

    BalasHapus
    Balasan
    1. klo gambarnya bukan link, berarti itu gambarnya hasil copas mas, klo ingin jadi link caranya mudah sob, pertama open image new tab -> save image as -> upload kembali kedalam postingan blog, selesai dehh :>)

      Hapus
  6. Tutorialnya bisa juga ini saya ikutin mas,terima kasih ya :)

    BalasHapus
    Balasan
    1. silahkan sob, biar tambah ganteng blognya, hehe sekarang saya tidak memakai CSS lightbox lagi karena susah di responsive kan, hehe saya lebih memilih template responsive daripada banyak aksesoris blog :d

      Hapus

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top