Cara buat Tombol Share FB, Twitter, Buzz, G+1 Melayang di blogspot

Hi,Selamat datang di blog Kliping kita. sobat kliping, hari ini kami akan memberikan informasi seputar Cara buat Tombol Share FB, Twitter, Buzz, G+1 Melayang di blogspot untuk kalian semua

Tombol Share yang ada pada blog itu penting sekali untuk memberikan kunjungan tambahan bagi blog sobat klipingkita, Tentunya ini akan memaksimalkan optimasi SEO Google secara Manual ataupun kunjungan yang datang dari situs sosial book mark dan artikel direktori. Tutorial ini sedikit berbeda, karena tombol share nya melayang, itu artinya siap mengintai para pengunjung blog sobat kliping untuk on fokkus juga pada tombol sharenya

Nah buat sobat kliping yang pengen tau cara pasang nya, perhatikan Langkah2 Cara Pasang Tombol Share FB, Twitter, Buzz, G+1 Melayang di Blog

1. Login ke Blogger

2. Design -->> Page Element

3. Add Gadget -->> HTML/Javascript 

4. Copy lalu pastekan kode script share dibawah ini di form content-nya

 

<style>
#pageshare {position:fixed; bottom:25%; margin-left:-83px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*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="pageshare" title="ali bloggers">
<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">
</script></div>

<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
<div class="sbutton" 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="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>

Nilai pada bagian teks: bottom:25% ;   margin-left:-83px bisa diganti sesuai keperluan dan bentuk tampilan Blog (bisa ditambah atau dikurangi nilainya)

5. Selesai,

sobat kliping juga bisa meletakan script ini langsung pada halaman themplate di bagian data.post.body

Nah kurang lebih seperti itulah referensi, artikel, review seputar Cara buat Tombol Share FB, Twitter, Buzz, G+1 Melayang di blogspot. Jika informasi seputar Cara buat Tombol Share FB, Twitter, Buzz, G+1 Melayang di blogspot ini bermanfaat bagi kalian semua, jangan sungkan berbagi dengan teman teman kalian di Facebook, Twitter dan google plus. Admin Kliping Kita

Cara buat Tombol Share FB, Twitter, Buzz, G+1 Melayang di blogspot 2012-09-03T17:03:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown