tagından sonra eklemlisiniz.
<script>
// feedback - image dosyalarini kendi sitenizde barindirabilirseniz daha iyi olur.
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 : 'right';
this.tab_options.color = this.tab_options.color ? this.tab_options.color : '#21236a';
this.tab_html = 'FACEBOOK';
this.overlay_html = '';
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('fdbk_tab').onclick = function() { GSFN.show(); return false; }
this.gId('fdbk_iframe').setAttribute("src", "");
},
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('fdbk_screen').style.height = this.scroll_height+"px";
this.gId('fdbk_container').style.top = this.scroll_top+(this.client_height*0.1)+"px";
},
show: function() {
if(this.gId('fdbk_iframe').getAttribute("src") == "") {
this.gId('fdbk_iframe').setAttribute("src", this.feedback_url);
if (this.gId('fdbk_iframe').addEventListener) {
this.gId('fdbk_iframe').addEventListener("load", GSFN.loaded, false);
} else if (this.gId('fdbk_iframe').attachEvent) {
this.gId('fdbk_iframe').detachEvent("onload", GSFN.loaded);
this.gId('fdbk_iframe').attachEvent("onload", GSFN.loaded);
}
}
this.set_position();
this.gId('fdbk_overlay').style.display = "block";
},
hide: function() {
this.gId('fdbk_overlay').style.display = "none";
},
loaded: function() {
GSFN.gId('fdbk_iframe').className = "loaded";
},
gId: function(id) {
return document.getElementById(id);
}
}
</script>
<script>
// feedback ayar
var tab_options = {}
tab_options.placement = "left"; //left veya right - sag veya sol.
tab_options.color = "#21236a"; //rengi belirleyin.
GSFN.feedback('http://www.lifegida.com/skmedia/music/', tab_options); //kendi iletisim formu adresinizle degistirin.
</script>
Kaynak: Skmedia Online Müzik Dinleme Kutusu
Demo: Skmedia