Membuat tombol Metro Style Social Sharing

Mari belajar bersama lagi kali ini mari membuat widget Metro Style Ikon Sosial, membuat widget Metro Style Ikon Sosial kali ini berbeda dari ikon sosial karenan widget ini memiliki efek zoom konstan seperti ini telah namun yang memiliki perbedaan warna khusus yang akan memastikan juga, namun saat ini jika Anda tertarik pada kesederhanaan maka tombol-tombol sharing dapat terlihat mengagumkan di blog Anda. Tombol-tombol ini memiliki lima terutama situs-situs sosial, facebook, twitter, google +, youtube dan rss feed Anda.
Jadi saat ini Anda akan menambahkan link situs Anda pada setiap severally.Well tombol ini dapat tampilannya setelah Anda dapat membawa lebih dari mereka dan sehingga siapapun klik pada mereka akan diambil dalamnya situs web secara otomatis. Oleh karena itu saat memeriksa langkah-langkah berikut dan bersenang-senang.

cara membuat widget Metro Style Ikon Sosial
1. Buka Blogger -> Template -> Edit HTML.
2. Sekarang tekan Ctrl + F dan cari]]> </ b: skin> tag dan paste kode di bawah ini di atasnya.

     .rnhckr-bubblewrap{list-style-type:none;margin:0;padding:0;}.rnhckr-bubblewrap li{display:inline;width: 60px;height:60px;}.rnhckr-bubblewrap li img{width: 40px;height: 40px;border:0;margin-right: 4px;-webkit-transition:-webkit-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in}.rnhckr-bubblewrap li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}

3. Sekarang Simpan Template dan arahkan ke Blogger -> Layout -> Tambah Gadget.
4. Sekarang pilih HTML / JavaScript Gadget dan tambahkan kode di bawah ini ke dalamnya.

<ul class="belajar bersama smk ti"><li><a href="http://www.facebook.com/tutorialali"><img src="http://i.imgur.com/6AI7jNU.png" title="Follow Us on Facebook"/></a></li><li><a href="https://twitter.com/ali_ridho03"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/116022673660811120208"><img src="http://i.imgur.com/g8dACcy.png" title="Follow Us on G+"/></a></li><li><a href="https://www.youtube.com/MTsalihsan"><img src="http://i.imgur.com/WOWCE5P.png" title="Subscribe Us on Youtube"/></a></li><li><a href="http://feeds.feedburner.com/BelajarBersamaSmkTi"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe Us on RSS Feed"/></a></li></ul> 

*note:

tutorialali ganti dengan username facebook andaali_ridho03 ganti dengan nama pengguna twitter Anda116022673660811120208 ke kode pengguna google+ Anda
BelajarBersamaSmkTi username freeburner Anda




MTsalihsan ganti dengan akun youtube Anda