Wall Comment buat Blog Pengganti Shoutmix/Shoutbox

Yah.. kali ne coba share tentang wall comment . Wall comment mungkin fungsinya sama kayak shoutmix/shoutbox ,

Wall Comment .


Yah kira2 seperti d atas tampilan wall comment . kelebihannya ??

1. Yang pasti gretongan.. hahaha .
2. Foto yang dgunakan berdasarkan foto profile blogger .
3. Ada fitur replay kayak pesbuk gitu..
4. Bisa antisipasi spam..
5. Karena kerjasama dengan Google follower (GFC)sehingga messagenya hanya user yg udah follow blog kamu..

lebih kurang nya.. gitu lah.. 

Langsung cara buatnya :

1. Pasang widget follower tentunya..

2. Add elemen HTML/Javascript, masukan script di bawah ini .

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-comment-wall" style="width:210px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
skin['HEADER_TEXT'] = 'Comments';
skin['POSTS_PER_PAGE'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderWallGadget(
{ id: 'div-comment-wall',
site: 'YOUR BLOG / SITE ID NUMBER',
'view-params':{"disableMinMax":"true","scope":"SITE","allowAnonymousPost":"true","features":"video,comment","startMaximized":"true"}
},
skin);
</script>

NB :

- width:210px adalah lebar widget. Silahkan sesuaikan dengan kondisi template masing-masing.

- Bagian yang di cetak merah adalah element warna. Silahkan di sesuaikan.

- skin['POSTS_PER_PAGE'] = '5'; adalah jumlah post / message yang di tampilkan per halaman. Maximum 15    post. 

-site: 'YOUR BLOG / SITE ID NUMBER', Bagian ini adalah bagian yang terpenting. Untuk mengetahui ID NUMBER blog sobat caranya ...

>> Pastikan sobat log in ke blogger.

>> Dari dashboard klik menu view blog.

>> Setelah blog terbuka tekan CTRL+U (firefox) untuk melihat page source.

>> Untuk menemukan BLOG / SITE NUMBER blog sobat tekan CTRL+F (firefox) lalu cari dengan memasukkan kode ini "site:" (tanpa tanda petik). Hasil temuannya kira-kira seperti ini :

site: "15842380847662472740",      locale: 'in' },      skin); 

nah angka yang bercetak merah itu site id number blog kita cuy.. sesuaikan sendiri sama site id blog sobat..

>> "allowAnonymousPost":"true", Hapus kode ini jika sobat nggag mau kasih izin untuk anonymous message. Ato kalo kasih izin yah biarkan ajah..

4. Selesai.. lalu simpan dan liat hasil nya...