Tombol Share adalah suatu Tips SEO yang ingin Gudang Liong berikan, karena tombol ini akan membantu dalam membuat blog menjadi lebih terkenal, dan memudahkan pengunjung untuk membagi artikel kita ke media lain,seperti share di facebook, share di twitter dll, dan meningkatkan trafik blog, dan tombol share ini sangat penting untuk Blog Sobat, apalagi jika tombol ini melayang di blog, akan mudah dan simple,
Gambar diatas menampilkan banyak kombinasi tombol share di blog, like facebook, share facebook,twitter juga digg. sudah cukup lengkap kan tombol share melayang diatas?
Lalu bagaimana cara membuatnya atau memasangnya pada blog kita? ikuti tutorial dibawah ini:
Cara membuat tombol share melayang di blog :
- Masuk ke blogger kamu.
- Klik Rancangan.
- Tambah gadget dan pilih HTML/Javascript.
- Lalu copy dan paste kode dibawah ini.
<!-- Flying Share Button Start-->
<style>
#pageshare {position:fixed; bottom:20%; margin-left:940px; 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 liong-seo.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'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.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 class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<!-- Flying Share Button End --></div>
5. Langkah terakhir klik simpan.
nah seperti SS dibawah ini jadinya :
Note :
1. Cari kode bottom:35% agar lebih mudah gunakan shorchut Ctrl+F dan ganti 35% dengan angka yang lebih tinggi / lebih rendah, jika lebih tinggi maka posisinya akan lebih ke atas dan jika lebih rendah maka sebaliknya.
2. Cari kode margin-left:940px agar lebih mudah gunakan shorchut Ctrl+F dan ganti 940px dengan angka yang lebih tinggi / lebih rendah, jika lebih tinggi maka posisinya akan lebih ke kanan dan jika lebih rendah maka sebaliknya. 940px adalah kode posisi kanan untuk posisi kiri sobat bisa ganti dengan -190px
Terima Kasih, silahkan sobat coba dulu.
Semoga Bermanfaat untuk sobat semua, dan comment dibawah, like dan join blog jika berkenan, dan makasi banyak atas supportnya ^_^
{ 0 komentar... read them below or add one }
Post a Comment
1. Pembaca yang Baik selalu meningggalkan komentar
2. Mohon Komentarnya Sesuaikan Dengan Tema Postingan.
3. Dilarang Keras Menyimpan Link Aktif Dalam Blog (Promosi = SPAM)
4. Jika Tidak Mempunyai Akun Google Gunakan Name dan Url
5. Jika Mau Copas Artikel Mohon Link Sumbernya di Sertakan
6. Makasi Banyak, dan maaf jika ada salah