Membuat Widget Media Sosial Share Melayang Di Sebelah Kiri - Kita tahu sendiri media sosial adalah tempat oranng-orang dimasa kini bermain dan melakukan obrolan.Banyak di antara mereka yang sibuk dengan aktivitas chat dan menggunakan fasilitas media sosial.Tapi bagi para blogger disini mereka memanfaatkan media sosial sebagai tempat promosi yang baik dan mendapatkan pengunjung untuk blog mereka.Mengingat persaingan search engine yang semakin ketat media sosial ini menjadi salah satu pilihan ampuh untuk meningkatkan pengunjung blog.
Namun disini saya tidak akan share tentang cara meningkatkan pengunjung,melainkan saya akan share bagaimana cara memasang widget social share di blog kita.Untuk yang sudah tau silakan segera beranjak dari blog ini atau bisa baca artikel lain dalam blog ini."maaf bukan bermaksud mengusir karena artikel ini ditujukan untuk yang belum bisa saja hehehe"
Baiklah pertama silakan login ke akun blogger sobat.
Kemudian Tambahkan Widget Html
Jika sudah masukan kode berikut ini
<style>Nb : Kode ini saya dapatkan dari seocips.com
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .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;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='seocipssharebtn' title="Share This With Your Friends">
<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>
<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='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Demikian artikel yang dapat saya bagikan semoga bermanfaat.Selalu kunjungi Blog Isianseo.com agar mendapat update terbaru,karena isianseo akan selalu mengupdate artikel bermanfaat mengenai Blogging Terbaru.Terima kasih telah membaca artikel tentang Membuat Widget Media Sosial Share Melayang Di Sebelah Kiri
0 komentar:
Posting Komentar
Berkomentarlah yang baik dan jangan meletakan link dalam bentuk apapun,karena akan percuma otomatis akan masuk ke spam.Terima Kasih