Twitter

Monday, December 12, 2011

Dona Alfian Blog

7:29 AM  starspot user  No comments

Dona Alfian Blog

Comment Box Facebook Baru untuk Blogger - Blogspot

Posted: 11 Dec 2011 04:25 PM PST


Sehubungan dengan pertanyaan temen blogger di form comment di artikel Facebook Comments Box untuk Blogger - Blogspot saya sengaja bikinkan tutorial untuk Comment Box Facebook Baru untuk Blogger. Permasalah yang sekarang muncul jika menggunakan Comment Facebook untuk Blogger - blogspot adalah munculnya warning (peringatan) dari script comment facebook tentang keterkaitan permanen link yang kadang tidak sesuai, sehingga pada comment facebook muncul peringatan.

Permasalah ini disebabkan juga oleh perubahan pada script Facebook Comment yang telah diperbaharui oleh Pihak Facebook sendiri. Untuk pemasangan script dan  pembuatan Comment Box Facebook Baru untuk Blogger sekarang lebih simple dan mudah, dan juga tidak terlalu berart dalam urusan loading comment. Ini akan berpengaruh juga pada loading halaman blogspot yang anda miliki. Oke kita mulai saja Tutorialnya.


Bagi temen-temen yang udah pernah mesang Facebook Comments Box untuk Blogger - Blogspot Pake cara lama hanya tinggal mengganti script sebagian saja. Jika untuk para pengguna baru anda langsung saja buat sebuah aplikasi di facebook developer menggunakan account facebook anda.

https://developers.facebook.com/apps

Selanjutnya Create New App . Isi Nama Aplikasi >> Centang bagian agreement ( App NameSpace ngga usah di isi) >> Next / Lanjut >> Masukkan Kode Captcha

Comment Box Facebook Baru untuk Blogger - Blogspot


Selanjutnya Edit Bagian Aplikasi yang telah terbuat .


Setting 1. App Domain ( dengan domain blog anda misal donaalfian.blogspot.com atau namadomain.com ), 2. Pilih Kategori (Misal News, Health dll), 3. Site URL ( Isi dengan alamat lengkap blog anda contoh http://donaalfian.blogspot.com ), 4. Simpan / Save Aplikasi. (*Catat ! App ID anda dan ID Profile Facebook anda untuk step selanjutnya " gunakan menu Use Graph API Explorer untuk melihat ID Profile Facebook anda")

Setelah selesai baru kita letakkan skrip di Template Blog Kita. Bagi yang udah pernah setting Facebook Comment Box (tutorial lama) hanya tinggal mengganti sebagian Skrip saja. yang baru pasang lanjutkan proses pemasangan Skrip di template blogspot anda. Sebelum menambahkan skrip simpan dahulu template anda supaya kalo ada kesalahan dalam pemasangan bisa di restore kembali.

Masuk di Halaman Edit Template Blogger (Blogger Dashboard) : Design >> Edit HTML  dan centang [√] Expand Widget Templates.


Step 1. Tambahkan kode ini setelah kode <html
xmlns:fb='http://www.facebook.com/2008/fbml'
sehingga kodenya menjadi seperti ini
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..
2009/gml/expr' >

Step 2 : Cari kode </head>
paste kode berikut sebelum </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NamaBlogAnda' property='og:site_name'/>
<meta content='IdAppAnda' property='fb:app_id'/>
<meta content='ProfileIdAnda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Jangan lupa mengganti tulisan:
- Nama Blog Anda : isi dengan nama blog anda (http://bloganda.blogspot.com) atau http://domainanda.com
- idAppAnda : isi dengan kode Aplikasi Anda.
- Profile Id : isi dengan profil facebook anda

* Untuk mengetahui id profile kita dibagian App Developer bisa pilih menu Use Graph API Explorer nanti kita bisa ngeliat Profile ID Facebook Kita.

Step 3 : Cari kode <body>
kemudian pastekan kode di bawah ini setelah kode <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&appId=IdAppAnda';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Step 4 : cari kode <data:post.body>

- pastekan kode berikut setelah <data:post.body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='2' data-width='500' expr:data-href='data:post.url'/>
</b:if>
atau paste sesuai dengan keinginan anda, Lalu Simpan Template Blogger anda. SELESAI ! ;).

Untuk temen temen yang udah pernah menggunakan tutorial Facebook Comments Box untuk Blogger - Blogspot (tutorial lama) hanya mengganti skrip Step 4 (tutorial lama) dengan Step3 (tutorial baru) dan Step 6 (tutorial lama) dengan Step 4 (tutorial baru). Hasil dan contoh bisa dilihat Comment Box Facebook Baru untuk Blogger - Blogspot di Dona Alfian Blog dan dijamin peringatan dari facebook akan hilang :D. Selamat mencoba jika ada kesulitan silahkan bertanya. dan tunggu selalu tutorial-tutorial dari Dona Alfian Blog selanjutnya.

Co.Cc Kembali Terindex di Google

Posted: 11 Dec 2011 04:19 PM PST


Berita gembira untuk para blogger untuk Co.Cc Kembali Terindex di Google baru-baru ini. Info ini tentu akan memberikan angin segar untuk para blogger dan webmaster yang menggunakan layanan domain gratis dari co.cc untuk website atau blog yang mereka buat. Bagi para pebisnis internet yang memanfaatkan domain gratis ini tentu akan bahagia sebab bisnis mereka bisa berjalan seperti biasanya dengan memanfatkan Mesin pencari google untuk iklan secara gratis (SEO untuk Bisnis Internet). Tak bisa di pungkiri lagi peranan mesin pencari seperti google untuk para blogger atau webmaster sangatlah penting. Tidak terindexnya domain sebuah website maka kemungkinan kecil para pengunjung bisa datang kesitus atau blog yang telah dibuat.

Co.Cc Kembali Terindex di Google
Co.Cc Kembali Terindex di Google melalui jalan panjang setelah sekian lama tak terindex di google. Pada saat lalu domain gratis asal negara korea ini hilang dari index google (co.cc deindex by google). Banyak blogger yang prustasi dengan hilangnya index domain co.cc dari mesin pencari terbesar di dunia ini. Alasan google menghilangkan index record domain co.cc dari database mereka adalah karena banyak situs / blog dari domain co.cc yang digunakan untuk kegiatan Scam, Malware, Phishing dll sehingga google menjatuhkan hukuman dengan menghilangkan semua jenis pencarian berdomain co.cc, tapi alhamdulillah sekarang google telah melepaskan hukuman itu, sehingga kita bisa menggunakan nya lagi dan berpeluang untuk memaksimalkan search engine optimization (SEO) untuk meningkatkan pengunjung dan menambah kocek penghasilan dengan domain co.cc di internet.


Co.Cc Kembali Terindex di Google

Kenapa co.cc banyak di sukai oleh para blogger dan webmaster untuk domain gratis  di internet ? Selain domain lebih singkat dan simple (walau gratisan) co.cc memiliki fitur setting domain co.cc (Free DNS) yang bisa di arahkan ke hosting yang kita miliki dengan menggunakan Name Server (NS), selain itu juga bisa menggunakan sistem redirect domain. Yang asiknya juga domain co.cc juga support untuk blogger.com sehingga nama dari blog kita bisa dinamai dengan domain yang sesuai dengan keinginan tanpa ada embel embel blogspot.com. Contohnya domain donaalfian.blogspot.com menjadi www.donaalfian.co.cc keren kan :D...

Karena Co.Cc Kembali Terindex di Google berarti buat para netter yang menggunakan domain gratis co.cc bisa memaksimalkan blog / situs mereka lagi dengan menggunakan Search Engine Optimization (SEO) untuk promosi situs yang dimiliki. Bagi para netter yang belum memiliki domain gratis dari co.cc bisa cek ketersediaan domain di Dona Alfian Blog pada sidebar sisi kanan. dan bisa menyeting blogspot dengan domain co.cc dengan membaca tutorialnya di blog ini juga. Semua Gratis. ;)


Sehubungan Co.Cc Kembali Terindex di Google kita sebagai para blogger indonesia tentunya bisa memanfaatkan sebaik mungkin layanan gratis ini, baik untuk bisnis di internet, Pendidikan, Pembelajaran dan kegiatan online lainnya. Ciptakanlah blog atau website yang bagus dan berkwalitas dari indonesia. Majukan perbloggeran di indonesia di mata dunia. :D selamat ngeblog ;).

Posted in:

0 comments:

Post a Comment