Posted by : Bintang Azhar Nafis

Kali ini, kita akan belajar Cara Membuat FB Pop Up Like di blog. Fungsinya sang widget ini akan muncul pada saat blog/website kita dibuka. Penasaran kan, simak yuk !. Step-by-step, ikuti langkah-langahnya :
1. Masuk ke Blogger
2. Pilih blog yang mau dikasih gituan
3. Klik tata letak
4. Klik tambah gadget
5. Klik tombol tambah di samping html java script
6. Copy kode dibawah ini
<style>#fblikepop {    background-color: #fff;    display: none;    position: fixed;    top: 200px;    _position: absolute; /* hack for IE 6*/    width: 450px;    border: 10px solid #6F6F6F;    z-index: 200;    -moz-border-radius: 9px;    -webkit-border-radius: 9px;    margin: 0pt;    padding: 0pt;    color: #333333;    text-align: left;    font-family: arial,sans-serif;    font-size: 13px;} #fblikepop body {    background: #fff none repeat scroll 0%;    line-height: 1;    margin: 0pt;    height: 100%;} .fbflush {    cursor: pointer;    font-size: 11px !important;    color: #FFF !important;    text-decoration: none !important;    border: 0 !important;} #fblikebg {  display: none;    position: fixed;    _position: absolute; /* hack for IE 6*/    height: 100%;    width: 100%;    top: 0;    left: 0;    background: #000000;    z-index: 100;} #fblikepop #closeable {    float: right;    margin: 7px 15px 0 0;} #fblikepop h1 {    background: #6D84B4 none repeat scroll 0 0;    border-top: 1px solid #3B5998;    border-left: 1px solid #3B5998;    border-right: 1px solid #3B5998;    color: #FFFFFF !important;    font-size: 14px !important;    font-weight: normal !important;    padding: 5px !important;    margin: 0 !important;    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder {    height: 30px;    overflow: hidden;} #fblikepop #buttonArea {    background: #F2F2F2;    border-top: 1px solid #CCCCCC;    padding: 10px;    min-height: 50px;} #fblikepop #buttonArea a {    color: #999999 !important;    text-decoration: none !important;    border: 0 !important;    font-size: 10px !important;} #fblikepop #buttonArea a:hover {    color: #333 !important;    text-decoration: none !important;    border: 0 !important;} #fblikepop #popupMessage {    font-size: 12px !important;    font-weight: normal !important;    line-height: 22px;    padding: 8px;    background: #fff !important;} #fblikepop #counter-display {    float: right;    font-size: 11px !important;    font-weight: normal !important;    margin: 5px 0 0 0;    text-align: right;    line-height: 16px;}</style> <script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[
 kakinetworkdotcom01username="facebook.com/bintang.azharnafis",
  kakinetworkdotcom01title="Join us at Facebook!",
  kakinetworkdotcom01skin="02",
  kakinetworkdotcom01time="20",
  kakinetworkdotcom01wait="0",
  kakinetworkdotcom01lang="en"
 //]]>  </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript">
   //<![CDATA[
  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
   //]]>
  </script>
7. Lalu klik simpan
Keterangan :
Merah : Ganti dengan url facebook kamu
Biru : Ganti dengan kalimat kamu (kalimat itu akan muncul di pop up itu)
Hijau : Adalah berapa lama waktu widget itu muncul.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Popular Post

Blog Archive

Bintang Azhar Nafis. Diberdayakan oleh Blogger.

Follow by Email

Translate

About

Hai ! Saya adalah seorang web designer newbie yang ingin terus berinovasi agar isi dan hiasan website nya menarik. Sekarang saya duduk di bangku SMP N 2 Blitar. Sekian Perkenalan Dari saya, jika ada yang tidak dimengerti dari postingan saya silakan berkomentar ya !. Tapi pengunjung yang baik pasti tidak akan nye-pam / iklan, Terima Kasih.

- Copyright © 2014-2015 Bintang Azhar N -