Dalam perjumpaan kali ini saya akan berbagi sebuah tutorial dan untuk tutorial kali ini saya beri judul New Facebook Recommendation Bar Untuk Blogger. Ini sebenarnya Updatean dari artikel sebelumnya yang berada di tutorial Tambahkan Facebook Recommendation Bar Untuk Blogger.

Karna artikel tersebut sekarang sudah tidak berjalan dengan sempurna untuk itu saya update tutorialnya disini. Jika Anda sebelumnya sudah membaca artikel sebelumnya maka saya tidak perlu lagi menjelaskan untuk apa dan fungsi widget Facebook Recommendation Bar bila di pasang di blogger Anda.

Facebook Rekomendasi Bar Ini adalah Plugins Beta.
Dalam tutorial ini, kita pergi untuk belajar cara menginstal Facebook Bar Rekomendasi di Blog Blogger. Widget ini lebih bermanfaat untuk mengarahkan lalu lintas dari Facebook dan sejenisnya dengan instan dan posting terkait.

PRIVIEW



CARA INSTAL WIDGET FACEBOOK RECOMMONDATIONS BAR DI BLOGGER?

1. Pertama Tambahkan kode berikut sebelum kode <head>

<!-- Begin Open Graph metadata By:Oto Website -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata by:Oto Website-->

2. Kedua Pergi ke Halaman Resmi Facebook Rekomendasi Bar.

3. Lansung klick tombol Get Code.


4. Klick Tautan buat aplikasi baru.


5. Masukkan Nama App dengan Judul Blog Anda dan URL Web dengan URL Blog Anda, seperti seperti di bawah ini dan klik tombol Lanjutkan.


6. Masukkan Kode Captcha dengan benar dan klik tombol Kirim.


7. Kemudian Klik Tombol Get Code sekali lagi.


8. Salin kode JavaScript Pertama SDK (Kode Kotak Pertama) dan Encode Kode tersebut menggunakan Alat Parse Kode Script atau HTML.


9. Masuk ke akun Blogger Anda >> Pilih Template >> Edit HTML .

10. Centang Expand Template Widget >> Backup Template Anda.

11. Cari kode <body> dan letakkan kode yang Anda dapatkan tadi tepat di atasnya. (Bila kesulitan mencari kode HTML klick DISINI)

12. Kustomisasi Facebook Rekomendasi Bar:
Anda dapat menyesuaikan pengaturan Facebook Rekomendasi Bar

Cari kode <data:post.body/> dan menempatkan kode berikut setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

Keterangan:
  • Angka 30 menunjukkan widget Facebook Recommendation Bar akan muncul setelah 30 detik.
  • Anda dapat mengatur berapa banyak artikel untuk ditampilkan. Dengan meningkatkan atau menurunkan nilai 2
  • Anda dapat memutuskan lokasi plugin. Secara default itu muncul di bagian bawah  right = kanan sudut halaman Anda. Anda menetapkan mengapung ke ke left = kiri.

13. Simpan template.

Sekarang Anda bisa menikmati widget New Facebook Recommendation Bar Untuk Blogger ini!

Posting Komentar Blogger Disqus

  1. @Kaze KateBila Anda Anda ingin menggunakan widget ini, saya sarankan untuk mengganti terlebih dahulu template Anda dengan template khusus blogger.

    Bisa jadi template Anda tidak mendukung untuk widget ini.

    BalasHapus
  2. :-t plz visit this web has anysongs you need gudang lagu

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top