Selamat datang ke BelajarBlogs...
Home » » Sosial widget terapung dengan effect yang menarik

Sosial widget terapung dengan effect yang menarik




Langkah 1

1. Login ke Blogger, Klik Layout :




2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak; 
3. Pilih HTML/Javascript;

Langkah 2

Copy kode dibawah ini dan letakkan dalam kontent yang telah anda buka tadi.




<style> .btsnts-flt-wdt{ position:fixed; right:10px; top:30%; } .btsnts-flt-wdt img{ float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .btsnts-flt-wdt img:hover{ -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); } </style> <!-- btsnts.blogspot.com --> <div class="btsnts-flt-wdt"> <!-- Facebook --> <a href="http://www.facebook.com/jeritanblog" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="http://3.bp.blogspot.com/-zl6GiZgl17w/TzNgd4y2VKI/AAAAAAAAAwQ/yl5f0NXI_Ng/s1600/facebook.png" /></a> <!-- Twitter --> <a href="http://twitter.com/jeritanblog" title="" target="_blank"><img alt="Follow me on Twitter" src="http://1.bp.blogspot.com/-oZXlXaVZ0NQ/TzNgee09cVI/AAAAAAAAAwY/UVUjQ9LlLuk/s1600/twitter2.png" /></a> <!-- RSS --> <a href="http://feeds.feedburner.com/jeritanblog" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="http://4.bp.blogspot.com/-v8adyG27cBs/TzNgdRZJzaI/AAAAAAAAAwM/k3HJWWhY0jY/s1600/Rss.png" /></a> <!-- Email --> <a href="Your Contact Page URL" title="Email me" target="_blank"><img alt="Email me" src="http://3.bp.blogspot.com/-6ZNwVUqx9eo/TzNhk_KXPvI/AAAAAAAAAwk/uxsSpqb3sdI/s1600/Mail.png" /></a> </div> <!-- End -->



Ubah

  •  Now replace http://www.facebook.com/jeritanblog with your facebook page url.
  • Now replace http://twitter.com/jeritanblog with your twitter page url.

  • Now replace http://feeds.feedburner.com/jeritanblog with your feed address.
  • Now replace Your Contact Page URL with your contact page url.

Selepas itu klik Save dan anda boleh lihat hasilnya..




Video Tutorial


9 ulasan:

  1. Salam..
    ermm..lama menghilang..
    moga sihat selalu empunya
    blog nih :)

    BalasPadam
  2. Ah nice post,

    Please visit Back n Follow back

    http://ragil-sb.blogspot.com

    BalasPadam
  3. Dapat tips berguna kat sini...^^

    Hi, im a new blogger here.
    And i new follower of this blog.

    Slm pkenalan..


    BalasPadam