Minggu, 12 April 2015

Cara Buat Widget Social Slide Hover...#

Cara Buat Widget Social Slide Hover KerenBagaimana sobat, sangat menarik bukan?
Mengapa menggunakan Widget ini untuk Blog Anda?

Selain Ringan widget ini juga dapat membuat blog jadi elegan dgn gaya yang menarik dan membuat pengunjung penasaran untuk mengclicknya dan ini menjadi salah satu keuntungan, karena sedikit tidak mereka akan mengikuti di Jejaring social Anda terutama yakni Google+ | Facebook | Twitter.

Cara Install | Pasang di Blogger?
Ikuti langkah-langkah berikut dengan benar.

Langkah # 1: Menambahkan CSS :


  • Login ke akun Blogger
  • Silahkan Pilih blog yang akan dipasangkan widget
  • Klik template
    Cara Buat Widget Social Slide Hover Keren
  • Klik Edit HTML
    Cara Buat Widget Social Slide Hover Keren
  • Sekarang klik Ctrl + F pada keyboard agar mudah mencari kode ]]></b:skin>
    Setelah muncul search paste ]]></b:skin>
    maka sobat langsung ditunjunjukkan letak ]]></b:skin>
  • Jika sudah ketemu silahkan Copy dan Paste Kode berikut tepat diatas ]]></b:skin>

    Berikut kodenya

Silahkan Simpan

Langkah # 2: Menambahkan Widget Sosial Rounded di Blogger

Silahkan Klik Tata Letak >>Tambah Widget>> HTML/Javasript
Cara Buat Widget Social Slide Hover Keren

Sekarang silahkan Copy dan Paste Kode berikut pada form widget
Beikut kodenya :
<!-- CaraZone Widget Social Slide Hover Keren-->
<script src="http://daenk.googlecode.com/files/jquery.js" type="text/javascript"> </script>
<script src="http://daenk.googlecode.com/files/MySocialShare.js" type="text/javascript"> </script>
<!-- Rounded Social Share Code -->
<div class="mblsocialshare left" data-arc-length="360" data-email-handle="blabla@gmail.com" data-facebook-handle="carazonecom" data-google-handle="113065071007966297445" data-image-type="facebook" data-networks="facebook,twitter,email,pinterest,google,youtube" data-picture="daenkrhapy" data-pinterest-handle="carazone" data-twitter-handle="zonecara" data-youtube-handle="carazonefull"></div>

Kustomisasi:
Ganti carazonecom Dengan Nama Facebook Anda atau Fanpage
Ganti zonecara dengan Twitter anda.
Ganti 113065071007966297445 Dengan ID Profil Google+ Anda.
Ganti Nama carazone dengan Pinterest Anda.
Ganti carazonefull dengan Username atau saluranYoutTube Anda
Ganti blabla@gmail.com dengan Email Anda


Selamat Mencoba dan semoga Bermanfaat

0 komentar: