Widget Share Melayang Lengkap Ala Jalz

 setelah saya merilis widget Always Connection dan  Widget Daftar isi otomatis

Kali ini saya akan bagikan kode Widget  Share Melayang Lengkap Ala Jalz...Yups Widget multi share yang saya modifikasi sendiri sehingga cukup banyak sobo yang muat XD

Sobo?? apa itu Sobo??
Sobo adalah Social Bookmark dimana kita bisa sosialisasi blog kita lewat sobo...kalo cuma lewat google jg gak mungkin blog kita dikenal kan :P

Trus Gimana pasangnya??

Langsung aja..

1.Login Blogger

2.Langsung melangkah ke Elemen halaman (Page element/elemen laman)

3.Klik Tambah Gadget

4.Tambahkan script Java/HTML

5.Tambahkan kode berikut


<style> #floatdiv { position:fixed; bottom:15%; margin-left:-70px; z-index:10; float:left; padding-bottom:2px; } #mbtsidebar { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxG3Sldk5xEiFizNq9CJThZN0HFzXicOD8sZ4NYCKILybZQceVJSSajDW8RxDyPD6WYqyoo39uvCCstM7N9hYd2wKhc-sbZHBkBnMBE2eK5VNRcG8PP0FaUqPONbMs69mlqYwZkRq8LNk/s1600/tumblr_lzmvy3MLMq1qav8v0o1_100.jpg'); border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:5px; width:100px; margin:0 0 0 5px; } .fb_share_count_top {width:52px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !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> <br /> <div id="floatdiv"><div id="mbtsidebar"><table cellpadding="1px" cellspacing="0"><tbody> <tr> <td style="padding: 5px 0px 0px 0;"><a class="twitter-share-button" data-count="vertical" data-lang="en" data-related="anywhereTheJavascriptAPI" data-via="twitter.com/kajihoon" href="https://twitter.com/share">Tweet</a><script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script> </td> </tr> <tr> <td style="padding: 5px 0 2px 0;"><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> </td> </tr> <tr> <td style="padding: 5px 0px 0px 0px;"><script src="http://apis.google.com/js/plusone.js" type="text/javascript"> {lang: 'en-US'} </script> <g:plusone expr:href="data:post.url" size="Tall"> </g:plusone></td> </tr> <tr> <td><div style="font-size: 10px; font-weight: bold; line-height: 0px; text-align: center;"></div><a class="addthis_button_compact" href="http://addthis.com/bookmark.php?v=250&pub=xa-4b0dc7c014519abc">Share it</a><br /> <br /> <br /> <a href="http://jalz-cassieast.blogspot.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSR-AE-Cm4YLPfM1-6BCMjHx97Nf-zrCu8mpu0xOrrSZWxUywj3r2qukZrMo0sXUsgsYUOibAdBJC3wzFdD5LA5-i98XS1KMf3e_A7vgAYBa_LsHVe-ZYz2G1wA7LCyLDmtSOOUYz7Mw/s1600/aa.jpeg" width="80" /></a></td></tr> </tbody></table></div></div>

Done~

Sebagai Keterangan saya tambahkan sendiri ya ^_^ biar chingudeul bisa modifikasi sendiri :P

 <style>
 #floatdiv { position:fixed; bottom:15%; margin-left:-70px; z-index:10; float:left; padding-bottom:2px;  }  #mbtsidebar { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxG3Sldk5xEiFizNq9CJThZN0HFzXicOD8sZ4NYCKILybZQceVJSSajDW8RxDyPD6WYqyoo39uvCCstM7N9hYd2wKhc-sbZHBkBnMBE2eK5VNRcG8PP0FaUqPONbMs69mlqYwZkRq8LNk/s1600/tumblr_lzmvy3MLMq1qav8v0o1_100.jpg'); border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:5px; width:100px; margin:0 0 0 5px; }  .fb_share_count_top {width:52px !important;}  .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}  .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !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="floatdiv">
<div id="mbtsidebar">
<table cellpadding="1px" cellspacing="0"><tbody>
<tr> <td style="padding: 5px 0px 0px 0;"><a class="twitter-share-button" data-count="vertical" data-lang="en" data-related="anywhereTheJavascriptAPI" data-via="twitter.com/kajihoon" href="https://twitter.com/share">Tweet</a><script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script> </td> </tr>
<tr> <td style="padding: 5px 0 2px 0;"><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> </td> </tr>
<tr> <td style="padding: 5px 0px 0px 0px;"><script src="http://apis.google.com/js/plusone.js" type="text/javascript">
 {lang: &#39;en-US&#39;}
</script>  <g:plusone expr:href="data:post.url" size="Tall"> </g:plusone></td> </tr>
<tr> <td><div style="font-size: 10px; font-weight: bold; line-height: 0px; text-align: center;">
</div><a class="addthis_button_compact" href="http://addthis.com/bookmark.php?v=250&amp;pub=xa-4b0dc7c014519abc">Share it</a>


<a href="http://jalz-cassieast.blogspot.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSR-AE-Cm4YLPfM1-6BCMjHx97Nf-zrCu8mpu0xOrrSZWxUywj3r2qukZrMo0sXUsgsYUOibAdBJC3wzFdD5LA5-i98XS1KMf3e_A7vgAYBa_LsHVe-ZYz2G1wA7LCyLDmtSOOUYz7Mw/s1600/aa.jpeg" width="80" /></a></td></tr>
</tbody></table>
</div>
</div>

Warna yang ini Adalah posisi dari widget ^_^
kalau ini adalah warna gambar yang menjadi background dari widget tersebut ^_^ selamat menikmati...

Share :

Tweet

More

Related Post