Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot - Hallo sahabat Sahabat Imer Indonesia, Pada Artikel yang anda baca kali ini dengan judul Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, Artikel Tutorial Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot
link : Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot

Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot

Login dan masuk ke dashboard blog anda.

Kemudian pilih menu Tata Letak tambahkan Widget baru yakni HTML/Javascript.

Tambahkan kode berikut ini tepat pada kolom html yang sudah disediakan dalam widget HTML/Javascript.

<style>

#KitaKitaTauBTN {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;}

#KitaKitaTauBTN .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){#KitaKitaTauBTN{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='KitaKitaTauBTN' 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>

Simpan kembali widget dan lihatlah hasilnya.

Demikianlah Artikel Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot

Sekianlah artikel Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Widget Social Share Buttons Melayang Di Sebelah Kiri Postingan Untuk Blogspot dengan alamat link https://sahabat-imer.blogspot.com/2016/07/membuat-widget-social-share-buttons.html

Tweet