Kamis, 15 September 2016

Membuat Widget Media Sosial Share Melayang Di Sebelah Kiri

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.

Membuat Widget Media Share Melayang Di Sebelah Kiri


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>
#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>
 Nb : Kode ini saya dapatkan dari seocips.com

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

Membuat Widget Media Sosial Share Melayang Di Sebelah Kiri Rating: 4.5 Diposkan Oleh: Adila Putri

0 komentar:

Posting Komentar

Berkomentarlah yang baik dan jangan meletakan link dalam bentuk apapun,karena akan percuma otomatis akan masuk ke spam.Terima Kasih