Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Membuat Tombol Share Keren!

by Irsyad Aslam , at 1/19/2013 , has 0 komentar
Tombol Share adalah sebuah tombol untuk membagikan post atau link blog ke Social Media baik itu Facebook, Twitter, Google Plus tanpa harus mengcopy link. keuntungannya Tombol Share Keren! ini adalah
Tombol yang tidak memakan banyak tempat. di posting kali ini saya akan menjelaskan cara mudah membuat Tombol Share Keren!. Ingin tahu caranya?, ikuti Langkah demi Langkah Berikut Ini:
  • Silahkan Login ke Blogger anda.
  • Setelah itu, Klik Menu Tata Letak dan Add Gadget HTML.
  • Masukan Kode Berikut ini:
<!--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:#eff3fa;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"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
        <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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>
        <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
        <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://your-belajarblog.blogspot.com/2013/01/cara-membuat-tombol-share-keren.html" target="blank"><font color="black">Ambil Kode</font></a></div></div>
  • Setelah Itu, Klik Simpan.
Tombol Share sudah Jadi, Mudah Bukan?.

Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG 

Irsyad Aslam
About
Cara Membuat Tombol Share Keren! - written by Irsyad Aslam , published at 1/19/2013, categorized as Widget . And has 0 komentar
0 komentar Add a comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger
-->