Thursday, March 16, 2017

Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger

Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger


Ini Adalah Totorial Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger Dengan Mudah Dan Gampang . Jika Sobat Penasaran Seperti Apa Bisa Lihat Gambar nyaDi Bawah ini .


Sedikit Penjelasan Untuk Apa Tombol Share Itu Sebenar nya, Tombol Share Sanga Lah Penting Utuk Para Pupbliser Blooger , Kenapa Penting nya tombol share itu Karena Dengan Tombol Share itu kita bisa Share posting kita di banyak sosial media terutama Facebook Dan Tweeter Dengan Men Share kan Posting kita di sosial media kita Akan Banyak Mendapat Trafick Pengunjung Dari Sana , Itulah Sebab nya tombol share sosial itu penting . Ok Langsung Saja Cara nya gimana Sobat Bisa Lihat Di Bawah .


Langkah-Langkah Membuat Tombol Share Melayang Di Blooger

1-Loging Blooger
2-Pilih Tata Letak
3-Tambah Gadget
4-Pilih HTML/Javascript
5-Judul Kosong kan Pada Box KontenMasukan Kode Script Di Bawah ini  Dan Langkah Terakhir Save Dan Lihat Hasil nya.

<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>

Trimakasih Sudah Di Blog Saya Rantau021 ini , Semuga Apa yang Saya Bagikan Di blog Sederhan Dan Gratis ini Bisa Bermanfaat Bagi Kita Dan Banyak Orang , Mohon Maaf Jika Ada Kesalahan Yang Di Sengaja Ataupun Tidak Semuga Berhasil Salam Rantau021 Download Gratis .

Englis Version


It is Totorial How to Make Social Widget Share Float On Left Blogger With Easy And Easy .
Slightly Explanation For What Button Share It Right as his , Button Share Sanga Lah Important Utuk The Pupbliser Blogger , Why Important him a share button that Due to the Share Button that we can Share our post on many social media , especially Facebook and Tweeter With Men Share the post we in social media we ll Many trafick visitor Got From There , it is because of its important social share buttons . Ok its Direct Only way how Buddy Can See Below .


Steps to Make Button Share Float On Blogger

1 - loging Blogger
2 - Select Layout
3 - Add a Gadget
4 - Select HTML / Javascript
5 - Title Empty the In Box KontenMasukan Script Under this Code and Last Step Save and View Results her .
<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>
Thank you Already this Blog I Rantau021 , Semuga What I Share In blog sederhan And Free This Be Useful for Us And Many People , Sorry If There Mistakes In Intentionally Or Not Semuga Successfully Salam Rantau021 Free Download .
HTML Blooger
  1. Cara Membuat Menu Navigasi di Blog seperti Evo Magz - New!
  2. Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger - New!
  3. Totorial Mengganti Link Newer Post dan Older Post Menjadi Judul Posting Degan Mudah Dan Jelas - New!


    Available link for download

    Posted by at
    Labels: , , , , , , , , ,