Membuat LightBox Melayang di Blogger Ala BlogMinan - LightBox adalah sebuah widget yang ditaruh didalam blog dan tujuan dari LightBox untuk memberitahukan sebuah iklan didalam blog yang melayang.
LightBox ini sangat ringan diterapkan di blogger sobat yang ingin memasang iklannya dalam blog nya.
Demonya bisa dilihat disini: DEMO
Berikut Membuat LightBox Melayang di Blogger Ala BlogMinan:
LightBox ini sangat ringan diterapkan di blogger sobat yang ingin memasang iklannya dalam blog nya.
Demonya bisa dilihat disini: DEMO
Berikut Membuat LightBox Melayang di Blogger Ala BlogMinan:
Baca Juga
Langkah 1 - Buka blogger >> Klik Tata Letak >> Klik Tambahkan Gadget
Langkah 2 - Setelah itu Pilih HTML/JavaScript
Langkah 3 - Masukkan kode dibawah ini di Kontennya.
Warning! : Ganti URL (http://blogminan.blogspot.com) warna MERAH dengan URL sobat sendiri dan Ganti juga URL gambar warna BIRU dengan URL gambar sobat sendiri.
Langkah 4 - Simpan
Selesai... Mudah kan sobat. Sekian Tutorial Membuat LightBox Melayang di Blogger Ala BlogMinan. Terimakasih
Langkah 2 - Setelah itu Pilih HTML/JavaScript
Langkah 3 - Masukkan kode dibawah ini di Kontennya.
<div id="blogminan" style="z-index: 1000; top: 100px; left: 50%; width: 700px; margin-left: -350px; position: fixed !important;">
<div style="background:#000;opacity:.6;position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;"></div>
<a style="font-size:20px;background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.14);cursor:pointer;display:inline-block;padding:2px 9px;text-align:center;font-family:arial,sans-serif;position:absolute;top:-15px;right:-20px;" onclick="klik1()">×</a>
<a href="http://www.blogminan.blogspot.com" target="_blank" onclick="klik1()"><img alt="Blog Minan" class="tooltip" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEc1iBPd2InyKrQji9eM97yNjMBIItt2E3UV8UjvLkjCUD8r0L4lzBn2eEIsiZ7fUHQMHHXgTmWX3UMo3p2LE5PZsfyrmk-_Q9wrf0h32FwICfreFA_mieeZyN3wAdHKq7h3UbliCvLaSq/s1600/BlogMinan.blogspot.com.gif" style="border:4px solid white;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.20);width:700px;height:400px;" /></a>
</div>
<style>
@media screen and (max-width : 800px) {
#blogminan { display:none!important; }
}
</style>
<script>
//<![CDATA[
$(document).ready(function() {
$('#blogminan').click(function() {
$('#blogminan').fadeOut('500');
});
});
//]]>
</script>
Warning! : Ganti URL (http://blogminan.blogspot.com) warna MERAH dengan URL sobat sendiri dan Ganti juga URL gambar warna BIRU dengan URL gambar sobat sendiri.
Langkah 4 - Simpan
Selesai... Mudah kan sobat. Sekian Tutorial Membuat LightBox Melayang di Blogger Ala BlogMinan. Terimakasih
