Sharing Dock Widget, Tombol Berbagi ala Windows

Salah satu penunang traffic blog adalah kedatangan dari social bookmark. Dan tugas Anda sebagai pemilik blog adalah memudahkan pengunjung untuk membagikan artikel Anda ke halaman jejaring sosial mereka. Ada banyak model share widget (baca: Mini Share Button, lebih mudah dipasang di Blogspot), dan kali adalah model Rocket Dock seperti rocket dock yang biasa dipasang di Windows ataupun Operating System lain. Sharing Dock ini mencakup 300 lebih social bookamrk pilihan, jadi dipastikan pengunjung akan mempunyai banyak pilihan.

Instal nya mudah... Tambahkan kode di bawah ini ke gadget HTML Anda (Dashboard -> Rancangan -> Elemen Halaman -> Add gadget -> HTML Entries)

<style type="text/css">
  #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
  #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
  .dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMwGHm2MJbwLTHfkj_tMuIWkGWqZHoMuN0wfMiBw0l-75-gbHvWBVYafXxQc5ut7FSQnVwnLN7KOB_Y4RYKTXwTU60VNFFetxUpXL4vp6gwUaLTcYIL5gdN5CaakEUYzgaSB5dllFV50/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
  .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
  .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
  </style>

<div id="sharedock">
  <div id="dock">
  <div class="dock-container">

<div class="addthis_toolbox">

 <div class="custom_images">

 <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
  </div>
  </div>
  </div>

Silahkan ganti yang berwarna biru jika Anda ingin mengganti background di belakang widget share. Jika sudah silahkan save gadget Anda. Lihat: Demo. Silahkan dicoba, semoga bermanfaat

---

Script Credit: AllBlogTools

---