Cara Menambahkan Facebook Like di Blogspot

Bismillahirohamnirrohim, selamat malam sahabat tugaselesai. Malam ini kita akan membahas tentang widget yang admin pakai sekarang ini di website tugaselesai yaitu widget fanspage facebook tugaselesai yang berada di kanan yang akan otomatis terbuka bila di dekatkan mouse dengan Cara Menambahkan Facebook Like di Blogspot. Jadi website kita akan terlihat lebih elegan dan modern. Widget ini admin temui di beberapa website ptc ketika dahulu masi melakukan mencari uang melalui paid to click. Anda juga bisa menemukan artikel admin tentang mencari uang melalui ptc di halaman ini. kembali ke topic kita malam ini ya sahabat.

Berikut cara menambahkan facebook like di blogspot

ikuti langkah-langkah berikut ini:

1. Terlebih dahulu kita harus login dahulu ke blogspot, dan setelah login sahabat pergi ke template – edit html.
2. Ceklis di kotak yang bertuliskan “Expand Widget Templates”
3. Untuk mempermudah melakukan pencarian anda klik keyboard anda (ctrl+f) lalu ketikkan untuk mencari tag :
</head>
4. Silahkan sahabat tugaselesai menambahkan kode berikut ini sebelum atau di atas kode tadi,</head>
kodenya:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
5. Simpanlah pengaturan template baru anda.
6. Sekarang anda pergi ke pengaturan Tata Letak >> Tambah Gadget >> pilih Html/Javascript.
7. Di kotak Html/Javascript itu sahabat tugaselesai copy dan pastekan kode di bawah ini.

<br /><style type="text/css">/*<![CDATA[*/ #fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;} .fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgBu1L30mkFOJcovpVZtawIuxGv0lAQVb25Eegc_0yTjJ2HZCqyI51q5Cw8w95vRokKNH_i1EPTVhm-mp8Fm_hhSyDPxrpDiYIH1fGqrHdjrn9vqlPtqSv1BMGMgxWd-CZkGEBazDVDo/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} /*]]>*/ </style><br /><script type="text/javascript">/*<![CDATA[*/ (function(w2b){ w2b(document).ready(function(){ var $dur = "medium"; // Duration of Animation w2b("#fbplikebox").css({right: -250, "top" : 100 }) w2b("#fbplikebox").hover(function () { w2b(this).stop().animate({ right: 0 }, $dur); }, function () { w2b(this).stop().animate({ right: -250 }, $dur); }); w2b("#fbplikebox").show(); }); })(jQuery); /*]]>*/ </script><br /><div id="fbplikebox" style="display:none;"> <div class="fbplbadge"></div><iframe src="http://www.facebook.com/plugins/likebox.php?href=YOUR-FACEBOOK-PAGE&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe><br /></div>
8. Gantilah tulisan yang bertuliskan YOUR-FACEBOOK-PAGE di atas dengan url fanspage facebook halaman anda.
sarannya : tanda di url semisal : dan / diganti dengan kode ini %3A untuk : dan / dengan %2F
untuk contohnya di sini admin ambil fanspage halaman tugaselesai ya, yaitu:
http://www.facebook.com/pages/TugaSelesai/284285591679837
nah url diataslah yang perlu kita rubah dengan symbol-simbol tadi, yang nantinya akan menjadi:
http%3A%2F%2Fwww.facebook.com%2Fpages%2FTugaSelesai%2F284285591679837
Settingan lainnya yang bisa anda rubah adalah (tidak terlalu penting) :
- untuk merubah panjang dan lebar kotak like facebook, rubah saja nomor 250 atau yang di beri bold tadi sesuai dengan keinginan anda.
- kalau untuk merubah latar belakang kotak fanspage fb anda rubahlah saja kode #FFFFFF dengan kode html warna lainnya.
- jika ingin merubah warna facebook badge (atau tombol facebooknya) rubahlah kode #3B5998 diatas.
9. Sekarang anda bisa menyimpan widget Cara Menambahkan Facebook Like di Blogspot ini, anda bisa melihatnya dengan mengunjungi halaman anda atau merefreshnya.

Sudah berubah bukan sahabat tugaselesai. Pastinya sekarang jadi lebih semangat untuk ngeblog atau menulis lagi kan teman-teman tugaselesai. Jika ingin mengcopy dan paste artikel ini sahabat tugaselesai sertakan link http://tugaselesai.blogspot.com ya sebagai sumbernya. Semoga tulisan ini bermamfaat untuk teman-teman sekalian. Silahkan di share ya teman. Bisa melalui link atau tombol share di bawah halaman ini.

Cara Menambahkan Facebook Like di Blogspot