Cara Membuat Tombol Share Social Media di Sidebar Bloger Aceh

Bloger Aceh adalah Blog tentang Tip, Trik dan Tutorial Blogger dalam mempercantik blog

20 January, 2013

Cara Membuat Tombol Share Social Media di Sidebar

social media tutorial
halo sahabat blogger, tau sosial media facebook dan twitter dong. kedua sosial media ini sangat lah membantu para blogger dalam mengembangkan blognya seperti blogeraceh contohnya. kali ini blogeraceh akan berbagi tutorial tentang cara membuat tombol share social media yang tentunya menarik pengunjung untuk mengklik karena tampilan dan posisinya yang strategis.
ayo kita mulai sobat blogger.

  • buka edit template
  • (alt+f) cari kode " </body> "
  • copy paste kode scipt tepat diatas tag " </body> " tersebut atau juga bisa menggunakan Add widget Css/Html
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px
0;z-index:10;}
#pageshare .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;}
</style>
<div id='pageshare' title='Share This With Your Friends'>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div>
<div class='sbutton' id='su'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'/><a class='DiggThisButton DiggMedium'/></div>
<div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><br/><div style='clear: both;font-size: 7px;text-align:center;'><a title="pasang seperti ini" href='http://blogeraceh.blogspot.com/2013/01/sharebuton.html/' target='blank'><font color='black'>Tech Blog<font/></font></a></div></div>
Jika sudah lakukan pratinjau dan Save template sobat, lihat hasilnya apakah udah tampil dibagian kiri posting seperti blogeraceh? jika belum mungkin sobat perlu mengaktifkan dulu fitur share bawaan blogger yang ada di posting, biasanya pada bagian bawah.
jika artikel cara membuat tombol share social media di sidebar ini bermanfaat toong kira sudinya sobat mengklik salah satu tombol disamping ya ^^
happy blogging.

Labels:

2 Comments:

At Saturday, May 25, 2013 , Blogger Jack Sakilz said...


:GR08

 
At Monday, January 16, 2017 , Blogger Khusnudin Almuaket said...

info ini sangata membantu saya dalam meningkatkan pengunjung blog.

Pulsa

Raja Pulsa

Jelita Reload

Permata Pulsa

Market Pulsa

 

Post a Comment

Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange

Subscribe to Post Comments [Atom]