0 Cara Pasang Share Button Melayang

Do you want to share?

Do you like this story?

Cara Pasang Share Button Melayang...?

Kali ini membahas tentang 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 memilih yang mana anda suka.

Cara Pasang Share Button Melayang memang menguntungkan bagi pemilik blog. Kenapa seperti itu? Sebab dengan memasang share button akan lebih memudahkan para pengunjung untuk berbagi informasi menarik yang ada di blog kita. Selain itu, memasang share button adalah salah satu cara promosi blog yang paling efektif karena kita dapat langsung berbagi informasi di berbagai media sosial seperti Facebook, Twitter, Diggi.com, Reddit, dan berbagai media sosial lainnya.

• Login ke blog anda

• Klik Rancangan

• Jangan lupa untuk memberi tanda centang pada Expand Template Widget

• Copy Paste kode dibawah ini dan Masukkan kode berikut di atas kode ]]></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 kode dibawah ini tepat di atas kode </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($){
$(&#39;ul#orbs&#39;).imgbubbles({factor:1.75}) //add bubbles effect to UL id=&quot;orbs&quot;
$(&#39;ul#squares&#39;).imgbubbles({factor:2.5}) //add bubbles effect to UL id=&quot;squares&quot;
})
</script>

• Setelah anda melakukan trik yg di atas, trik yg terakhir anda harus memasukkan kode dibawah ini tepat di atas kode </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 kode yang bercetak tebal dan berwarna merah dengan alamat tergantung dari icon Share Button yg di tampilkan.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blog Trends di inbox anda: