Cara Membuat Script PopUp Window Pada Blogger
PopUp Window merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up, 2 pop up, 3 pop up bahkan bisa sebanyak mungkin yang di kehendaki.
Cara Membuat Script PopUp Window Pada Blog
Halaman PopUp Window Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrit iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up. Berikut Tutorial Cara Pasang Script PopUp Window Pada Blog.
Cara Pasang Script PopUp Window Pada Blog
Login ke akun blogger kamu.
Pilih Rancangan »» edit HTML.
Beri tanda checklist pada Expand widget template.
letakkan kode berikut di atas kode </body>
<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://creativecause.blogspot.com/'
popurls[1]='http://naru-art.blogspot.com/'
popurls[2]='http://backlink-generator.blogspot.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>
Jika Anda memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang Anda targetkan, ganti yang http://creativecause.blogspot.com/ dengan halaman pop up Anda sendiri. Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas...
popurls[nomer]='http://link-url-tujuan.com'
atau jika ingin mengurangi tinggal buang salah satunya.
Sekian Cara Membuat Script PopUp Window Pada Blog, semoga tutorial mengenai Cara Membuat Script PopUp Window Pada Blog ini bermanfaat dan selamat mencoba, terima kasih.
mastamvan.blogspot.com
Taruh di atas ]]></b.skin> atau </style>
/*Widget Pop Up Card*/
#mstamvan {
z-index: 1000;
position: fixed !important;
top: 100px;
left: 50%;
width: 700px;
margin-left: -350px;
}
#belakang {
left: 0px;
background: #000 none repeat scroll 0% 0%;
opacity: 0.6;
position: fixed;
z-index: -1;
top: 0px;
height: 100%;
width: 100%;
}
.tulisan {
font-size: 20px;
background: #FFF none repeat scroll 0% 0%;
border-radius: 50%;
box-shadow: 0px 0px 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;
collor:#344;
return:false;
}
.isinya {
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
width: 700px;
height: 400px;
border: 4px solid #FFF;
}
taruh di atas </body>
<script type='text/javascript' >
$(document).ready(function() {
$('#mstamvan').click(function() {
$('#mstamvan').fadeOut('500');
});
});
</script>
Taruh di widget HTML/JavaScript
<div id='mstamvan'>
<div id='belakang'></div>
<div class='tulisan' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)'><a>×</a></div>
<div class='isinya'><a href='
http://fb.com/tejasukmana99' target='_blank'><img style="width: 700px; height: 400px;" alt='
Mas Tamvan on Facebook!' src='
LINK IMAGE'/></a>
</div>
</div>
</div>
www,kangfathur.com
taruh di atas <body>
<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://ade-tea.blogspot.com/'
popurls[1]='http://ade-tea.blogspot.com/2012/01/animals-widget-clock.html'
popurls[2]='http://widgetindex-blogs.blogspot.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>
Demonya mana
ReplyDelete