Saturday, November 2, 2013

Browse Manual » Wiring » » » » » » » » » Cara Membuat Widget Melayang Facebook Like Box terbaru

Cara Membuat Widget Melayang Facebook Like Box terbaru


Share on facebookShare on twitterShare on emailShare on printMore Sharing Services11

Hampir mirip dengan artikel sejenis yang sudah saya rilis sebelumnya yaitu cara membuat buku tamu di blogspot dengan cara disembunyikan dan efek melayang. Pada kali ini saya akan mengajak anda mempraktekan cara membuat widget Facebook like dengan cara tersembunyi dan melayang juga.
banyak manfaat yang bisa anda peroleh dengan menggunakan cara ini yaitu selain unik dan menghemat tempat pada sidebar, juga cara ini bisa mempercepat atau tidak menghambat kecepatan loading di saat blog anda pertama kali di akses. Untuk dapat mempraktekannya terlebih dahulu anda harus sudah terdaftar dan mendapatkan kode Facebook like box terbaru dan terlebih dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang widget facebook like melayang pada blog:

Cara Membuat Widget Melayang Facebook Like  box

  • Login ke dashboard blogger anda. 
  • Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
  • Copy script widget dibawah ini dan paste pada gadget.

        <style type="text/css">

        .barrightfacebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6NR_7Qpd7kOyAjl-8ySNcOH235FO_gJ3VkOzfJMl2FXkQ5r99cckMPjyocfw9XcMrKvFuD9CLtUJMi6Z8fzPWcAkprZySWHnQynbSeB4vH3Etk8x-kHnkxmpBM6bdtCRnlYHOitpJm6j/);background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

        .barrightfacebookc{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPBN5xs_z1L7WsFO9K_0N4LZDwcEl8OLWUCz8977M087NMo7U9ZU902-7J6F5Wb1qeSs_aQAQLnPSFbq5wz2UHGckcyrEJsQ0ARPvo-DpUxa-_F_O4IKWo6Vkph9uPa18rV6nkttqJMgKR/);background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

        .barcontefacebook{margin:5px 0 0 47px}

        </style>
        <div class="barrightfacebook" onmouseover="this.className=barrightfacebookc" onmouseout="this.className=barrightfacebook">

        <div class="barcontefacebook">

        <!-- Begin Facebook -->

        KODE FACEBOOK LIKE BOX ANDA DISINI

        <!-- End Facebook -->

        </div>

        </div>
    ·      Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan. 
    ·         Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

           <script>(function(d, s, id) {

            var js, fjs = d.getElementsByTagName(s)[0];

            if (d.getElementById(id)) {return;}

            js = d.createElement(s); js.id = id;

            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

            fjs.parentNode.insertBefore(js, fjs);

          }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

          <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js type=text/javascript/>

      • Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook. 
      • Save / Simpan.
      Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini bloganda semakin menarik dan unik.
      Happy blogging...

      cara pasang like box melayang diblog
      cara widget box diblog
      cara pasang like facebook di blog
      cara gampang pasang like box melayang
      cara buat like box facebook

      by loker q batam
      Posted by at
      Labels: , , , , , , ,