Tampilkan postingan dengan label Facebook. Tampilkan semua postingan
Tampilkan postingan dengan label Facebook. Tampilkan semua postingan

Membuat tombol Like di setiap postingan..

Buat kalian yang ingin postinganya atau artikel-artikelnya banyak di sukai banyak orang pasang aja tombol
Like Facebook di dalam postingan kalian. nah di sini saya akan memberi tutoril cara memasang tombol Like Facebook di setiap postingan langkah-langkah sangat mudah ko..

Screenshot yang akan tampil di postingan

1. Login ke akun Blogger dan buka menu Layout / Rancangan > Edit HTML
2. Centang "Expand Widget Templates"
3. Cari kode <data:post.body/> ( untuk memudahkan tekan ctrl+f  ) 
4. Kemudian copy kode di bawah ini dan paste di atas kode <data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;
font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:410px; height:40px;'/> </b:if>

5. Save template dan lihat hasilnya.

Selamat mencoba..
Read More 0 komentar

ID Aplikasi Facebook

Hai semua! Pada postingan sekarang, kita akan belajar membuat ID Aplikasi Facebook untuk blog kita. Mungkin ada yang yang mau bertanya, untuk apa sih ID Aplikasi tersebuat di blog kita?

ID aplikasi ini berfungsi untuk menghubungkan blog ke facebook apabila kita menggunakan fitur-fitur atau aplikasi yang ada di Facebook Seperti yang sudah saya beberkan di postingan membuat Facebook Comments di blog. Itu adalah salah satu contoh kegunaan ID APLIKASI-nya. Selain itu, ID Aplikasi Facebook ini juga berguna bagi kamu yang ingin membuat blog yang fitur-fiturnya kebanyakan dari facebook.

Baiklah, langsung saja ya kita buat ID Aplikasi-nya.

Langkah awal pemasangan.

Buat kalian yang belom mempunyai Ipp ID Facebook silahkan ikuti langkah di bawah ini :
1. Masuk Akun Facebook kalian
2. kunjungi Developper untuk mendapatkan
3. Klik "Create New App"
4. Nanti ada tampilan seperti gambar ini :
5. Isikan App Display Name dengan Judul Blog mu, dan App Namespace kosongkan saja.
6. Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".
7. Masukkan kode yang ada di kolom tersebut dan tekan Submit.
8. Dan bila kode yang kalian masukkan benar, akan muncul tampilan seperti ini.
9. Turunkan scrool pada browser kamu, nanti kan terlihat tampilan seperti ini.
10. Isikan pada kolom "Website", dan "App on Facebook (Canvas URL)" dengan alamat blog kamu.
11. Klik "Save Change"

Akhirnya selesai juga..
App ID Aplikasi bisa dilihat di Step nomor 8 yang udah saya lingkari.


Read More 0 komentar

Floating Facebook Like Box

Floating Facebook Like Box atau bisa juga diartikan Kotak Suka Facebook yang Melayang (kedengarannya cukup aneh memang) . . kali ini saya ingin mencoba memberikan sedikit tutorial tentang Trik Cara Membuat Floating Facebook Like Box di Blog, seperti yang dahulu pernah terlihat di sebelah kanan pada blog milik Lunatic.art.com. ^_^


Dengan menggunakan Floating Facebook Like Box pada Blog tentu saja akan semakin menghemat ruang pada blog kita selain itu blog kita pastinya juga akan terlihat lebih rapi dengan fitur like box facebook yang memang sengaja kita sembunyikan,, Untuk anda yang ingin mempraktekkannya langsung saja, ini dia cara pembuatan Floating Facebook Like Box di Blog.

1. Login ke Blogger
2. Klik Dasbor>Pilih Rancangan>Klik Edit HTML
3. Kemudian Cari kode </head>
4. Simpa code di bawah ini di atas code </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>


Catatan : Abaikan langkah yang di atas bila Template kalian sudah trinstall Jquery Plugin.


Cara Menambahkan Kode HTML pada Widget


1. Klik Dasbor>Pilih Rancangan>Klik Tambah Gadget>HTML/JavaScript
2. Copy kode dibawah ini
<script type="text/javascript">//<!--$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0E5U7E0cGw-ZKupwpXU0S_yA5l_WCvN36n8-RjNbkb93myVWZfyTL0i0_alcDMq1aALp4jYXtXLudk4KCXqGLqRHRUI_X7M-9-JWcNWlOlsTBl6bVYe1ERqdMsqNDWbGxKhHY3VugU7o/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.floatinglikebox div{border:none;position:relative;display:block;}.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.floatinglikebox span a{color: #808080;text-decoration:none;}.floatinglikebox span a:hover{text-decoration:underline;}</style><br /><div class="floatinglikebox"><div><iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href= http://www.facebook.com/pages/Lunatic-Invades/300710303338569 &amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" frameborder="0" scrolling="no" style="background: #fff; border: none; height: 270px; overflow: hidden; width: 251px;"></iframe><a href="http://blog.kangismet.net/2011/11/membuat-floating-facebook-like-box-di.html" target="_blank">+Get This!</a></div></div>

3. Ganti tulisan yang berwarna merah dengan Url Facebook Fan Page kalian.
4. Save dan lihat hasilnya.


Read More 2 komentar