Bubblicons Social Media Sharing Widget Untuk Blogger

Dalam posting ini im akan menjelaskan bagaimana menambahkan Bubblicons
sosial berbagi tombol untuk blog Anda. Ini hanya
widget. Anda dapat menambahkannya ke blog Anda dengan mudah. aku hanya
menggunakan Css dengan HTML. Periksa link di bawah demo.
Anda bisa mendapatkan posting media sosial dengan widget yang sama.










Demo

1. Log in to blogger Design > Page Element.
2. Click Add Gadget and select 'HTML/Javascript
3.Now Paste Below code.

<style> /* Bloggertrix */ .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); }</style> <br /> <center> <br /> <ul class="bubblewrap">
<li><a href="http://www.digg.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW3jHkU4PAzDOhjsatPl_Fky9ZQMxy6KxAXFbmlhw-vb1NrtCExqzEIDHp7TnS3hqAmArY-2cn1jqAiK0O6G10AeM8eNzEq_3RSHgm1NsBEYml6RoO6E9LvdZZabp26SiI6bw73HaU5Y/s1600/bloggertrix-digg.png" title="Add to Digg" /></a></li> <li>
<a href="http://www.facebook.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfJP5wa0nuhEcZIz3x4kQG3r5V15GWTNrY8gmkEotwbZ-sO0PaorQSfUBuuB_tRCSG6hQ9YoDbbUDAEhbBXZVfdKxRhc_p_8bF8Y2RscYh3LUKti1K8-g-Lim0W46YLyc1x_KK0uHXtU/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li> <li><a href="http://www.stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYyN4bLME9lq9dThMJNE2tZafeL7-qjmCGpgJZsviIFoUniVMbhYuJqkMCbPaOMa7egWYIWWJerIKkWTS8454iZbu1PCSN_stzAwGBv7N3LAzwFYQTBe13E2Bb1b0rzjvLEelSjDLeI_o/s1600/bloggertrix-stumbleupon.png" title="Add to Digg" /></a></li> <li>
<a href="http://www.twitter/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8apmm-WxdyGhoP0qydpJIVEVPg1SzmPOio8CMkOo3qp0BtkGU2oxR0Yn0cCOuLxUKQE2ZSVwvsI0Kh4eD_JfIL98eekKjBSzvzJLKXl2iqaLWSa_tWv-Sdg5yjR4zP_2ivfDxdK97JmM/s1600/bloggertrix-twitter_alt.png" title="Add to Twitter" /></a></li> <li>
<a href="http://feeds2.feedburner.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPY5hWvLoAPQWbhFCXO2fXC9UDxyUTpdlWqqhzQ-9dfTmaHZ4-05MLd4VvZNQGJnZi6ekLbkY0wQyNNwFuo_NCcPyQDElfutYXZPv8rkbJ5H1LhFak4QWUVbUMJT93s4X5bXF3sv8C4_4/s1600/bloggertrix-RSS.png" title="Add RSS Feed" /></a></li> </ul> </center>

Setelah menyisipkan kode di atas

•  Ganti merah dengan nama pengguna facebook Anda
•  Ganti Nama hijo dengan twitter Anda
•  Ganti kuning dengan nama pengguna digg
•  Ganti biru dengan nama pengguna feedburner
•  Ganti merah muda dengan nama pengguna stumbleupon

4. Sekarang menyimpan HTML / Javascript '.

Anda telah selesai ......

Bubblicons Social Media Sharing Widget Untuk Blogger 2013-02-11T08:00:00-08:00 Rating: 4.5 Diposkan Oleh: Anonymous