Cara 1:
1.Login ke blogger.
2.Klik template. (disarankan agar mem-backup dulu template anda buat jaga-jaga bila anda salah dalam mengedit template)
3.Klik edit HTML dan centang kotak Expand Template Widget.
4.Cari kode </body> dan letakkan kode dibawah ini tepat diatasnya:
<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="https://www.facebook.com/pages/ZLFS-Blog/393881930728104",
kakinetworkdotcom01title="Ayo bergabung di Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="15",
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>
Keterangan :
- Pada tulisan https://www.facebook.com/pages/ZLFS-Blog/393881930728104 yang saya beri warna biru silahkan ganti dengan URL fans page facebook anda. Misalnya https://www.facebook.com/pages/Ganti Username FanPage Sobat/Ganti ID FanPage Facebook Sobat
- Ayo bergabung di Facebook! silahkan diganti nama yang Sobat mau.
- kakinetworkdotcom01time adalah time yang diperlukan sampai popupya tertutup sendiri.
- kakinetworkdotcom01skin seperti Gambar di bawah
- closeable: true berarti anda menyertakan tombol close pada popupnya, jika tidak ingin menampilkannya silahkan ganti dengan false.
- 01 menandakan kode skinnya... Anda bisa menggantiya dengan (02, 03, 04), untuk contoh skinnya bisa dilihat gambar dibawah ini :
|
Skin 01 |
|
Skin 02 |
|
Skin 03 |
|
Skin 04 |
5.Setelah itu klik SAVE Template anda dan lihat hasilnya.
Cara 2:
1. Login ke blogger.
2. Klik Tata letak/Gadget (disarankan agar mem-backup dulu template anda buat jaga-jaga bila anda salah dalam mengedit template)
3. Klik Tambahkan Gadget/Add Gadget dan Cari HTML/JavaScript dan diklik
4. Copy kode di bawah 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="https://www.facebook.com/pages/ZLFS-Blog/393881930728104",
kakinetworkdotcom01title="Ayo bergabung di Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="15",
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>
dan Paste di dalamnya
Keterangan :
- Pada tulisan https://www.facebook.com/pages/ZLFS-Blog/393881930728104 yang saya beri warna biru silahkan ganti dengan URL fans page facebook anda. Misalnya https://www.facebook.com/pages/Ganti Username FanPage Sobat/Ganti ID FanPage Facebook Sobat
- Ayo bergabung di Facebook! silahkan diganti nama yang Sobat mau.
- kakinetworkdotcom01time adalah time yang diperlukan sampai popupya tertutup sendiri.
- kakinetworkdotcom01skin seperti Gambar di bawah
- closeable: true berarti anda menyertakan tombol close pada popupnya, jika tidak ingin menampilkannya silahkan ganti dengan false.
- 01 menandakan kode skinnya... Anda bisa menggantiya dengan (02, 03, 04), untuk contoh skinnya bisa dilihat gambar yang tadi
5. Pencet Simpan/Save dan SELESAI!!
Apakah ada kesalahan?? Tanya di kotak komentar