12 Mar 2012

Cara Membuat tombol Share Melayang |ZI|Share

Cara Membuat tombol Share Melayang menurutku memasang ini sangat penting bagi para blogger, dengan adanya Cara Membuat tombol Share Melayang kita dengan mudah mempromosikan blog kita ke jejaring sosial dan Membuat blog kita ada tambahan visitor XD, dibawah ini ss dari Cara Membuat tombol Share Melayang


Preview
untuk cara membuat Cara Membuat tombol Share Melayang langsung saja caranya di bawah ini :

1. Masuk ke dasbord >> rancangan >> edit HTML
2. lalu cari kode ]]></b:skin>

3. jika sudah dapat Copy kode CSS di bawah lalu Pastekan di atas ]]></b:skin>
#grendganteng {display:scroll;position:fixed;bottom:350px;left:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;}
#grendganteng .tekan {float:left;clear:both;margin:5px 5px 0 5px;border: 2px dashed #000000}
.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;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
4. Jika sudah cari kode </body> , lalu copy kode di bawah ini di atas kode </body>

<div id='grendganteng' title='DI KLIK'>
<div class='tekan' 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'>
</script></div>
<div class=' tekan' id='rt'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script></div>
<div class='tekan' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'>
</script>
</a></div>
<div class='tekan' id='gplusone'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/></div>

<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://grendficky.blogspot.com/">[close]</a></div>
</div>
Dan selesai :D

Atau bisa juga dengan cara yang Simple untuk Membuat tombol Share Melayang, Untuk Cara Simple  Membuat tombol Share Melayang, langsung saja saya kasih tau :D

1. Masuk ke dasbord >>   Design  >> Add a Widget

2. Lalu masukkan Kode di bawah ini
<style>
#grendganteng {display:scroll;position:fixed;bottom:350px;left:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;}
#grendganteng .tekan {float:left;clear:both;margin:5px 5px 0 5px;border: 2px dashed #000000}
.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;/*bs-fsmsb*/-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='grendganteng' title='DI KLIK'>
<div class='tekan' 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'>
</script></div>
<div class=' tekan' id='rt'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script></div>
<div class='tekan' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'>
</script>
</a></div>
<div class='tekan' id='gplusone'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
</script>
<g:plusone size='tall'/></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://grendficky.blogspot.com/">[close]</a></div>
</div>
3. Lalu tekan Save dan semoga berhasil Membuat tombol Share Melayangnya

1 komentar:

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan untuk "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh