Cara Buat Butang Share Gaya OS X Dock

Butang Share Dengan Gaya OS X Dock Ini Daripada addthis.com,Butang Share Ini Dengan Fungsi Floating  Dibahgian Bawah Yang Mempunyai Satu Butang Untuk Pelawat Mengklik Butang Berkenaan.


1.Login Ke Blogger
2.Layout' > Add a Gadget' > 'HTML/Javascript
3.Copy Dan Pastekan Dalam Widget Anda.Siap!

                                                                                                                                                                                  <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/AVvXsEj3XQ1bVuYxSFDgy68p97Oe-xPQGyTV2HvLTuKTnnMPN18obQKUXMUfvK2msr6_A2wuYkZs7vc34jpOmJYsWDTy-4O1AJjkVgaU3b8dbRkGh-4l2aL7zOEy4lcjDyagnqGp5irKJ01ymFjC/s1600/widget-bg-donorilmu.gif) 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>  </div>  </div>  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>  <script type="text/javascript">  $(function () {   // Dock initialize  $('#dock').Fisheye(  {  maxWidth: 30,  items: 'a',  itemsText: 'span',  container: '.dock-container',  itemWidth: 50,  proximity: 60,  alignment : 'left',  valign: 'bottom',  halign : 'center'  }  );  });  </script>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat Butang Sosial Yang Kemas Dan Teratur

Butang Share Atau Share Button Ini Sesuai Bagi Sesetenggah Blog Yang Simple,Kerana Deretan Butangnya Yang Kemas Serta Teratur,Untuk Meletakanya Anda Hanya Perlu Copy Dan Pastekan Pada Bahagian Widget,Button Ini Terdiri Dari 5 Butang Utama Iaitu Stumbleupon,Deliciuos,Typad,Twitter Dan Facebook

                                                                                                                                                           <a href='http://www.bloggiks.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEmZcl3YQEIUCGlD3mK7gkL8i8-ucZoF3xnoALcdL6az6ZJSxIuGLOMpGYGw6Cm70LIizQLaFr_Fnt5OxyhhsPZpYxLk0z33jHrtO4GC9zR46fwz3MsXO111xoCp7azf5dXjiXmazyegb7/s1600/best+blogger+tips.png'/></a><div style="clear:both; ">
<div style="width:60px; float:left;">
<script type="text/javascript">
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
</div>
<div style="width:60px; float:left;">
<script badgetype="square" src="http://d.yimg.com/ds/badge2.js" type="text/javascript"><data:post.url/></script>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Stumble" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Delicious" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://technorati.com/faves?add=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Technorati" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://twitthis.com/twit?url=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Twitter" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Facebook" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif"/></a>
</div>
</div>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat Butang Sosial 3D Berpetak Pada Blog

Memaparkan Butang Sosial Share Pada Blog Jenis 3D Memang Nampak Cantik,Butang Ini Nampak Kemas Dan Teratur Dengan Deretan Butang Seperti RSS,MAIL RSS,FB.TWITTER,GOOGLE + Dan Juga PINTEREST. Anda Hanya Perlu Menukar ID Yang Berwarna Merah,Setelah Selesai Copy Dan Pastekan Ke Blog Anda.Siap!

                                                                                                                                                      <style>
#social a:hover {
background-color: transparent;opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAQvlR2ZpneTPvBhO48E-XLeoRUVI3Zu9F1SggX2jjuHpmf8YwXbbmX45_DuElhNxJ3Z1xCvMBnqVmPacJen_AdgYsuLjNMJImQ_SCPFykMdkVQFkiW6JQiLPJRRQ6bMjJdGan_3XU2pZ/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6O0th3E54WmqAMcy6-tyqQ_hcqqx-M6APLZRH1QwzTXjt8IFwgVpYhCtQSTu7IVJYazDHH2yxGzcW-aaenfJ1h7Glb1Dz7SmKp1Yb79fhQFUKpF70H35OKXAWWoLNoRriWu2cOteGa65/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpnCRbQ9Lfc50yWGvkf6npg7Lza5fWYa6TdABmUbIj81xiULDhekiFi-vJYpqegDEutXdwA8nkNMYKlQGRn1-Ppztl-jd8ybmRDOFs-CQYfQXA6dokLoIB5kleeuiD9rVxu84EOCb4pyy/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTxpigkFot6mZ61xlO5ZB-I4XCwLdMhkenhAWMQEZnIkLsuDLmAQtkeMuTTmB3c-uXL6u98uyL1s6iEuKQPa5iFYfqmZ3t8Mmah60cjAlyZkxgpLWQLiPGNX5EbKd-iJ-jJeUgmK_EQXO/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/102697983032376988266" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhao7pGJ8L527Q2THiowwmCmH0IKPawni2XufasdGrN8dCkwfZ8OT9aLQCGjfePGFx9o_ThFltvn6DuVRzpEwmm_O3RYiiUCdcBlMfydezBZR7qGir-JYlBU6vrNywYTjb7OGc9Dv70FUmH/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chandrutech" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcbkRXq8og0_PAyY52KJmJGpBpQj8PnMHJehDu3y_Q67yScXjTEi2-2I4VAaIfe431kTqk7H0MmLqPxa5H_ypUWMPCc_v42_2-KPw2j4BlUvbMe3MGkCXCVIAtJp8YlU_2rykyeYYK9XCC/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/>
<a href="http://feeds.feedburner.com/bloggerwhist" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a>
</center>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Mudah Membuat "Tooltip Sharing"

---

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat "Animation Sharing Button" Generator Toll)

1.Pergi Ke Edit HTML
2,Copy Past Kode Dibawah Selepas <head>

                                                                                                                                                                                                         <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Mudah Membuat 'Social Sharing" Widget (Generator Toll)

                                                                                                                                                                                                           Cara-Caranya:                                                                                                                                                                         1.Masukan Facebook fanpage anda                                                                                                                                   2.Google Plus URL Anda                                                                                                                                                     3.Twitter URL Anda                                                                                                                                                                             4.dan Feedburner ID Anda                                                                                                                                                                5.Klik Pada Butang ADD TO BLOGGER                                                                                                                                         6.Siap!

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Muda Membuat "Share Box" v1 (Generator Toll)

Share Box Ini sesuai untuk anda letakan pada bahagian sisi blog,anda hanya perlu mengisi butiran yang disediakan pada Form dibawah,ia mempunya 

                                                                                                                                                                                                        Share Box Ini sesuai untuk anda letakan pada bahagian sisi blog,anda hanya perlu mengisi butiran yang disediakan pada Form dibawah,ia mempunyai 4 butang utama iaitu:                                   1.RSS                                                                                                                                                                                           2.GOOGLE PLUS                                                                                                                                                                     3,FACEBOOK                                                                                                                                                                                                4.TWITTER

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat Butang Sosial Mendatar

Butang Sosial Yang Agak Menarik Untuk Anda Letakan Di Blog Anda,Dengan Deretan Butangnya Yang Agak Rengan Tidak Terlalu Rapat Untuk Pelawat Anda Klik Salah Satu Butang Tersebut:
Untuk Meletakan Dalam Blog Anda Sila Tukarkan ID Yang Bewarna Merah

1.Login Ke Blogger
2.Layout' > Add a Gadget' > 'HTML/Javascript
3.Copy Dan Pastekan Dalam Widget Anda.Siap!

<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://facebook.com/Mshamyusoff" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9DbFYKzd4nclQMOqwfFYaE3S7KLo_L4XYBmT4aDSRI30whG0t6XqRcQoY2jNGyLTk1otbWgXP2b9kiTUjzV9HGdDxrRk1Z6f8FlX1lzD-1w-6NS0QIymFzTgEaPnmXlNVEkwHzcawn_Lj/s400/facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="http://twitter.com/komunitiBM" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtvBKOaCCG95FmHLdfH2RtPkB4ah7rOCC9Fq_lLD2YBhskdfVndqt30ZspaYBDh_tPASPzmo7RoIKo_-GzQIg0EVuvE_SK1eRc5HiMuA1bB5yySV_ffrLIOHAwAULfnUSwmw2erZrwmIK/s400/twitter.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/101505118575252533241/plusones" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBup4322tATPLT1fzNnDS5cicwpEhxqqIV-LYKoUAUpls2-O6T1SMaz4RkmHlsZpkoBKo0iBcGPdtWhhJouxuZTk0b4WDz5KzZl2eU9AGTBD8N9bY1ZjB2G48YTCVMCTqOw5MPISQk1lED/s400/gplus.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/doncaprio" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1WytwRuhyD2zQqFszxbEuv_-fbvOy2GnKC11IM2wAOksXx1btCrFxV5guCipcYA4JPVHj0HnqS2sdh_WGrHwPJxrcJw8VHl0rP_FCVQqMG15ZP_PBsmWH8vOYmS7Fa0_lsQjkbmjl5ctz/s400/rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=doncaprio&amp;loc=en_US" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicK2RUEtqdvFCfa5PFqK7WwN86wSLZDjZ5EraDd0-PxHG6H10HPMz-JypEfd5LQINxjFJiff49O8kQomF6IrNEyXY8K1HskFeMhlgES_glxL6iLI1e-cEQUIq9PmhSW96yC1yJT5l69Bd6/s400/email.png" alt="" border="0" /></a></div>

<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://facebook.com/Mshamyusoff" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-SvO06fhUDZk5YGplUyDqrD83rTrU0-5w1HjlQ0ogGlL954lS0OUvFRziNBa4gDTlD63_JgCEZPngQCtjxXaNglGsvTJJCP9FS3VwpMM64vCLM8yPqSDtA8r-1k95eqXWkC4diI78l6Q/s400/facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="http://twitter.com/komunitiBM" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9iJNUhAB1oOyLZzTIGerxvInFvMnIR08j2ip70Pj7Jo77ZfeS-q6XMKdljVtRFLRK1W2Kowlm7zvZhIkEtp7WZY5VuN5gH0KL2PIypxFm5tMnpBwvtBChHZDsha77QVwhzsDQ4DkOVEBO/s400/twitter.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/101505118575252533241/plusones" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevMHQ9L99PW1nIz5s3NVHd2jxak-I4Nhip2OZg_BldMhnhIgl3yhkVNVG9V2c8pyFJr23A7cIGUEOcseQ9M6CNBAZxzGpSQUvcKxk2kiqz61mbAbPq5q8Ys1uL9e3KZqbEPMaFGYbwt9H/s400/gplus.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/doncaprio" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5ojDsfhu20DeJ7gGDyK8abZG1FL49g9wGz4UezVSgrK4Ak8ers0PkNBg_8qB-sYHlVpGYI1t0UaX36eSAbOtjUswK1pGH-7X9LN8dCIR0le-1svMMgbpMbA5ekx3CzhXQxpUPLDqmsnv/s400/rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=doncaprio&amp;loc=en_US" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWXjKBMqxo3r0EaW79nmunk1Lw9hYQbiKfsqPYdE-gQiri_J7EVsuiiCQ2PTglj5jNzmxYf5VkzvKWuBkKTd2bNx5YjQrPjXorq1C-T1HrfpWO1onN9NoGZ-ooHljVl7xdihxLsIOe0IRv/s400/email.png" alt="" border="0" /></a></div>

<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://facebook.com/Mshamyusoff" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-HV5J3yHRG7gbGdT1pax_8dlxarkrAsRr0-902m08UCFKdTWmyAT0GCmVVyk6b5MqvpSO20ucUHda00ORGBpjO8OeEdiZY1LlR7pEhp_Iz6csejWul0Qxydg5AbocXl7R7n_Fc_runLX/s400/Facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="http://twitter.com/komunitiBM" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK_uN5QfUqRp9KFRIA3x4ZYObta-FDpepjobFNS_OOasgS20reLlOaM401Z5rCmNJsTYgEb2OgwsOKf2E8CcUPleCWCmeakkWckoEyavEQtuD8M30tOWQ8JvKqVfX1B_1d4W2HLn02kidx/s400/Twitter+02.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/101505118575252533241/plusones" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPnq0Gh6-g2KyU7vlvba8drGGPJZiZzUnZhykyoYIsNtC2OI3VyREs7cN4B63Vm66mLdB4ofyTXbvGCr-D90NMAnv7Mt708F5Tef67ND5dpFuw-_EqTS4msPLRS1jtC2S8Xq2sjK3uqYN/s400/Google.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/doncaprio" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC8HOFM8yAdbCrX0EQjQiDYLvsGLRdDOx7ZdUsuBnujsJY0PAKNgjjxYrK9s2wHfy0sNizYEcAP4k1AbT4TfXPXMcelrgOAodTq9AYQDHWKZgmZXMfHBIf0w0mrRth3cKb-Tx5DaLCLMF/s400/Rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=doncaprio&amp;loc=en_US" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQNzX074hfGMqmKGawUP2X34ovjfBu3JwMTMqKkH0fnqKlh7zqBKpOz9ZZ1TZAipYX2VrXGeRNKRMG49NUudHLs0gU0TdO4PWtZZDzRCfa6ZuR3gi72VwTKxTxx8VuLG2FMQ83FACtZf6/s400/Gmail.png" alt="" border="0" /></a></div>

<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://facebook.com/Mshamyusoff" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-qP-hE5WHq42KheTMyyMcs3Xz_47Y5uuLynAXEkeFNAewQisXcQW_jl6DiLd0kwxj05byEegS1g9EaORbi-JLmGo3GgMVCrqn78GWsyEiuROYi-JrIyD0J3MvTeOWkavhPBsbubsFMw/s1600/facebook-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="http://twitter.com/komunitiBM" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8C_04PqljF0cULUiHINrJMtU5ctz7Nn2dR5GBj7gSRTRX6rN4Camv5kry4W5gbDTAfJkFwcyCjjKID9uKmOftuh4h63NKV1dN5nj6kDtZw-pZiV-QvSEUG8vwoyEgPyfu-6b8vFFIbH0/s1600/twitter-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/101505118575252533241/plusones" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbq27uzAKfR8tAueqitJ3k3br3wzoq-5G4HC2nJYmfMjvU04-gBDBGN5a21ZS3-TNrSCP1UfxwA107tyBVr7nUXFiFGAh88FwhaHFqj8_Z-JpCIWmxQRrZGq9iMlP0vrcdqCYVDithbfw/s1600/googleplus-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/doncaprio" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUC7sxQPVRUpk5TifhEyMo0dvKQNBY1rAH3KIh_c8mVqpU6ynWCqMuYfdD30qErvGJlwnm1H7rS7Vr3iDtt-47RYDSvOBCOcDYqdP9nOAnHOLy-i1nCQKj5Rbh6ccuzsuyIsM0DF2JE_U/s1600/rss-30×43.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=doncaprio&amp;loc=en_US" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_tk244K1db9cdsThk_GTQ6kznT0P1cYsToVg69-RIBgXMECcQzEdAkYOHrgCDpbhmVTND2yakwTAZX3GYj-gXXw00Mr-oCI7t6T4KZo0WZOlWw02IlkSxdrUiqzZckUOVf_2430o6GJj/s400/email-icon-smaall.png" alt="" border="0" /></a></div>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat Butang Sosial "Labnol Style"

Butang Sosial Dengan Hover Efeck Yang Boleh Anda Letakan Mana-mana Bahagian Dalam Widget Blog Anda,Keunikan Pada Butang Social Ini Apabila Disentuh CURSOR Ia Akan Bertukar Warna:

Layout' > Add a Gadget' > 'HTML/Javascript

Twitter Facebook RSS YouTube Google

​

<style>
.bdsocial {
display: block;
margin: 2em auto;
width: 200px;
height:40px;
}
.bdsocial span {
float: left;
display: inline;
margin-right: 8px;
}
.bdsocial span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color: none;
background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijizReKSLk8-cWThQ-zssM3v7wBas6vzaHjeR2INHdYvQCoUyNlY0Eh2nwaLyeI0eqXgt5krLCHF9wZwjI3aPZxuwgUibC2vIJt6ZyqXELmWX0VAXB8AbI7se5eOtPdFdX13VVXNem79w/s1600/blogsdaddy.png") 0 0 no-repeat;
}
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
h6 {font: 90%/1.5em arial, helvetica, sans-serif;
color: #909090;text-transform:uppercase;margin-bottom:10px;}
#footer-logo{text-align:center;margin:10px 0 20px;clear:both}
#footer-logo a{color:#000;text-decoration:none}
.footer-rss{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijizReKSLk8-cWThQ-zssM3v7wBas6vzaHjeR2INHdYvQCoUyNlY0Eh2nwaLyeI0eqXgt5krLCHF9wZwjI3aPZxuwgUibC2vIJt6ZyqXELmWX0VAXB8AbI7se5eOtPdFdX13VVXNem79w/s1600/blogsdaddy.png") no-repeat scroll 0 -180px transparent;display:inline-block;height:20px;width:42px;margin-right:12px;vertical-align:baseline;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.footer-nav{margin:0 auto 20px;width:100%}
.footer-nav a{margin:0 4px; color: #666;}
.footer-nav{margin:0 auto 20px;padding:15px 0 0;border-top:solid 1px #ccc;width:86%;text-align:center}.footer-nav
li{padding:0;margin:0;display:inline;list-style:none}.footer-nav a{font:100% "OFL Sorts Mill Goudy TT", Georgia, Times, serif;margin:0 8px;text-transform:uppercase;text-decoration:none}​
</style>
<div class='bdsocial'><span><a href='http://www.twitter.com/komunitiBM' id='iconTwitter' target='_blank' title='Twitter'>Twitter</a></span> <span><a href='http://www.facebook.com/Blogsdaddy' id='iconFacebook' target='_blank' title='Facebook'>Facebook</a></span> <span><a href='http://feeds.feedburner.com/BlogsDaddy' id='iconRSS' target='_blank' title='RSS Feed'>RSS</a></span> <span><a href='http://www.youtube.com/5abiraag' id='iconYouTube' target='_blank' title='YouTube Channel'>YouTube</a></span> <span><a href='https://plus.google.com/106217413057730068740' id='iconGooglePlus' target='_blank' title='Google Plus'>Google</a></span></div>​

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.

Cara Buat Butang Social Diawan

Butang Sosial Dengan Icon Awan Yang Tersusun Rapi Ini Amat Cantik Jika Berada Dalam Blog Anda


1.Login Ke Blogger
2.Template’ > ‘Edit HTML > PROCEED > Expand Widget Templates

3.Cari Code Ini ]]></b:skin>
4.Copy Kod Dibawah Dan Pastekan Diatas Kod ]]></b:skin>

/* Blogs Daddy*/
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

5.

6.Layout' > Add a Gadget' > 'HTML/Javascript
7.Copy Dan Pastekan Kod Dibawah Ini.Siap!

<ul class="bubblewrap">
<li><a href="https://plus.google.com/u/0/117100549673033253859"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9FuOojgNeXX7TyBMQnR4dYZi_Lg5Rn2dcs3prK3lu_UTapDJhGwP90b_cjUObbQp1yL83qxt7BFNVcMjhE5RGL0xh06Kom5iKfna0yjPNqNFjiCS7NF5J-yC7tc_eejqvAgZXvNceCeE/s1600/blogsdaddy.com-google-plus.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/BlogsDaddy"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-zOLW55wQJZq52FcZt-NZRN2Z-hSzDefpTJBK68T_jZIjOP5ZwibxWmhYi1VZbdmvy0Lno_YUmSPyj6NIYFvFbPPTwMmfU-ACw9si_cjsUnNZhRw9YDLNQJjBCiHR7dayy5YwTLd6Fvk/s1600/blogsdaddy.com-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.digg.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeu583tM0EblV0zj1FenMwUYKHPt0CYVFxKdqVOAIyDy9ezELXv8XgFx9O-I29p2Kcuv4rzg0pbkvnaAYdhe3CvD5zKF6749s82dH4voe-v4MusqktkFh4nOxWZhHDm-ZAuljvxn7uHJA/s1600/blogsdaddy.com-digg.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/BlogsDaddy"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPRNBVHBaM2PLFjuOah7XkrKJhCNPXqAGBwflSAJVS9b8WAugZ7MA0v7UCpZ8Xjz1b7pD5ed7cSz7iD5mDKgmK_3ijdr5cL6esGYw2kQ2U-rBtPtv0EAp0lKXgCm8QLBKUPmSB9B7oYOU/s1600/blogsdaddy.com-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/BlogsDaddy"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9mlpxbZJGU6oi_D8S4_pcBhcPAyykyBtNpSj1k_lHaDJKTvY1PnfMkZNBf1ga9ycICr3WgEQltNAozXCzYtkcFz-TqGl6L5nv-kRCAOTAoiOOtzouNsAAC9ockIZfJU2Pvbcy2rZzBU/s1600/blogsdaddy.com-rss.png" title="Add RSS Feed" /></a></li>
</ul>

Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.