Counting Box Share Untuk Blog / Web

Counting Box Share Untuk Blog / Web
Counting Box Share pasti sudah pernah melihatnya... nah yang ingin memasang widget ini di blog anda??? Simpel Life akan Membahasnya pada posting kali ini. Sosial Network memang sangat penting untuk membantu mendatangkan pengunjung di blog / web anda, oleh karena itu blog / web anda perlu sarana untuk mempermudah pembaca / pengunjung / visitor anda menyebarkan artikel atau tulisan yang ada di blog / web anda. Sudah banyak Tombol Share yang tersedia tergantung anda ingin memilih yang mana, bahkan sekarang penyedia template gratis pun sudah menyiapkan Tombol - tombol share tersebut. Tapi sekali lagi ini soal selera masing - masing untuk yang tertarik dengan Counting Box Share yang share di sini silahkan baca terus untuk tahu cara memasangnya di blog / web anda. Cekidottt

- Nah untuk memulai langsung aja Login ke Blogger dengan akun anda masing-masing
- Kemudian pilih Rancangan / Design
- Pilih HTML/JavaScript
- Copy dan Paste kan kode di bawah ini dan simpan


<!-- floating Counting Box Share Start -->
<style>
#pageshare {
right: 0;
width: 60px;
position:fixed; 
float:right; 
background-color:#ffff;
padding:2px 2px 2px 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#facebook .btn {
padding:2px 2px 2px 4px;
float:left;
clear:both;
}

.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:48px !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;
}

#twitter {
padding:2px 2px 2px 4px;

}

#digg {
padding:2px 2px 2px 3px;

}

#google {
padding:2px 2px 2px 4px;

}

</style>

<div id='pageshare'>

<div id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>

<div id='google'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>

<div id='twitter'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>

<div id='facebook'>
<div class='btn' 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></div>
<div style="font-size:8px;">
<a href=http://simpellife.blogspot.com/2011/12/counting-box-share-untuk-blog-web.html>Get Widget</a>
</div>
</div>
<!-- floating Counting Box share End -->

Untuk Memaksimalkan / Menyesuaikan tampilan Counting Box Share di blog / web anda, cukup merunah kode - kode di bawah ini :

right: 0;

float:right; 

Rubah right menjadi left Untuk Merubah Posisi  Counting Box Share kesebelah kiri


background-color:#ffff;

Untuk merubah warna background Counting Box Share Rubah Kode Warna HTML  (klik untuk melihat tabel warna)

Posted In: Simpel Life, Updated at: 1:38 AM

Artikel Terkait

Followers