Cara Pasang Share Button Melayang...?
Kali ini membahas wacana bagaimana Cara Pasang Share Button Melayang di blog anda. Mungkin ini tampilan sedikit berbeda dengan tampilan share button yang pernah anda temui dibeberapa blog lainnya. Tinggal anda menentukan yang mana anda suka.
Cara Pasang Share Button Melayang memang menguntungkan bagi pemilik blog. Kenapa menyerupai itu? Sebab dengan memasang share button akan lebih memudahkan para pengunjung untuk membuatkan info menarik yang ada di blog kita. Selain itu, memasang share button ialah salah satu cara promosi blog yang paling efektif alasannya kita sanggup eksklusif membuatkan info di aneka macam media umum menyerupai Facebook, Twitter, Diggi.com, Reddit, dan aneka macam media umum lainnya.
- Login ke blog anda
- Klik Rancangan
- Jangan lupa untuk memberi tanda centang pada Expand Template Widget
- Copy Paste isyarat dibawah ini dan Masukkan isyarat berikut di atas isyarat ]]></b:skin>
#blogonol_corner {
position:fixed;_position:absolute; bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
- Selanjutnya copy paste isyarat dibawah ini sempurna di atas isyarat </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<link href='http://bloekoetoek-blogonol.googlecode.com/files/imagebubbles.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
#orbs li{
width: 65px;
height:60px;
}
#orbs li img{
width: 55px;
height: 60px;
}
#squares li{
width: 45px;
height:40px;
}
#squares li img{
width: 31px;
height: 31px;
}
</style>
<script src='http://bloekoetoek-blogonol.googlecode.com/files/imgbubbles.js' type='text/javascript'>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
$('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL id="orbs"
$('ul#squares').imgbubbles({factor:2.5}) //add bubbles effect to UL id="squares"
})
</script>
- Setelah anda melaksanakan trik yg di atas, trik yg terakhir anda harus memasukkan isyarat dibawah ini sempurna di atas isyarat </body>
<div id="blogonol_corner">
<ul class='bubblewrap' id='orbs'>
<li><a href='http://ampuhcom.blogspot.com'><img alt='add to stumbleupon' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-stumbleupon.png'/></a></li>
<li><a href='http://ampuhcom.blogspot.com'><img alt='add to facebook' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-facebook.png'/></a></li>
<li><a href='http://ampuhcom.blogspot.com'><img alt='add to digg' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-digg.png'/></a></li>
<li><a href='http://ampuhcom.blogspot.com'><img alt='add to twitter' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-twitter.png'/></a></li>
<li><a href='http://ampuhcom.blogspot.com'><img alt='add rss feed' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonol-rss.png'/></a></li>
</ul>
</div>
- Anda harus mengganti isyarat yang bercetak tebal dan berwarna merah dengan alamat tergantung dari icon Share Button yg di tampilkan.
0 Response to "Cara Pasang Share Button Melayang"