Bikin Pop Up Melayang di bloger
ide ini sebenarnya sudah lama, tapi baru kali ini bisa terealisasikan.
Membuat pop up seperti ini membutuhkan 3 kode, yaitu:
1. kode CSS :
#topbar{
position:absolute;
visibility: hidden;
width: 350px;
z-index: 100;
padding:5px;
background-color: #FFFFFF;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:left;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
}
2. JavaScript :
<script src="http://s2.sigmirror.com/files/52659_xu57s/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=0
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
3. Pemasangan HTML :
<div id="topbar">
<div align="right"><a href="" onclick="closebar(); return false"><img src="http://mortgage-education.com/Images/Close.png" /></a></div>
<ISI DARI POP UP>
<font face="arial,sans-serif" color="#83878c" style="line-height: 8px; font-size: 9px; text-decoration:underline;"><a href="http://yudhaime-san.blogspot.com" target="_blank">Widget by Yudhaime</a>
</div>
Catatan: Pada kode
Ada 2 cara pemasangan yang bisa dilakukan pada blogger yaitu:
1. Melalui edit HTML template.
Untuk pemasangan melalui edit template, caranya adalah sebagai berikut:
* Login ke Blogger
* Masuk ke Tata Letak --> Edit HTML
* Copy dan Paste kode CSS di atas kode ]]>
* Untuk Kode Javascript, kamu Paste di atas kode </head>
* Nah untuk kode pemasangan HTMLnya kiamu Paste diatas kode </body>
* Simpan template kamu
2. Melalui add gadget seperti biasa.
* Pada Tata Letak --> Elemen Halaman
* Pilih add Gadget
* Pilih Gadget HTML/Javascript
* Nah rumus HTMLnya sebagai berikut:
KODE JAVASCRIPT
KODE Pemasangan HTML
* Simpan Gadget
Tentunya ada kelemahan dan kelebihan pada masing-masing cara pemasangan.
Pemasangan melalui Edit Template memang susah, tapi cara ini membuat waktu reload blog lebih cepat.
Karena itu, aku lebih menyarankan pada pemasangan melalui edit template.
0 komentar:
Posting Komentar