Cara Gampang Membuat Tombol Share Melayang

Yhudiyuba | Cara Gampang Membuat Tombol Share Melayang. - Mungkin Tips Blogging kali ini bukanlah sesuatu yang baru bagi para blogger, tapi gak ada larangankan kalo saya kembali memposting Tips dan Trik tentang Cara Mudah Membuat Tombol Share Melayang di Blogspot.

Cara Gampang Membuat Tombol Share Melayang

Karena menurut saya pada dasarnya Tombol share adalah salah satu elemen yang sangat penting didalam suatu blog. Karena dengan memasang tombol share diblog itu dapat mempermudah kita dalam mempromosikan artikel postingan yang kita buat dan selain itu juga Button share berpengaruh besar dalam mendatangkan pengunjung keblog kita karena dengan Button Share ini terdiri dari beberapa Jejaring sosial yang ada di dunia maya.

Silahkan ikuti langkah-langkah dibawah ini :

Langkah-langkahnya sebagai berikut :

1. Login Ke Blog Anda

2. Klik Rancangan

3. Klik Tambah Gadget

4. Terus Pilih HTML/Java Script

5. Masukkan Kode dibawah ini

<!-- Tombol Share Melayang Start-->

<style>

#pageshare {position:fixed; bottom:35%; margin-left:750px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="Get this from tips blogbego.blogspot.com">

<div class='sbutton' id='fb'>

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

<div class='sbutton' id='rt'>

<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>

</div>

<div class='sbutton' id='gb'>

<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>

</a></div>

<div class='sbutton' id='gplusone'>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<g:plusone size="tall"></g:plusone>

</div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>

<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>

<a class="DiggThisButton DiggMedium"></a>

</div>

<div class='sbutton' id='su'>

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

</div>

<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://tips-blogbego.blogspot.com/">widget</a></div>

</div>

<!-- Tombol Share Melayang End -->

6. Simpan dan Lihat Hasilnya

NB : Untuk mengatur Posisi Tombol Share dan ukuran tinggal Rubah angka yang berwarna Biru.

Selamat Mencoba dan Semoga bermanfaat kawan....!!!

Terima kasih telah membaca artikel: Cara Gampang Membuat Tombol Share Melayang.Silahkan baca artikel ©Blog Yhudiyuba yang lainnya!!!