<script type='text/javascript'>
GSFN = {
feedback: function(url, tab_options) {
this.feedback_url = url;
this.tab_options = tab_options ? tab_options : {};
this.tab_options.placement = this.tab_options.placement ?
this.tab_options.placement : &#39;right&#39;;
this.tab_options.color = this.tab_options.color ? this.tab_options.color :
&#39;#21236a&#39;;
this.tab_html = &#39;&lt;a href=&quot;#&quot; id=&quot;fdbk_tab&quot;
class=&quot;fdbk_tab_&#39;+this.tab_options.placement+&#39;&quot;
style=&quot;background-color:&#39;+this.tab_options.color+&#39;&quot;&gt;FEEDBACK&lt;/a&gt;&#39;;
this.overlay_html = &#39;&lt;div id=&quot;fdbk_overlay&quot; style=&quot;display:none&quot;&gt;&#39; +
&#39;&lt;div id=&quot;fdbk_container&quot;&gt;&#39; +
&#39;&lt;a href=&quot;#&quot; onclick=&quot;GSFN.hide();return false&quot; id=&quot;fdbk_close&quot;&gt;&lt;/a&gt;&#39; +
&#39;&lt;iframe src=&quot;&quot; id=&quot;fdbk_iframe&quot; allowTransparency=&quot;true&quot; scrolling=&quot;no&quot;
frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;&#39; +
&#39;&lt;/div&gt;&#39; +
&#39;&lt;div id=&quot;fdbk_screen&quot;&gt;&lt;/div&gt;&#39; +
&#39;&lt;/div&gt;&#39;;
if(this.tab_options.container) {
var container_el = this.gId(this.tab_options.container);
container_el.innerHTML = this.tab_html + this.overlay_html;
} else {
document.write(this.tab_html);
document.write(this.overlay_html);
}
this.gId(&#39;fdbk_tab&#39;).onclick = function() { GSFN.show(); return false; }
this.gId(&#39;fdbk_iframe&#39;).setAttribute(&quot;src&quot;, &quot;&quot;);
},
set_position: function() {
this.scroll_top = document.documentElement.scrollTop || document.body.scrollTop;
this.scroll_height = document.documentElement.scrollHeight;
this.client_height = window.innerHeight ||
document.documentElement.clientHeight;
this.gId(&#39;fdbk_screen&#39;).style.height = this.scroll_height+&quot;px&quot;;
this.gId(&#39;fdbk_container&#39;).style.top =
this.scroll_top+(this.client_height*0.1)+&quot;px&quot;;
},
show: function() {
if(this.gId(&#39;fdbk_iframe&#39;).getAttribute(&quot;src&quot;) == &quot;&quot;) {
this.gId(&#39;fdbk_iframe&#39;).setAttribute(&quot;src&quot;, this.feedback_url);
if (this.gId(&#39;fdbk_iframe&#39;).addEventListener) {
this.gId(&#39;fdbk_iframe&#39;).addEventListener(&quot;load&quot;, GSFN.loaded, false);
} else if (this.gId(&#39;fdbk_iframe&#39;).attachEvent) {
this.gId(&#39;fdbk_iframe&#39;).detachEvent(&quot;onload&quot;, GSFN.loaded);
this.gId(&#39;fdbk_iframe&#39;).attachEvent(&quot;onload&quot;, GSFN.loaded);
}
}
this.set_position();
this.gId(&#39;fdbk_overlay&#39;).style.display = &quot;block&quot;;
},
hide: function() {
this.gId(&#39;fdbk_overlay&#39;).style.display = &quot;none&quot;;
},
loaded: function() {
GSFN.gId(&#39;fdbk_iframe&#39;).className = &quot;loaded&quot;;
},
gId: function(id) {
return document.getElementById(id);
}
}
</script>

<style>
/* feedback */
#fdbk_overlay {width: 100%;height:100%;top:0;left:0;z-index: 1000000;position:
absolute;}
#fdbk_screen {top:0;left:0;z-index:1;width:100%;position: absolute;background-color:
#000;opacity: 0.45; -moz-opacity: 0.45;filter:alpha(opacity=45);}
#fdbk_container {width:465px;height:450px;margin: 0 auto;z-index:2;position:relative;}
#fdbk_container iframe {width:465px;height:100%;margin: 20px;background:
transparent url(&#39;http://blog.wolkanca.com/b/i/fb_loading.png&#39;) no-repeat;}
#fdbk_container iframe.loaded {background: transparent;}
a#fdbk_tab {top: 25%;right:0;width: 42px;height:102px;color: #FFF;cursor:pointer;text-indent:-100000px;overflow:hidden;
position: fixed; z-index: 100000; margin-right: -7px;background-image: url(http://blog.wolkanca.com/b/i/feedback_trans_tab.png);_position:
absolute;_background-image: url(&#39;http://blog.wolkanca.com/b/i/feedback_tab_ie6.png&#39;);}
a#fdbk_tab:hover {margin-right: -4px;}
a.fdbk_tab_right {right: 0 !important;left: auto !important;margin-right: -7px !important;margin-left:
auto !important;}
a.fdbk_tab_right:hover {margin-right: -4px !important;margin-left: auto !important;}
a.fdbk_tab_bottom {top: auto!important;bottom: 0 !important;left: 20% !important;height:
38px !important;width: 102px !important;background-position: 0 -102px !important;margin-bottom:
-7px !important;margin-left: auto !important;}
a.fdbk_tab_bottom:hover {margin-bottom: -4px !important;margin-right: auto !important;}
a.fdbk_tab_hidden {display:none !important;}
a#fdbk_close {position: absolute;cursor:pointer;outline:none;top: 0;left: 0;z-index:
4;width:42px;height:42px;overflow:hidden;background-image: url(http://blog.wolkanca.com/b/i/feedback-close.png);_background:
none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://blog.wolkanca.com/b/i/feedback-close.png,
sizingMethod=&#39;crop&#39;);}
#fdbk_close:hover {background-position: -42px 0;}
#fc-friendbar-outer {position:fixed;top:0px;left:0px;}
</style>

<script type='text/javascript'>
// asagidaki -http://blog.wolkanca.com/iletisim-formu.php- kismini kendi iletisim formunuzla degistiriniz.
// tab_options.placement kismini sag veya sol olarak degistirebilirsiniz.
// tab_options.color kismini istediginiz renk ile degistiriniz.
var tab_options = {}
tab_options.placement = &quot;left&quot;;
tab_options.color = &quot;#21236a&quot;;
GSFN.feedback(&#39;http://blog.wolkanca.com/iletisim-formu.php&#39;, tab_options);
</script>