Cara membuat widget subscribe di pojok atas blog dengan sistem buka tutup ~ telenovelastube.comTelenovela

Oct 8, 2009

Cara membuat widget subscribe di pojok atas blog dengan sistem buka tutup

5:10 PM ali hamid 18 comments

Apa kabar blogger gimana masih semangat ngeblog syukur dech kalau masih semangat

kali ini saya akan coba berbagi tentang bagaimana Cara membuat widget subscribe di pojok atas blog dengan sistem buka tutup
Untuk sobat yang ingin membuat widget subscribe di pojok atas blog dengan sistem buka tutup silahkan ikutin langkah langkah berikut ini
Langkah1.Login ke blogger dashboard
Langkah2.Klik layout(tata letak)
Langkah3.Klik Edit HTML centang expan template widget
Langkah4.Silahkan cari kode yang seperti ini </head>
Langkah5.Copy paste kode dibawah ini dan simpan pas tepat di atas kode yang tadi

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});

});
</script>

Langkah6.Cari kode yang seperti ini <body>
Langkah7.Copy paste kode dibawah ini dan simpan pas tepat di bawah kode yang tadi

<div id='pageflip'>
<a href='http://feeds.feedburner.com/StillWish'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

Save template dan silahkan lihat hasilnya untuk melihat demonya KLIK DISINI
Catatan ganti tulisan yang berwarna biru dengan url feeds kepunyaan sobat

Posted in: Tip Blogging