Cara Pasang Widget Sosial Rounded Slide Hover di Blog

Putra Kefa
Putra Kefa
Updated:


Cara Pasang Widget Sosial Rounded Slide Hover di Blog
CaraPasang Widget Sosial Rounded Slide Hover di Blog, Anaktimor17 Blog – Sobat blogger(soger), kembali saya bagikan tips blogger nih. Nah soger kali ini saya akan membagikan tips pasang widget sosial rounded slide hover terbaru dan terkeren untuk Anda semuanya. Soger, widget sosial ini sangat besar mamfaatnya buat tampilan blog soger.
Widgetrounded slide hover ini dapat membantu kita tampil beda layaknya situs professional karena dapat menjaring visitor sebanyak mungkin. Soger semuanya pasti sudah tau kan? Situs jejaring sosial sangat besar perananya dalam mengembangkan blog kita agar dapat dikenal luas. Jadi soger sangat perlu memasang widget sosial ini.
            Kenapa harus widget rounded slide hover ini? Soger ada ribuan widget social keren lainya yang bertebaran di google, tapi widget yang satu ini terkesan elegant dan tidak berat untuk dimasukkan dalam blog jadi tidak mempengaruhi kecepatan loading blog soger. Silahkan Lihat demonya dulu



Bagaimana sobat, sangat menarik bukan?Mengapa menggunakan widget sosial rounded slide hover untuk Blog Anda?Selain Ringan widget ini juga dapat membuat blog jadi elegan dengan style yang menarik dan membuat visitor penasaran untuk mengklik-nya dan ini menjadi salah satu keuntungan, karena sedikit tidak mereka akan mengikuti di Jejaring sosial Anda terutama yakni Google+ | Facebook | Twitter.

Cara Install / Pasang pasang widget sosialrounded slide hover  di Blogger?
Soger, ikuti langkah-langkah berikut dengan benar.

Langkah # 1: Menambahkan script CSS :

Login ke akun Blogger.com, Dashboard >>  Edit HTML . Cari kode ini (tekan CTRL+F untuk mempercepat pencarian) ]]></b:skin> .Letakkan Code berikut diatas  ]]></b:skin> .Berikut Kodenya :

.mbl_container {
        width: 780px;
        height: 285px;
        margin: 0 auto;
        position: relative;
    }
    img {
        display: block;
        float: left;
    }
    .mblsocialshare.bubble {
        position: absolute !important;
        top: 50%;
        left: 50%;
        margin-top: -46px;
        margin-left: -32px;
    }
    .mblsocialshare.bubble.left {
       left: 200px;
        margin-left: 0;
    }
    .mblsocialshare.bubble.right {
        left: auto;
        right: 200px;
        margin-left: 0;
    }
 
    .mblsocialshare.bubble{display:block;width:72px;height:72px;position:relative;z-index:1;}.mblsocialshare.bubble .msb_main{display:block;width:64px;height:64px;position:absolute;top:0;left:0;z-index:2;cursor:pointer;text-indent:-9999px;border:4px solid #FFF;box-shadow:0 0 5px #DDD;border-radius:36px;}.mblsocialshare.bubble .msb_main img{width:64px;height:64px;cursor:pointer;border-radius:32px;border:none;}.mblsocialshare.bubble .msb_main:hover{box-shadow:0 0 5px #BBB;}.mblsocialshare.bubble .msb_network_button{width:46px;height:46px;position:absolute;top:9px;left:9px;z-index:1;cursor:pointer;text-indent:-9999px;display:none;background:no-repeat;}.mblsocialshare.bubble .msb_network_button.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh82v8nfA79GYL8iX4rnVxqxYDaOjxUvR5jfMVhG9U4tqnjxYnNlhyphenhyphenPcITcuVHHDaJv2VeUwSpl4MqibwOsgxlqjuKcxIzEcGGfJE0eGghBoYbWuBQYHVZgbPY2_OTHeqJlbNP4Z9QHYc/s1600/bubble_facebook_share_button.png);}.mblsocialshare.bubble .msb_network_button.linkedin{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsD3xBGStTgAcH2SdiblAnrqrF7qwoK3uEHX6X0vlE2kmcroJertbVIGquE6su1R040H3VkNKsxPe7cCTOWsVhzhmpQOkBuMG2u64tK6gamldaMvjG2HTC_w6E27SpJ62swaVvNpqRP4A/s1600/bubble_linkedin_share_button.png);}.mblsocialshare.bubble .msb_network_button.google{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI2DMtLddiwq3nVsVST86oSmbyoI57QKo21i6xOoGVoXcjeOU7cqX1OmDpBOxH9fGcKt2Lshor0dkUGe2pg6PMbsfqB5Kd3-5JiDUM_SkPDRgtoqqgiKAt4iAE4iT8x7PuTlw4d2pzeTI/s1600/bubble_googleplus_share_button.png);}.mblsocialshare.bubble .msb_network_button.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThMjHQ-_0PgJ97fLI1nkdwYMgxFE-7Dcv_BHVx5XqgxM4u0laD4Hv74TTX7UX14CQKG7gzE8QKShC-vkWR7ivNzh6H5_pyfBQzFYZmTh84RkSZqQm9TDMxNFux0hf457vy48jTPKHTXM/s1600/bubble_twitter_share_button.png);}.mblsocialshare.bubble .msb_network_button.pinterest{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcUQdK2HbAXu3DVL1PGpDaX8Au5e42NYxr3OCkzTbOBwoEEWCnhsbMDYn3c3wssCM04Cb8lyb1kFB9DSIUalkTVpBDdU3MDB1i1mLwtau6rF6p_RxlpBKV7cYJ9A8fDdiL9vNpKqkKcXA/s1600/bubble_pinterest_share_button.png);}.mblsocialshare.bubble .msb_network_button.dribbble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX55bkXcAJJhSk_RH8ro_W-yv_2RnPIxFrm4bIryBQ7xod0ylsFM3NDoED3X4T0iOPJ-6H14s4vvToRHXFsJED8HOde68xXCM5K4OGBkwdP1rjh_ByPyL8Mrld9kQ1HhYpHjukw5OHE8I/s1600/bubble_dribbble_share_button.png);}.mblsocialshare.bubble .msb_network_button.email{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8pawS5fYZWrGzbdIxYo_jFhxsRbAa8kdeJWYbdNvCrnyz0WGD71A6BJPjzf7FhuuMG-P3lQmE77xEjuOCHQMzbnAJiv4gw89AaBAvdyTcHDmBSVMFzkVb53iUY3AZrfE8XvSboEMzWo/s1600/bubble_email_share_button.png);}.mblsocialshare.bubble .msb_network_button.instagram{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTo9TIQIZP5tKEiEyFuyAUVLN1ke1OxECdP8Bxx-7TlTyZrV9yMuqpmQoRQBRtoFJQZqX5W1lyR-v-pvVOoBFrApQ-AFPV-4aN5LJFtdtQRU9ranZgK63Uu-jPuiMldb4X2mvBUzpaqOw/s1600/bubble_instagram_share_button.png);}.mblsocialshare.bubble .msb_network_button.youtube{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGfpWZ01tl_Uslz7y8nJytQ2UAh9dNSH_uRU5vIfMAW6n0DM5TgU_U20t-O6clN5zTHLQZDKanpAj2DsUorUKMlCLXrOjUA9gL3pZxGbvXJnvnhEKszZjVOGOkRXfGg3fp8XbZ7HFmVk/s1600/bubble_youtube_share_button.png);}.mblsocialshare.bubble .msb_network_button.vimeo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKLQwthE4EZl8IoKuAgxxWANEU9wiDQInW-eQJvhnOfYYuKFId_2Gup2wlsk1dGSk8a3SzJUS_X4yHhVQd6tdBnT5WXICETjeHpz8cUeZ2FdsWO3mjG9ccsZaI7Y2aqX4BZuCUNUmmATc/s1600/man.png);}.mblsocialshare.bubble .msb_network_button:hover{background-position:0 -46px;}
Selanjutnya klik  SIMPAN.
Langkah # 2: Menambahkan Widget Sosial Rounded di Blogger: Soger,sekarang itu sepenuhnya tergantung pada Anda di mana ingin menempatkan Widget ini. Tempat yang ideal untuk menu ini yakni tepat di bawah header atau di atas footer. Silahkan paste coding berikut di mana saja Anda ingin melihat menu ini di situs Anda. Dengan Cara pergi ke Tata Letak >> Tambah Gadget >> HTML/JavaScript Berikut Codenya 
<!—anaktimor17 blog Social Rounded Widget For Blogger -->
 
<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> 
 
<div class="mbl_container">
 
<!-- Horizontal Social Share Code -->
<div class="mblsocialshare right" data-email-handle="putrakefa@gmail.com" data-facebook-handle="nilulat" data-google-handle="112136672487238015009" data-networks="facebook,twitter,email,pinterest,google" data-orientation="line" data-picture="http://1.s3.envato.com/files/42962442/assets/images/share_core_square.jpg" data-pinterest-handle="markuskono" data-twitter-handle="markuskono">
</div>
 
<!-- Rounded Social Share Code -->
<div class="mblsocialshare left" data-arc-length="360" data-email-handle="putrakefa@gmail.com" data-facebook-handle="nilulat" data-google-handle="112136672487238015009" data-image-type="facebook" data-networks="facebook,twitter,email,pinterest,google,youtube" data-picture="daenkrhapy" data-pinterest-handle="markuskono" data-twitter-handle="markuskono" data-youtube-handle="markuskono">
</div>
</div>
Kustomisasi: Ganti nilulat Dengan Nama Facebook Anda. Ganti markuskono dengan Twitter anda. Ganti 112136672487238015009 Dengan ID Profil Google+ Anda. Ganti Nama markuskono dengan Pinterest Anda. Ganti Makus Kono dengan Username YoutTube Anda Ganti putrakefa@gmail.com dengan Email Anda Selamat Mencoba dan semoga Bermanfaat Mohon dukungan dengan menyebar Artikel ini dengan Click Tombol Google+
tips dan trik blogger blogspot Widget
6 comments
  1. Putra Kefa
    tes komentar :) , Ini Hanya Contoh Komentar aku cinta indonesia
    Reply
  2. Hariyanto Wijoyo
    asyik juga kalo bisa pasang widget sosial ini..moga2 saja blog-ku cocok dengannya...salam :-)
    Reply
    • Putra Kefa
      silahkan di coba sob :>), semoga berhasil (h).Terimakasih sudah mau berkunjung di blogku ini (k)
    Reply
  3. Unknown
    Kreen nih sob,,, makin kreatif ajha nih... Boleh jugalah diterapin...
    Reply
    • Putra Kefa
      silahkan di praktekan :) , semoga bermamfaat sob cheer .
      Silahkan di Praktekan
    Reply
  4. febrianto putra
    Trimakasih bermanfaat sekali dan keren sekali ... :) salam kenal dan kunjungan kembali ..
    Reply