Home » , , » Baru Official Blogger Light Box

Baru Official Blogger Light Box

Light Box
Kebanyakan dari Anda mungkin telah memperhatikan Light Box overlay fitur menampilkan gambar pada Blog Blogger Anda. Fitur ini terlihat mirip dengan di Google Plus. Fitur ini diaktifkan pada semua Blogs oleh Blogger Default.
Ketika Anda klik pada gambar Versi Kecil, akan membuka lebih besar dalam lightbox Versi Over Lay

Ini adalah cara pintas keyboard yang didukung oleh Overlay Lightbox..:
  • Kiri / kanan panah
    j / k
    n / p
  • 'Esc' untuk menutup lightbox tersebut 
Semua tombol-tombol ini akan membantu Anda dalam menjelajahi melalui gambar,
Bagi blog yang tidak bisa menggunakan Fitur Light Box ini, ada cara lain untuk mengatasi masalah ini, dengan mengikuti cara berikut.
  1. Mengaktifkan Light Box Blogger, pertama pastikan sudah Login di Blogger.com klik Template
  2. Klik Edit HTML
  3. Cari kode berikut </head>, caranya tekan Ctrl+F. Jika suda ketemu masukan kode berikut taruh di atas kode </head>
    <!--lightboxhack-->
    <link href='http://www.blogger.com/static/v1/widgets/3353720152-widget_css_lightbox_bundle.css' rel='stylesheet' type='text/css'/>
    <!--/lightboxhack-->
    Kode diatas adalah untuk style sheet (CSS) yang diperlukan untuk membuat lightbox
  4. Sekarang cari </body>, masukan kode berikut taruh di atas kode </body>
    <!--lightboxhack-->
    <script type='text/javascript'>
    var light_box_enable = document.createElement("script");
    light_box_enable.src = 'http://donor-ilmu.googlecode.com/files/enablelightbox.js';
    document.getElementsByTagName("body")[0].appendChild( light_box_enable );
    </script>
    <!--/lightboxhack--> 
  5. Simpan Template anda, Klik Save Template, Sekarang anda akan melihat kembali Light Box di Blog anda.

0 komentar:

Posting Komentar