Home / Archived For Mei 2013

> Cara Membuat "Comment Facebook" Otomatis Setiap Posting Blog

Sebuah blog tak lengkap rasanya bila tidak ada fasilitas buat pengunjung untuk memberikan coment. Sebenarnya fasilitas komen ini sudah ada disediakan oleh blog, namun fasilitas komen bawaan dari blog tidak fleksibel karena setiap pengunjung yang akan komen harus mempunyai account gmail, belum lagi harus masukin kode2 captcha yang membuat pengunjung repot.

Maka dari itu untuk memudahkan pengunjung memberikan komen setiap postingan kita, sediakan fasilitas koment facebook seperti dibawah ini :


Sehingga pengunjung mudah untuk menulis coment dari fasilitas ini. Nah bagaimana caranya ? selow gan saya sudah siapkan step-stepnya, ud gak sabar ya? langsung aj gan chekidot stepnya :

Step - step Cara Membuat "Comment Facebook" Otomatis Setiap Posting di Blog :
1. Masuk ke https://developers.facebook.com/docs/reference/plugins/comments/
2. Isilah URL blog anda, misalnya : http://zamie2106.blogspot.com/



3. Tekan / klik GET CODE, maka akan muncul seperti gambar di bawah ini:



4. Bukalah akun blog anda
5. Pilih Rancangan / Design lalu pilih lagi Edit HTML
6. Carilah tanda <body>
7. Kembali ke Developer Facebook tadi
8. Salin / Copy lah Script no 1 dan letakkan tepat di bawah <body> pada edit HTML template blog anda.

hasilnya akan menjadi seperti di bawah ini :
<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

dst....

( Note : seandainya template anda sudah menyediakan kode diatas, abaikan saja. Anda tidak perlu lagi mempastenya, artinya template anda telah menyediakan kode tersebut)

9. Setelah anda salin kode 1 tadi (atau sudah ada), salin lagi kode no 2
10. Sebelumnya cari kode <div class='post-footer-line post-footer-line-1'> pada Edit HTML Template Anda kawan
11. Tempatkanlah kode no 2 tadi tepat di bawah kode <div class='post-footer-line post-footer-line-1'>
<div class="fb-comments" data-href="http://zamie2106.blogspot.com" data-num-posts="2" data-width="470"></div>
12. Selanjutnya gantilah kode  :

          data-href="http://zamie2106.blogspot.com" dengan kode ini : expr:data-href='data:post.url'

maka hasilnya akan seperti ini

<div class="fb-comments" expr:data-href='data:post.url' data-num-posts="2" data-width="470"></div>
Untuk menyesuaikan ukuran lebar kotak komen ini tinggal rubah angka merah diatas agar terlihat rapih di blog anda.

13. Lalu simpan template anda. Lihat hasilnya.


Semoga Bermanfaat, selamat mencoba dan jangan lupa tinggalin coment yah gan hehee..

> Cara Pasang Fans Page Facebook Auto-hide Unik

> Cara Pasang Fans Page Facebook Auto-hide Unik

Blog anda jika ingin terlihat cantik dan menarik pasang lah halaman fans page facebook di blog anda. kali ini saya akan memberikan tips bagaimana memasang halaman fans page facebook auto-hide di samping blog kalian posisinya. Dengan adanya fans page facebook auto-hide ini bisa mempercantik blog anda sehingga pengunjung pun merasa nyaman mengunjungi blog anda.


Cara pasang menu ini tidak lah sulit tinggal menambahkan widget baru di settingan blog kalian, langsung aj chekidot gan :

Sebelumnya anda harus memenuhi syarat berikut :
1. Anda harus memiliki Akun Facebook (bisa juga minjam) sebaiknya punya sendiri lebih bagus.
2. Anda juga harus punya sebuah Halaman Facebook (Fans Page Facebook)

Apabila anda sudah memiliki syarat-syarat di atas, langsung saja ikuti langkah-langkah bagaimana Cara Memasang Fans Page Facebook auto-hide di bawah ini :

Terdapat 2 Cara Memasang Fans Page Facebook Tersembunyi :

 Cara Pertama
1. Bukalah akun blog anda kawan
2. Masuk Elemen Template, lalu pilih Edit Widget, slanjutnya Centang : Expand Template Widget
3. Carilah kode </head> lalu copylah kode script di bawah ini tepat persis di atas kode </head> tadi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
4. Simpan tempalate blog anda.

Catatan :
Apabila template anda sudah menyediakan kode script diatas, abaikan saja. Artinya anda tidak perlu memasukkannya lagi ke dalam template blog anda. Selanjutnya ikuti cara kedua.

Cara kedua
1. Apabila cara pertama sudah beres, maka masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
2. Lalu pilih HTML/Jawascript
3. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJwB2bI8WkBr6A2e8f_4OUB8J5c5PgZzxqU-SSL4fFbBzNaFfEbWqmaLqBkP3IFZP6K_M60FyjtDaomaDWaPWgWZvBSH1WQb3_1qOx6XmdPhZHoxHtZsVActUWcZBJD7w52EOdqmX-DLI/s1600/fans-page-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=https://www.facebook.com//pages/Para-Blogger-Indonesia/157463717758130&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://bos-tutorial.blogspot.com/2013/02/cara-memasang-fans-page-facebook.html">Get Widget Here</a></span></div></div>
4. Simpat Widget/Gadget Baru yang anda buat tersebut.
5. Lihat hasilnya.

Catatan :
1. Gantilah tulisan https://www.facebook.com//pages/Para-Blogger-Indonesia/157463717758130 dengan alamat / URL Halaman Facebook Anda.
2. Lihat contoh hasilnya di sebelah kanan blog ini.

Semoga bermanfaat, selamat mencoba dan jangan lupa tinggalin coment yahh gan hehee..


Langganan: Postingan (Atom)