Langsung aja :
1. Login ke Blogger
2. Masuk ke Tata Letak --> Edit HTML
3. Copy kode di bawah inidi atas kode ]]></b:skin>
#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;
}
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;
}
4. Kemudia psate kode berikut diatas kode </head>
<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>
<script type="text/javascript">
var persistclose=0
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
5. Terakhir paste kode di bawah ini di atas kode </body>
<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
</div>
<div align="right"><a href="" onclick="closebar(); return false"><img src="http://mortgage-education.com/Images/Close.png" /></a></div>
ISI DARI POP UP
</div>
6. Simpan template kamu
Nah, sudah selesai. Gimana??? Bisa ngga ??
0 komentar:
Posting Komentar