How to Install OS X Styled Social Sharing Dock widget To Blogspot 0

| | , , ,

Hi friends i am going to telling about best widget for blogger who want to add this gadget Alot of people keep asking me about a new social bookmarking and sharing widgets,
Since I love jQuery, i thought about try to customize a new sharing widget specially for blogger that using the new jQuery features, and If you like the OS X dock, you’ll love this widget.
this new widget in originally released by , and i customized it to be able easily used with blogger.Now how to add this read full story about it.

Widget Features.

* easy to install, only 1 step.
* Support all social services around the world, more that 300 social bookmarking site.
* Amazing new style with dock menu look.

Now Follow simple step to add this gadget on your blogger.....

* First go to your blogger Dashboard.

* Click on Design Tab now your are here-  Page element.

* Now click on add new gadget. and click HTML/JAVASCRIPT in given list.

* When open new window with blank box copy below code and paste it on blank window.

<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( 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%; }

<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="" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="" alt="More..." /></a>

  <script type="text/javascript" src=""></script>
  <script type="text/javascript" src=""></script>
  <script type="text/javascript" src=""></script>
  <script type="text/javascript">
  $(function () { 
  // Dock initialize
  maxWidth: 30,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container',
  itemWidth: 50,
  proximity: 60,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'

* And click save button and your are done ok comment below how it is ????

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to Install OS X Styled Social Sharing Dock widget To Blogspot ~ Twitter FaceBook

0 Responses So Far:


Select Your Categories