Home Posts filed under Social Media
Showing posts with label Social Media. Show all posts
Showing posts with label Social Media. Show all posts

Thursday, April 18, 2013

Tips Cara Menambah Like Fanpage Facebook

✔ Jaringan Share Comment


Cara Menambah Like Fanpage Facebook - Banyak yang ngeLike, Banyak visitor, Banyak yang Lihat, Banyak peluang untuk terjadinya penjualan. Pasti para facebookers dan pebisnis online menginginkan hal itu. Memang perkembangan facebook saat ini sangat pesat sekali, facebook sekarang tidak hanya digunakan sebagai media sosial saja, tapi juga sangat baik digunakan sebagai sarana berjualan, baik secara soft selling atau pun hard selling sekalipun. Untuk itu, berikut saya share cara menambah Like fanpage yang bisa sobat praktekkan. Okey langsung saja :




1. Bertukar promosi dengan admin fanspage yang lain.

Misal: Admin Fanpage Facebook A mempromosikan dalam status fanpage nya berupa promosi/ajakan supaya fanpage B dilike, baik promosi dengan kata-kata langsung atau tak langsung. berikut adalah contohnya :


Fanpage di atas yang dipromosikan adalah Kata Kata Mutiara yang berteks biru. Sebelumnya kalian harus me-like dahulu fanpage yang mau dipromosikan, kemudian membubuhkan tanda "@" di awal sebelum mengetik "Kata Kata Mutiara" di status fanpage kamu.

2. Menjadikan Fanpage Anda sebagai pekerjaan Anda di bagian Facebook Profil.
Fanpage tersebut harus berupa kategori organisasi/company/bisnis, silakan terlebih dahulu edit di bagian "sunting halaman" pada seksi "informasi anda".
Contoh yang sudah jadi adalah sebagai berikut :
 
Dengan begitu seseorang yang melihat akan mengeklik dan jika tertarik akan menge-like halaman tersebut. Cara memasukan nya sebagai pekerjaan adalah, masuk ke edit profil FB kamu, lalu ketikan "Nama Fanpage" yang sebelumnya kalian like. Contoh di atas adalah fanpage bisnis sprei murah milik Sprei Shop. 
 
3. Rutin update fanspage kamu dengan Image/Gambar, dengan begitu jika hal itu menarik maka fans/liker akan menge-tag/share gambar tersebut dan tentunya akan dilihat oleh semua temannya.

4. Seringkali gunakan fasilitas "pertanyaan" untuk update status, hal tersebut berefek domino. Jika ada yang menjawab pertanyaan tersebut. Maka pertanyaan tersebut akan dibaca oleh temannya.
 
5. Seringkali gunakan fasilitas "Note/Catatan" untuk update status, hal tersebut berefek domino. Tag teman-teman kamu. Penulis dari note itu akan atas nama Fanspage Facbook kamu.

6. Buatlah nama Fanspage Facebook yang mudah dicari, maka di halaman Google akan mudah ditemukan (kemungkinan besar). Namun tidak hanya itu, agar maksimal Fanpage Anda di Google, Anda perlu mempraktikan "Teknik SEO Fanpage Facebook" yang sangat baik untuk perkembangan visitor Fanpage.
 
 
7. Memasang Like Box Fanpage Facebook di Blog. Sehingga makin banyak pengunjung Blog, maka makin besar kemungkinan untuk nge-like , jika tertarik. Memasang Like Box (Kotak Suka Halaman Facebook di Blog) itu sangat penting.
8. Menggunakan Fasilitas "Undang Teman" di Facebook
 
Source

Sunday, March 24, 2013

Cara Membuat Floating Social Icon Dengan Efek Easing

✔ Jaringan Share Comment

Salah satu tips blog yang sangat keren nih sob yang akan saya share kali ini, yaitu cara membuat floating social icon dengan efek easing.Tips ini sangat cocok buat sobat yang ingin mempercantik tampilan widget social iconya. Selain widget ini floating alias melayang di samping kanan blog kita, efek easing nya membuat tampilanya menjadi lebih atraktif, sehingga sangat mungkin membuat pengunjung untuk mengklik social icon milik sobat. Untuk demonya silahkan lihat dibawah ini :


Bagaimana cara membuatnya ? silahkan sobat ikuti 3 langkah berikut ini :

Pertama : Letakkan kode CSS di bawah ini diatas ]]></b:skin> :

.social-buttons {
    position: fixed;
    top: 130px;
    width: 45px;
    z-index: 9999;
}
.button-left {
    left: 0;
}
.button-right {
    right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
    background-color: #33353B;
    background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
    background-position: right 10px;
}
.button-left #twitter-btn span {
    background-position: right -35px;
}
.button-left #google-btn span {
    background-position: right -127px;
}
.button-left #rss-btn span {
    background-position: right -80px;
}
.button-left #pinterest-btn span {
    background-position: 11px -177px;
}
.button-left #youtube-btn span {
    background-position: 11px -223px;
}
.button-right #facebook-btn span {
    background-position: 12px 10px;
}
.button-right #twitter-btn span {
    background-position: 11px -35px;
}
.button-right #google-btn span {
    background-position: 10px -127px;
}
.button-right #rss-btn span {
    background-position: 11px -80px;
}
.button-right #pinterest-btn span {
    background-position: 11px -177px;
}
.button-right #youtube-btn span {
    background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
    background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
    background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
    background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
    background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
    background-color: #C4302B;
}
.social-buttons a:hover .social-text {
    display: block;
}
.button-left .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-left .social-text {
    display: none;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 11px 40px 11px 0px;
    white-space: nowrap;
}
.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 11px 0 11px 40px;
    white-space: nowrap;
}
.social-buttons .social-text {
    color: #FFFFFF;
}

Kedua : Tambahan jquery dan javascript, masih di Edit HTML letakkan kode berikut sebelum </head> :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
    $(window).load(function(){
        $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
            $(this).stop();
            $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){}); 
        });
        $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
            $(this).stop();
            $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
        });
    });
</script>

Ketiga : Selanjutnya memanggil widget tersebut, letakkan kode HTML di bawah ini sebelum </body> :

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>

Note : Ganti tulisan warna biru diatas, dengan ID sobat masing-masing jangan sampai keliru dengan ID tetangga.

Itulah 3 lamgkah cara membuat  cara membuat floating social icon dengan efek easing.

Semoga Bermanfaat.

Thanks to : Maskolis

Monday, February 4, 2013

Cara Membuat Social Sharing Icon Angry Birds

✔ Jaringan Share Comment
Cara Membuat Social Sharing Icon Angry Birds - Buat sobat blogger yang ingin membuat social sharing icon dengan tampilan yang berbeda, mungkin tips yang satu ini bisa di coba. Social sharing yang kali ini saya share berbentuk angry bird. Social share ini selain bentuknya yang unik, juga sangat berbeda dengan social share yang lain. Dan tips ini saya dapat dari blognya mas www.vikrymadz.web.id.

Seperti apa Cara Membuat Social Sharing Icon Angry Birds ini ?? silahkan sobat ikuti step-step berikut :
  • Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/* Vikrymadz */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

  • Kemudian buka menu tata letak > add gadget/tambah gadget (HTML/JavaScript)
  • Lalu masukkan kode dibawah ini
<ul class="bubblewrap">

 <li><a href="https://plus.google.com/112967100591602380317"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvdV2VjUNXYWEXm7La5o_XklAV7xRqTW869Jqq0LAFvspneXdtgrTu1RjkfrOgsps2vmSSY0YoIltvYHtYv3EwDSTflqmeMUltOBYtgaK1dH71TzyNQhVXvDsNJCP3ObTWDMMFClQqo8/s1600/bloggertrix-googleplus.png" title="Add to Facebook" /></a></li>

 <li><a href="http://www.facebook.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZx8RFgvtpm670MqQdgXQo38BXX8TxmGBpxHhPMEXzPHJFTHqZyxZYfGYFfRsxUBKQ4BBLkiRm-Uthj-8ODjeb8oyWxWeONjs2AI0jU01ESrkirhuKaMHHhOYUR5_9mMnkN8MDNR82M-E/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

 <li><a href="http://www.youtube.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaF_nmB5h-G3ulE7JFmhxfcX8HlKIDwXHeRXIHtCUdaTqPLm0RIf5kVq6b2nrOS5K2lxGY6Sgt95UR58wfIu5MU2x1_aKqw5rnj3yqkX4_bhsXJS3tQtEdYp2Nw90yjVKmP4oLU01_v14/s1600/bloggertrix-youtube.png" title="Add to Youtube" /></a></li>

 <li><a href="http://www.twitter/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrC_3fGTJ6rdqU4AnfpqLSeAUF_YkhQFpy9k1_I64fyw1JOU2O-B1VfQyWyy7MUxa16hHhYgqH83WvJ8qw2ri9qssSj4zI1nDQDkrUQSlhWyAoQGpBs65M1TKbdkdicEVNxc9jTTEl2k/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

 <li><a href="http://feeds2.feedburner.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiw8dO83GAOiHdTUdLYqt1dGlDaICnT-DFH1k1KAQ25XwqDRyWnqcEziztYDAjvkQdULq3937DM9j8-TBprrygY9lFIkG3EJZG_xU6fFt_b8PyiK09MDLd76tiYNI5v8AGopV_EgPwKfc/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>

  • Simpan
Sampai disini sobat sudah mempunyai social share icon yang berbeda dengan yang lain, yaitu social share berbentuk angry bird.

Selamat Mencoba, Semoga bermanfaat.

Tuesday, December 25, 2012

Cara Membuat Social Icon Dengan CSS3

✔ Jaringan Share Comment

Tips blog kali ini bisa meningkatkan jumlah pelanggan social media sobat. Bukan tidak mungkin, karena tombol social icon ini penampilan nya sangat menarik yang membuat kita gatal untuk mengkliknya..hehee..Sesuai dengan judulnya Cara Membuat Social Icon Dengan CSS3, widget social ini memang menggunakan CSS3 yang membuat penampilanya menjadi sangat menarik. Untuk Live demo nya coba lihat dibawah ini :




Bagaimana sob ? keren gak ?..Kalau sobat tertarik ingin membuat nya, cara nya sangat mudah. Silahkan copy paste kode dibawah ini ke add gadget HTML blog sobat :

<style>p#OW_socialicons img {
 /* Spinning Social Icons Widget By Oto Website */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

p#OW_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Spinning Social Icons Widget By Oto Website */
</style> 



<center><p id="OW_socialicons">
    <a href="http://www.facebook.com/kimzaqi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjooYaApEjiyTYC1p7jv5RMls4FDvsVzdHBzZ_3V2teY8_YnxqHTAk6dLqwWNyKw5WtQX3_9l5Qva8TnSGIpXMi0ntlJpKqeAnX2YaVFXC_Hov33zSu-acoQ8ob7wgPTaaMdqBsTmJNiA/s1600/otowebsite.blogspot.com-facebook.png" /></a>
    <a href="http://www.twitter.com/kimzaqi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklwPPyJBGXmUQv9-yuNqmO4KXwyERXURiwf5dQvvGZg_Gfdi8oxBb6cyA4cpfwmnb-B6N1MhnfpZrju4bX8wM2lvG8jH8UXu7J4r-VCkd0YF4Tb9k63xVXhqN2nAlm2SlUQdYBCko9Q/s1600/otowebsite.blogspot.com-twitter.png" /></a>
    <a href="https://plus.google.com/115780777398536909642">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVtjFQ30yEWjG2Vbg2D6ggPozcIbN2dnly_wrqrHFCfFo5X60ym1gZ14M_WdHduYePK5hlzDaB5Xq1Axey9bpwoeLb_635upTVkZc6lmR83-X2hkGxof4-ANYGDfwETRV1EdzeCWf-bQ/s1600/otowebsite.blogspot.com-google_plus.png" /></a>
    <a href="http://www.feeds.feedburner.com/kimzaqi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijon7-np0Hc4szWZeP9sJ1Wnvqm18MqndURk9YQ-vZRfY3eVcFck1F7B_dKDFpMR5hPedfZfy_qGzpzYvyfptgcE6CsisXHzJ7ED76tGBgh4XEX0mcR8X8CQMoTieZlB3HYh0FopfjOw/s1600/otowebsite.blogspot.com-rss.png" /></a>
    <a href="https://www.youtube.com/kimzaqi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTbHCAosdm1POcF3oaZA_ZkrChvD2ZjBxBaLB964HRzsVi3As7CoW_w3X7yeGunLzM3rScbHqLIhmlx-xmxNzb1CaJN617UYa9PwXhkFR2KKAX9RdisNlOjs7KKYK2w1Huth9om6TkQ/s1600/otowebsite.blogspot.com-youtube.png" /></a>
</p></center>

Note : Silahkan di ganti URL social media yang saya beri warna diatas, dengan milik sobat sendiri.

Cukup sekian sob. Terima kasih telah membaca artikel Cara Membuat Social Icon Dengan CSS3.

Semoga bermanfaat.




Script : www.otowebsite.blogspot.com

Tuesday, November 20, 2012

Cara Membuat Tombol Share Social Media CSS3

✔ Jaringan Share Comment
Selamat pagi sobat blogger,,seperti yang kita social media seperti facebook, twitter dll, adalah tempat yang paling bagus untuk kita melakukan kegiatan promosi. Bagi sobat blogger yang menekuni dunia blogging dan bisnis online rasanya tidak akan terlepas dari social media ini, karena selain penggunaanya yang mudah, social media ini bisa kita gunakan secara gratis. Jadi tunggu apalagi, segera promokan apapun bisnis sobat blogger melalui social media ini. Tips blog kali ini, yang akan saya share adalah cara membuat tombol share social media CSS3. Dengan adanya widget ini, sobat akan lebih mudah untuk melakukan kegiatan promo ke social media, selain widget ini super kereen, cara pembuatanya pun juga cukup mudah. Mau tau bagaimana cara membuatnya ?

Cara Membuat Tombol Share Social Media CSS3 :

1. Seperti biasa, login ke blogspot
2. Masuk ke bagian pengeditan HTML
3. Cari kode ]]></b:skin>
4. Letakan kode dibawah ini, diatas ]]></b:skin> 
  

.social{
    max-width:300px;
}
 
.social li{
    min-height:40px;
    clear:both;
    float:none;
    margin-bottom:10px;
}
 
.social a{
    color:#232323;
    position:relative;
    display:block;
    line-height:40px;
    padding-left:55px;
}
 
.social span{
    display:block;
    width:40px;
    height:40px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjId_7SxliJmglr6fahcQ20RLzcdFgPorsecC6l5nf1zADhFwpJD-GVcwa3sVH5p4vG8lS1wPWG-hxh49qFopPZiId9bpTYQcgJq-55SdoJ6kGbRKYAzpn2dn2vVwxawemuPHvWsodZ/s1600/social.png) no-repeat;
    position:Absolute;
    left:0;
    border-radius:32px;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
 
.social .facebook{
    background-color:#2d309a;
}
 
.social .twitter{
    background-color:#00FFFF;
    background-position:0 -40px;
}
 
.social .pinterest{
    background-color:#FF0000;
    background-position:0 -80px;
}
 
.social .email{
    background-color:#00FF00;
    background-position:0 -120px;
}
 
.social .rss{
    background-color:#ffba16;
    background-position:0 -160px;
}
.social a{
    /*--code trước--*/
    z-index:1;
    -moz-transition:color 0.4s ease;
    -webkit-transition:color 0.4s ease;
    -o-transition:color 0.4s ease;
    transition:color 0.4s ease;
}
 
.social span{
    /*--code trước--*/
    z-index:-1;
    opacity:0.8;
    -moz-transition:opacity 0.4s ease,width 0.4s ease;
    -webkit-transition:opacity 0.4s ease,width 0.4s ease;
    -o-transition:opacity 0.4s ease,width 0.4s ease;
    transition:opacity 0.4s ease,width 0.4s ease;
}
 
.social a:hover{
    color:white;
    text-shadow:0 1px 0 rgba(0,0,0,0.5);
}
 
.social a:hover span{
    width:300px;
    opacity:1;
}

5. Save Template.
6. Masukan kode berikut ke add gadget HTML


<ul class="social">

    <li><a href="#"><span class="facebook icon"></span>Join Us on Facebook</a>

    </li>
    <li><a href="#"><span class="twitter icon"></span>Follow Us on Twitter</a>

    </li>
    <li><a href="#"><span class="pinterest icon"></span>Join Us on Pinterest</a>

    </li>
    <li><a href="#"><span class="email icon"></span>Send Us Email</a>

    </li>
    <li><a href="#"><span class="rss icon"></span>Subscrible RSS Feed</a>

    </li>
</ul>

7. Save dan selesai.

Nah sekarang sobat sudah mempunyai Tombol Share Social Media CSS3 yang akan memudahkan sobat dalam melakukan promo ke social media.

Terima kasih telah membaca tips blog kali ini, cara membuat tombol share social media CSS3.
Semoga bermanfaat.

Saturday, November 17, 2012

Cara Membuat Tombol Share Melayang

✔ Jaringan Share Comment
Tips blog kali ini adalah cara membuat tombol share melayang di blog. Buat sobat blogger yang ingin memasang widget tombol share ke social media, mungkin alternatifnya bisa memakai tombol share melayang ini. Seperti yang kita ketahui, tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung, tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media yang lain, seperti share di facebook, share di twitter dll.

Penampakan tombol share melayang nya seperti dibawah ini  :


Gambar diatas menampilkan banyak kombinasi tombol share di blog, like facebook, share facebook,twitter juga digg. Sudah cukup lengkap kan  sob tombol share melayang diatas?
Lalu bagaimana cara membuatnya ? ikuti tutorial dibawah ini:

Cara membuat tombol share melayang di blog :

  •     Masuk ke blogger kamu.
  •     Klik Rancangan.
  •     Tambah gadget dan pilih HTML/Javascript.
  •     Lalu copy dan paste kode dibawah 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://kimzaqi.blogspot.com" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

  • Klik save dan lihat hasilnya
 Cukup sekian tips blog cara membuat tombol share melayang. Semoga bermanfaat
Subscribe to: Posts (Atom)