Cara Membuat Like Box Melayang di Blog

Jika sebelumnya saya sudah pernah bagi tentang cara membuat like box di blog, kali ini, akan saya bagi cara membuat like box tersebut melayang. Tentunya like box yang melayang ini mempunyai tombol close nya.

Lik box ini aka muncul setelah loading page nya selesai. Dengan memasangnya seperti ini, pasti anda akan mendapatkan banyak Jempol dari para pengunjung.

Sebelum sobat pasang, sebaiknya sobat buat halaman di Facebook, dan ambil kode scriptnya.
Lihat cara Membuat Halaman Facebook disini: http://krisantipsdantrik.blogspot.com/2012/03/cara-membuat-halaman-di-facebook.html
Juga cara untuk membuat Like boxnya disini :http://krisantipsdantrik.blogspot.com/2012/03/cara-membuat-facebook-like-box-di-blog.html
Karena disini kita memerlukan kode script yang akan didapat ketika akan membuat like box.
Jika sudah, ikuti langkah berikut:
1. Masuk ke Blogger
2. Pilih 'Rancangan'>'Elemen Halaman'
3. Disana Sobat klik 'tambah gadget', pilih 'HTML/Java Sript'
4. Masukan kode dibawah ini:


<style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvjmQXYN1vfW8fZO7G-T7frx96wC4pHOXm379Ap0xYKTOvjxvKATtbEUrKublshXgWTgRJEdMtFmDhD6LGAF6ZM0FaTK8ZZU9fLnpTQIaKKZHXnHUUTydcZZpjlU7JqCaw19Jny_57Wlm/');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/AVvXsEhbIV3iJ7YhK1BD9OHkrh07UA_v_TPF3GId0ih-yOawN9fDT3Xgbzm1fEotIJmmOtPkR6WWi9qz93SxVtQlRL69d6nZCP6uOBVgbOIbFqKBjQX6uuHqDt2AUFrFNHuokWCcub87Mxyl5hwK/');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>



Kode berwarna biru sobat ganti dengan script yang sobat dapat ketika akan membuat like box tadi.


5. Jika sudah selesai, klik 'Simpan' dan lihat aja hasilnya.

Comments

  1. terima kasih infonya sob.
    sungguh kreatif sekali dan template blog anda simple.
    dan sepertinya anda mempunyai kelebihan tersendiri.
    bila ada waktu saya akan berkunjung lagi sob :)


    #Semoga Sehat Selalu :)

    ReplyDelete
  2. terimakasih banyak sob saya cari keliling-keliling malah jumpa di sini..

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete

Post a Comment