Asslamu'alaikum wr.wb ..
Selamat Malam sobat Syarif's Blog .. Maaf ya Syarifaka jarang post lagi akhir-akhir ini .. :D Soalnya ada kegiatan yang tidak bisa Syarifaka tinggalin .. Mau tau ya kegiatan-kegiatannya apa .. Hahaa
Lain kali aja ya sobat cerita lagi tentang kegiatan-kegiatan yang Syarifaka kerjain .. Intinya, kerjaan Syarifaka bikin Syarifaka di kejar-kejar Fans .. :D (
Oke sobat, kita langsung ke tutorialnya aja gimana .. Okehh, mari berangkat ke TeKaPeh .. :D
Tutorialnya :
1. Log in dulu blog sobat ..
2. Klik Template > Klik Edit HTML dan jangan lupa centang kotak Expand Template Widget nya ya ..
3. Cari kode </body> dan letakkan kode di bawah ini (scriptnya) tepat di atas kode </body> .. (gunakan Ctrl+F ya sob, biar cepat nyarinya) ..
Scriptnya di bawah ini :
<!-- Syarifaka.blogspot.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="Ganti dengan url/Address Fan Page sobat ..",
kakinetworkdotcom01title="Ganti dengan nama Fan Page sobat ..",
kakinetworkdotcom01skin="Ganti dengan nomor skin yang sobat mau ..",
kakinetworkdotcom01time="Tentukan berapa detik tampilan Fan Pagenya pada blog sobat ..",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://blog-syarifaka.googlecode.com/files/likebox-facebook-with-timer.js.htm' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- Syarifaka.blogspot.com Likebox Pro FBFan Code End -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="Ganti dengan url/Address Fan Page sobat ..",
kakinetworkdotcom01title="Ganti dengan nama Fan Page sobat ..",
kakinetworkdotcom01skin="Ganti dengan nomor skin yang sobat mau ..",
kakinetworkdotcom01time="Tentukan berapa detik tampilan Fan Pagenya pada blog sobat ..",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://blog-syarifaka.googlecode.com/files/likebox-facebook-with-timer.js.htm' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- Syarifaka.blogspot.com Likebox Pro FBFan Code End -->
Keterangan :
a) Untuk script yang berwarna hijau ubahlah dengan perintah yang sudah tertera pada script tersebut ..
b) Untuk script yang berwarna merah itu adalah kode tombol close pada tampilan Fan Page nanti, jika sobat ingin tombol itu tidak aktif maka gantilah true dengan false, begitu pun sebaliknya ..
Demo untuk Skin Tampilan :
4. Dan akhirnya sobat klik Save, dan lihat hasilnya .. =D
Oke sobat, sekian tutorial dari Syarifaka, lain kali kita akan jumpa lagi di postingan Syarifaka selanjutnya di Syarif's Blog .. Jangan lupa Like, Follow, dan Komennya ya sobat . Di tunggu lohh .. Salah Khilaf Syarifaka mohon maaf ..
Wassalamu'alaikum wr.wb ..
0 komentar:
Posting Komentar