WIDGET ANIMASI BERGERAK SHARE BUTTON

Berbagi memang indah... Nah cocok banget tu ungkapan buat seluruh sobat setia Much Better Blog karena setiap saat Much Better Blog selalu update dengan berita-berita menarik, unik dan informasi yang anda butuhkan. Bagi anda yang pernah memperhatikan di pojok atas kiri Much Better Blog ada share button berbentuk bulat yang saat disorot kursor akan bergerak dan berubah warna. Keren kan, nah bagi sobat yang ingin mempercantik blognya dengan animasi share button bergerak feeds, google+, facebook, twitter anda bisa lihat caranya lengkap dibawah ini.

1.  Login ke blogger sobat

2. Pilih Tata Letak (Layout) > Klik Add a Gadget (Tambah Gadget)

NB : Add a Gadgetnya bisa dipilih yang mana aja kok nanti hasilnya tetep sama

3. Pilih HTML/Java Script

4. Masukan kode berikut pada kolom 'Content' :

<style> /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style><br /> <div class='touchme'> <!--RSS--><br /> <a class='rss' href="FEEDS ADDRESS" rel='external nofollow' target='_blank'></a><br /> <!--Google Plus--><br /> <a class='googleplus' href="GOOGLE+ PROFILE ADDRESS" rel='external nofollow' target='_blank'></a><br /> <!--Facebook--><br /> <a class='facebook' href="FACEBOOK PROFILE ADDRESS" rel='external nofollow' target='_blank'></a><br /> <!-- Twitter --><br /> <a class='twitter' href="TWITTER PROFILE ADDRESS" rel='external nofollow' target='_blank' ></a><br /> </div>

5. Ganti teks FEED ADDRESS dengan Alamat URL RSS Feed sobat - Login FeedBurner
    Ganti teks GOOGLE+ PROFILE ADDRESS dengan URL GOOGLE+ sobat - Login Google+
    Ganti teks FACEBOOK PROFILE ADDRESS dengan URL Facebook sobat - Login Facebook 
    Ganti teks TWITTER PROFILE ADDRESS dengan URL Twitter sobat - Login Twitter

6. Klik Save

Nah Gak susah kan,... Selamat Mencoba ya, Semoga Berhasil
We Always Need Your Comment, Thank You :D