Blog & Script Tutor - Banyak dari blogger yang memotivasi dirinya untuk blogging dengan bayaran dari iklan yang ada. Motivasi itu sah-sah saja namun yang jadi tidak sah adalah banyaknya iklan bertebaran hingga mengganggu pandangan pengunjung ataupun popup (langsung ke web bukan widget). Nah itulah yang tidak sah. Lantas
bagaimana jika motivasi saya adalah uang? Silakan lihat cara saya dalam
Membuat PopUp Widget Di Blog dengan mudah tanpa edit html.
Bahasan 1, Fungsi widget ini :
> Seperti yang sudah disebutkan di atas yaitu untuk menampung iklan agar lebih obyektif dan lebih mudah dapat $$
> Selain iklan, juga bisa diberi kata sambutan, gambar, video, dan lain2
Bahasan 2, Bahaya widget ini :
> Untuk iklan tentu tak semua periklanan bisa menerima kehadiran pop up widget ini karena alasan kecurangan, jadi berhati-hatilah terutama kepada google adsense
> Mengganggu pengunjung, karena ia tak bisa hilang dengan ketukan mouse saja, garus tepat pada tombol close. jadi, seolah anda memaksa pengunjung untuk membacanya
Bahasan 3, Contoh :
> Seperti yang saya terapkan di blog ini
Cara pemasangan :
1. Login ke Blogger
2. Pilih dashboard blog mu
3. Pilih tataletak, tambah gadget, html/javascript
4. Copy semua kode di bawah ini.
Kode :
<style>
#popup {
display:block;
width:500px;
height:300px;
text-align:center;
background-color:lightgrey;
position:fixed;
top:75px;
right:33%;
border-top-right-radius:30px;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
border-bottom-left-radius:30px;
}
#popup img {
border-top-right-radius:30px;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
border-bottom-left-radius:30px;
}
#close {
background-color:lightgrey;
color:red;
border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
}
</style>
<script>
function popUp() {
var popUp = document.getElementById("popup");
popUp.style.display = "block";
}
function buttonP() {
var popUp = document.getElementById("popup");
var body = document.getElementById("body");
popUp.style.display = "none";
body.style.backgroundColor = "white";
}
</script>
<div id="popup" onload="popUp()">
<br/>
<img src="Gambar Anda"/><br/>
<button onclick="buttonP()" id="close">Close</button>
<br/><strong><a href="http://skripvarokah.blogspot.com/2015/09/membuat-popup-widget-di-blog.html">getthis</a></strong>
</div>
Oke sekarang anda telah berhasil
Membuat PopUp Widget Di Blog, anda bisa mengkreasikan cssnya sendiri namun usahakan tetap ada copyrightnya ya, karena membuat script itu butuh waktu buka hanya copas.
