Cara Memasang Fanspage Facebook Tersembunyi pada Blog

Posted by Rezzky Novtavyan I. September 10, 2012 0 komentar
Sore sobat blogger, kali ini Mr Vengenz akan coba membagikan salah satu tutorial blogger, yaitu "Cara Memasang Fanspage Facebook Tersembunyi pada Blog".
Seperti ini nihh contohnya :
 http://i.imgur.com/v9fgJ.gif
Gimana ?? keren kan ??
Jika sobat blogger bingung cara memasang nya, nih saya kasih tutorial nya. Cekidot ...


Lankah Ke I :

  1. Login ke akun blogger anda
  2. Pilih menu Template
  3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJWCzV0h0Q96z-9J08NMuUvr7RN38hcx7cQZ4gWXHgekVkp1HlQagb4BYtgIJ1zuEZLAsOATP4jOagup9ITo4zxWI9Q7sB10YxNwXeCS_DOzBG4dVavwODkLYaYWMGRFPl8PPG3p6i4QW0/s400/1.png
  4. Klik Pada Tombol Edit HTML
  5. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu2siRF0l9qWq9p8PQWHzUMrvR2U96DUQ9nS14WLK5FdsPqZwNVaUl4PPEIQrOfS6XuQrXy_Ww9Q0Kw-CPhZ9w7DKXf9ULRXMulWkq9IYjAJU6mceoFOaYruwXx13aNIM3h9sx5kOjM4-S/s400/2.png
  6. Klik Tombol Proses Atau Lanjutkan
  7. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoGLT_eqMXK-hEOYKQPSFniu9DmRE3Iv6r8vmzM7w5sFrk6wdkg3A3pp27PPegAC9VQAHzHCVocC_TLQsPTVzLgk6DaKlw_oOqhUZDP_y8uAmJziIZf2zRxZa0JgUxJFcXC99C-4NwPyJ/s320/1.PNG
  8. Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit HTML
  9. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
  10. Copy kode dibawah dan letakan datas kode </head>
  11. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  12. Sekarang Klik Simpan
  13. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJifKBi314lpSSMgpzSP2-DXTinqzYDVdIVzU5bCIk2ioNTAOlRyuh9VQ2yibqeuskkQeLVnKtruTYwPtsNi3WtlnwDp73UzJVbP-euF0qQ-2JNYzXku3qLY-OONyL27JGkr4U0ATBy3e/s400/2.PNG
Langkah Ke II :
  1. Pilih Menu Tata Letak Atau Layout
  2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwT06L46YM_9yLD6grrkAU1avwMOQTNniuPiMjSg-IMgOYLXKQTbB-4r-80Nbu-g3l6SI8ixizGzonpLDYD6uRJAJBpDEMqXXS3zYEc7dQnDjq7QPAqcc_niK2Y5n3bqg8cRiagRHPO7z/s400/3.png
  3. Klik Tambah Gadget atau Add a Gadget
  4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvrrd8q3fRgeQl2iDJtOxeRQnjdaEwbjhCTlK54mBGCOfLOAXVYq9HWOyhlyPbErCwK-wBPIu0RP7NTh4G_ptk40zMxBvSPzIHrQ_ntYGYuXCgKgwqjnHGDtcnsFk76sLwNQu4kzuLKcoV/s400/2.png
  5. Pilih HTML/JavaScript
  6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirpVOxuEdl3Ivl0tccDX_MBE0jCaeQXRCTZpi4PvO16g-CGcwq61ITxK5l3BMnAKuBK-wxQgsbMj86DDFxJyUedCJwULVtfj6bmPK5YQU-qfQBjGjukITdfHLLjF0zDPoXzFrC-acJ9Vnp/s400/1+-+Copy.png
  7. Copy kode berikut
  8. <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&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
    Keterangan :
    Perhatikan Tulisan URL PAGE ANDA ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)
    http://2.bp.blogspot.com/-gF8pSq9nqmw/TpA_ggIZHrI/AAAAAAAAGwI/R7Sne9YuS0U/tutorial%2Bletak%2Bpage%2Bfacebook%2Bdi%2Btepi%2Bblog2.jpg
  9. Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
  10. Klik simpan
  11. Selesai dan lihat hasilnya
Demikian Tetang Tutorial Blog Cara Memasang Fanspage Facebook Tersembunyi di Blog. Senang bisa menulis kali ini dan semoga bisa bermanfaat untuk kita semua

(source from : http://www.dapur-tutorial.blogspot.com)
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Memasang Fanspage Facebook Tersembunyi pada Blog
Ditulis oleh Rezzky Novtavyan I.
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rezky-a7x.blogspot.com/2012/09/cara-memasang-fanspage-facebook.html. Terima kasih sudah singgah membaca artikel ini.

Posting Komentar

trikmudahseo.blogspot.com support www.evafashionstore.com - Original design by Bamz | Copyright of Rezzky Official Sites.

Total Tayangan Halaman