Cara membuat widget jejaring sosial besar dan melayang tebar pesona di blog
Para Blogger sangat tertarik pada aktivitas sosial. Oleh karena itu pengembang web selalu bekerja membuat widget-widget baru, tombol widget share membantu penulis (author) dalam mempromosikan situs mereka secara online. Postingan kali ini akan membantu penulis untuk berinteraksi dengan para visitor/pembacanya. Tombol-tombol widget share (berbagi ) ini benar-benar besar! :D
Cara menambahkannya di Blog
- Masuk akun Blogger -> Klik Tata Letak -> Tambahkan Gadget (posisi peletakannya terserah mau dimana sesuai selera anda)
- Kemudian Klik -> HTML/Javascript
- Pastekan kode berikut di bawah ini :
<style>
.genieland-huge
{
position:fixed;
right:10px;
top:10% ;
}
.genieland-huge 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;
}
.genieland-huge 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>
<div class="genieland-huge">
<a href="https://www.facebook.com/pages/Eyang-anom/427305383989192" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9voRndZkjEFanPVCNAxbs7963YL3rhpYFORlgy-BRKisCc_GbNAkWJvsWMIe-wfwHVo95w_Ctnm78W_1qBeTzQLzz7C8qBC4yiF-sA9MvmoYmCZt8N9Irwbl93esY0mAZIleh0xqBF175/s1600/facebook_color02_128x128.png" /></a>
<a href="http://twitter.com/sijalupangna" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSZU2cJ1lg2ps3F_5T6PQPiIpFxgOqo4CQOnd2rVS-LazwgGaqdvmqi64-rHfTk52IYw4loWXUahzzk96JdqrgtPbMhUm2dDV5LUIGPNSmlpplrDTe00MU2tisq-NAaAZSIl3xhf2516hR/s1600/twitter02_color_128x128.png" /></a>
<a href="http://plus.google.com/u/0/103806695606848957210" title="" target="_blank"><img alt="Follow me on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRagsN1tElwZXS0T2YLYBZWMaa1kIUArMz2YtJm9RFI9GyunCzUdknsX-QVpixjJmnHeQsWN-GwyJmxw8q5KOOLUVI8pQY7R5rtCdBnJKbyI7j6WpKAuHX954-wFdLaH98wFWMFYCnEeTX/s1600/google_color02_128x128.png" /></a>
<a href="http://feeds.feedburner.com/jalu-pangna" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQDx7X3v8mZe_LDX05F_e7RJO9gJTeIaoYH6L0o05Nt8dpQDAUVwBGCIwYGWgKyVzO2cIGkBmcx6rV7z_JqLkmm5iCgoXoiqfaUoaeQp8uPKs8jiHsQv8JHUY2wVZQZYMX2TU7tQ4D9Va/s1600/feed_color02_128x128.png" /></a>
<a href="mailto:sijalupangna76@gmail.com" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSQZm1EhIxpk9rSU3KESbX1sNOx2gY1u_VTlBMvKpvc-50HmUlOO2XqpfKAJeqDeDU6Q-asZ8aNyNvv7wPpwOODGWD-g1NKcIew8x4CNwnR9Jt-7jKVmiK1XQC-CsYpUzh4PJG6L7gmbGD/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End -->
- Ganti Link yang berwarna Biru dengan link anda
- Kemudian simpan Tata Letak....Selesai
Semoga berhasil and keep blogging !
0 komentar:
Posting Komentar