Blogunuza Kayan Mesaj Kutusu Ekleyin

Blogunuza ekleyeceğiniz mesaj kutusuyla ziyaretçilerinizi karşılamak ister misiniz? Mesaj kutunuz mousela beraber otomatik olarak kayma özelliğine de sahiptir. İzleyicilerinize duyurmak istediğiniz her şeyi yazabilirsiniz. Rss beslemenizi ekleyebilir, özel bir yazınıza link verebilir veya resim ekleyebilirsiniz.Örneğini görmek için sizi bu siteye alıyorum (konu da bu siteden alınmıştır.)

Kodlara geçelim:
 Yerleşim---->Html’yi düzenle kısmına geliyoruz ve  </head>  kodunu buluyoruz. Head kodundan hemen önce aşağıdaki kodları yapıştırıyoruz.


<style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

</style>
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
* Code from http://tambirblog.blogspot.com

***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode &amp;&amp; document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose &amp;&amp; get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>


Lacivert renkli kodlarla rengini ve boyutlarını ayarlayabiliyoruz.
Şimdi Yerleşim---->Sayfa Öğeleri kısmına geliyoruz.Gadget ekleye basıp Html/Javascripti seçiyoruz.
Daha sonra aşağıdaki kodları içine yapıştırıyoruz.


<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="http://www.gigaimage.com/images/6gxult9ji6pxr9r7wo.gif" align="right" border="0" /></a>
Mesajınızı buraya ekleyin.
</div>        




Yeşil renkli Url yerine eğer mesaj kutusunun tasarımını beğenmediyseniz kendi zevklerinize uygun kapatma ikonuyla değiştirebilirsiniz. Lacivert olarak yazılmış "Mesajınızı buraya ekleyin."olan bölümüne silip eklemek istediğiniz mesajları yerleştirebilirsiniz. Artık izleyicilerinize siteniz açıldığında göstereceğiniz bir mesaj kutunuz var.
***Not: Mesajınız eğer soluk bir renkte görünüyorsa, bloggera Gönderme---->Oluştur bölümüne gelip yazınızı burada yazın ve yazınızı kalınlaştırıp Html'yi Düzenle kısmına tıklayıp kodu kopyalayın. Tekrar Html/Javascript dosyasına gelerek mesajınızı tekrar yapıştırın. Son olarak en doğru sonuçlar için mesajınızı önce yeni bir kayıt olarak yazın daha sonra html kodlarını alıp "Mesajınızı buraya ekleyin." bölümüne ekleyin.