" Ya Allah, muliakan & sayangilah saudaraku ini, bahagiakan keluarganya, berkahi rizkinya, kuatkan imannya. Berikanlah kenikmatan ibadahnya, jauhkan dari segala fitnah. amiin. "

Jumat, 12 Oktober 2012

Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang Terbaru - Kali ini saya ingin share Widget untuk blog sobat, yaitu Widget Tombol share melayang terbaru. Widget share melayang (Floating share) ini terdiri dari Tombol Google+ (Plus), Like Button Facebook, dan Twitter share button.

Widget ini sudah saya modifikasi sendiri. Biasanya floating share ada border pada sisi-sisinya. Tapi saya hilangkan. Widget ini terletak di pojok kiri bawah dan tepat di atas tombol start windows :D.

Berikut ini adalah Tutorial Cara Pemasangan :
1. Login ke akun blogger.
2. Klik tab "Tata Letak".
3. Klik "Tambah Gadget".
4. Cari dan pilih "Html/JavaScript".
5. Langsung Copy dan Paste-kan kode berikut pada kotak "Konten"!. Untuk "Judul" Kosongkan saja!.
<!--Putupunyablog Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:1%; left:0px; float:left; padding:0 0 0px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:1px 1px 0 1px;} .fb_share_count_top {width:48px !important;}
.fb_share_count_top,
.fb_share_count_inner {border:3px dotted Red; -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='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='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 style="clear: both;font-size: 10px;text-align:center;"><a href="
http://7e55.blogspot.com/2012/10/cara-membuat-tombol-share-melayang.html" target="blank"><font color="Black">[widget]<font></font></font></a></div></div>
6. Klik "Simpan", geser elemen ke bagian paling bawah! dan lihat hasilnya.
Cukup mudah bukan?. Cukup dulu postingan kali ini, semoga artikel ini bermanfaat. Terima kasih.

Anda sedang membaca Artikel Cara Membuat Tombol Share Melayang Anda juga bisa menemukan Artikel Ini melaui URL berikut http://7e55.blogspot.com/2012/10/cara-membuat-tombol-share-melayang.html, Silahkan Copy Paste Artikel tersebut, namun jangan lupa untuk mencantumkan Cara Membuat Tombol Share Melayang sumbernya

Artikel Terkait:

0 komentar:

Poskan Komentar

Pengunjung yang bijak : selalu meninggalkan komentar yang sopan dan tidak mengandung unsur sara ! Dengan hormat kami mohon anda untuk meninggal kan komentar untuk kami, Terimakasih.

Related Posts Plugin for WordPress, Blogger...