Memasang widget Feedback dari Kampyle

Edisi kemarin sudah saya perkenalkan pada post sebelumnya tentang widget Feedbak dari Kampyle ini. Dengan widget ini, visitor akan lebih mudah untuk mengemukakan sesuatu tentang blog anda :) . Cara memasang widget feedback dari Kampyle ini juga tergolong mudah :D !

Sebelum lanjut, akan sedikit saya jelaskan penggunaanya.

Pada saat anda mengirimkan feedback, otomatis and juga melampirkan link dari post tersebut. Jadi jika anda membuka post Layanan feedback dari jogjawiki ( http://www.jogjawiki.com/2009/01/layanan-feedback-dari-jogjawiki.html ) maka link yang dilampirkan ser otomatis adalh link http://www.jogjawiki.com/2009/01/layanan-feedback-dari-jogjawiki.html, jadi sesuaikan feedbak anda dengan post atau homepage yang anda kirimi feedback, juga memudahkan admin untuk membalas feedback anda :)

Berikut tutorial instalasi widget feedback dari Kampyle :
1. Silahkan daftar diri anda ke Kampyle ( klik disini )
2. Isikan formulir sesuai yang dimintakan.
3. Jika sudah, masukkan informasitentang blog anda. Ikuti petunjuk hingga selesai.



4. Setelah itu, akan muncul dua opsi. Pilih Advance - customize feedback form



5. Lalu setingan tampilan dimulai disini. Anda bisa sesuaikan sendiri. Preview terlebih dahulu.



6. Setelah dirasa cukup, sekarang mengedit konten menu utama nya. dari bug, content, dan lain - lain. Anda juga bisa gunakan bahasa indonesia


7. Setekh menu utama , giliran sub menu yang anda edt. Bisa menambahkan atau mengurangi yang sudah ada :). Lanjutkan hingga sub menu yang ada pada tiap menu utama kamu edit. contoh Bug - broken link atau content - submit artikel dan lain - lain .



8. Jika selesai, akan muncul halaman seperti ini ( jika muncul dua opsi, pilih yang custimized form ), klik embed URL untuk menambahkan kodenya diblog kamu.



Setelah muncul halaman baru, anda akan disuguhi dua kode dan beberapa setingan widget ( interval waktu untuk memunculkan jendela berupa tawaran pengiriman feedback, dan 2 kode widget ) , yaitu : ( Ini hanya contoh ! Jangan gunakam kode ini, gunakan kode milik anda ! )

1. Kode Javasript dan CSS. Pasang kode ini diatas kode </head> . Lalu simpan.

<!--Start Kampyle Exit-Popup Code-->
<script type="text/javascript">
var k_push_vars = {
"view_percentage": 30,
"popup_font_color": "#000000",
"popup_background": "#F8D763",
"header": "Your feedback is important to us!",
"question": "Would you be willing to give us a short (1 minute) feedback?",
"footer": "Thank you for helping us improve our website",
"yes": "Yes",
"no": "No",
"text_direction": "ltr",
"images_dir": "http://cf.kampyle.com/",
"yes_background": "#76AC78",
"no_background": "#8D9B86",
"site_code": 1847243
}
</script>
<script type="text/javascript" src="http://cf.kampyle.com/k_push.js"></script>
<!--End Kampyle Exit-Popup Code-->

<!-- Start Kampyle Css -->
<link rel="stylesheet" type="text/css" media="screen" href="http://cf.kampyle.com/k_button.css" />
<!-- End Kampyle Css -->

NB : Anda bisa mengganti teks yang dicetk tebal dengan kata -kata anda sendiri.

2. Kode widget. Tuju ke page element dan tambahkan kodenya pada HTML > Javascript widget. Biarkan title kosong dan letakkan dimana saja.

<!--Start Kampyle Feedback Form Button-->
<div id="k_close_button" class="k_float kc_bottom kc_right"></div><div><a href="http://www.kampyle.com" target="kampyleWindow" id="kampylink" class="k_float k_bottom k_right" onclick="javascript:k_button.open_ff('site_code=1847243&amp;form_id=13824&amp;lang=en');return false;"><img src="http://cf.kampyle.com/en-orange-corner-low-right.gif" alt="Feedback Form"/></a></div>
<script src="http://cf.kampyle.com/k_button.js" type="text/javascript"></script>
<!--End Kampyle Feedback Form Button-->

Jangan lupa disimpan :)

Ada bagian "view_percentage": 30, pada kode pertama, kode ini berfungsi untuk memunculkan jendela seperti berikut.



Jendela tersebut muncul dalam waktu 30 detik, anda dapat menggantinya sesuai kehendak.

Hufth .... :x akhirnya selesai juga, apabila ada pertanyaan, silahkan tingalkan pesan atau feedback. Happy blogging !