03.25
Sharing Dock Widget, Cara menambah Tombol Berbagi ala Windows
Posted by Unknown · 1 Comments in this post
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/AVvXsEgHqqfKe_jMjM6LgqCWDSSIzlhu0N-JcCVRgAV7iZUDZk_DwkUP7Vu6Xm61EbIIw6mhlLd9mjuoHskoBwIvayt_gSb6LonB7S3EYZjwUYmjwBnbWWzhrde43FF-Uz7e0KQmjoXz05-Eml8//) 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 buat kalian .
sumber : http://www.masdoyok.co.cc/
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/AVvXsEgHqqfKe_jMjM6LgqCWDSSIzlhu0N-JcCVRgAV7iZUDZk_DwkUP7Vu6Xm61EbIIw6mhlLd9mjuoHskoBwIvayt_gSb6LonB7S3EYZjwUYmjwBnbWWzhrde43FF-Uz7e0KQmjoXz05-Eml8//) 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 buat kalian .
sumber : http://www.masdoyok.co.cc/
About this blogger theme
This blogspot theme one of the first templates I have created. This is free, supported and ready for download. If you have any questions feel free to leave your comment on my weblog. Hope you like it. Enjoy!
This blogspot theme one of the first templates I have created. This is free, supported and ready for download. If you have any questions feel free to leave your comment on my weblog. Hope you like it. Enjoy!
1 comment
Sharing Dock Widget, Cara menambah Tombol Berbagi ala Windows
Sharing Dock Widget, Cara menambah Tombol Berbagi ala Windows
As the name suggests, 온카지노 Roulette is not a game in which the dealer throws a 바카라 사이트 shoe down his or her shoe. Instead, the object is to predict choegocasino the exact score