Saturday, February 25, 2017
Blogging Tips
Cara membuat tombol share melayang di samping blog
Hmmm selamat siang semua... kali ini saya mau membagikan source code untuk membuat tombol share melayang di samping blog. Apa itu tombol share melayang? seperti apa? Mari di simak...
Untuk gambaranya seperti dibawah ini:
Cara pemasangan:
Untuk gambaranya seperti dibawah ini:
Cara pemasangan:
- Pertama, silahkan pergi ke dashboard blog Blogger Anda
- Jika sudah, masuk ke menu Tata Letak --> Tambahkan Widget
- Pilih HTML/JavaScript
- Kemudian, masukan script dibawah ini ke kolom KontenCode:
<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>
- Jika sudah, klik Simpan.
Selanjutnya saya akan membahas tombol share dalam bentuk pop-up. silahkan klik di sini.
sangat mudah diikuti tutornya kak makasih
ReplyDeletecara mengatasi masuk angin pada anak