Assalamu'alaikum wr.wb ..
Selamat malam semua para pembaca artikel-artikel Syarif's Blog .. Apa kabar gan ?? Baik-baik aja'kan di malam Selasa ini .. Ngomong-ngomong, pada ngapain ya kalian semua malam-malam gini, jalan ama ceweknya ?? atau nongkrong ama teman karib ?? atau mungkin duduk di kursi sambil liatin postingan Syarifaka kali ini .. Mungkin paling banyak yang benar ya sambil duduk itu ya yang sambil liatin postingan Syarifaka .. Hahaa, Syarifaka jadi Ge'eR diliatin ama pembaca artikel Syarifaka .. Xixixiii =D ..
Hahaa, malam ini Syarifaka terlalu
Udah tau'kan, sekarang kita langsung ke TKP atau
Ikuti langkah-langkah di bawah ini gan :
Langkah 1 :
1. Pasti udah pada tau'kan, masuk dulu di blog agan masing-masing ..
2. Setelah sampai di Dashboard > Tempelat (Template) > Edit HTML (Jangan lupa centang Expand Template Widget nya) ..
3. Lalu cari kode </head> .. Untuk memudahkan agan mencari kode itu, pakailah tombol search (Ctrl + F).
4. Kopi (Copy) kode di bawah ini, dan Paste kode tersebut tepat sebelum kode </head> tadi ..
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Contoh ===>
NB : Jika agan menemukan kode di atas telah ada sebelum agan mempastenya, abaikan langkah ke 1, lanjut ke langkah ke 2 ..
Langkah 2 :
1. Dari Dashboard > Tata Letak > Tambah Gadget > Pilih HTML/JavaScript ..
2. Kopi (Copy) kode di bawah ini, dan Paste kode tersebut tepat pada kolom HTML/JavaScript tadi ..
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA
&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://syarifaka.blogspot.com/2013/03/cara-memasang-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA
&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://syarifaka.blogspot.com/2013/03/cara-memasang-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>
NB : Ganti tulisan yang berwarna hijau itu dengan URL Fan Page Facebook agan ..
Contoh ====>
3. Save / Simpan HTML/JavaScript tadi, dan lihat hasilnya .. Taraaaaaaaaaaaaaaa :D
Baguskan hasilnya, hehee .. Jangan lupa ya gan, jika agan suka tutorial ini, like Fan Page Syarifaka ya .. Jadi "Agan Puas, Syarifaka Puas, kita semua Puas" .. Hehe
Akhir kata, semoga postingan Syarifaka kali ini bermanfaat bagi agan semua dan jika ada tulisan atau apapun yang salah dari tutorial di atas, Syarifaka mohon maaf .. Syarifaka akhiri ..
Wassalamu'alaikum wr.wb ..