Blogunuza Kayan Mesaj Kutusu Ekleyin

Gönderen Yasin 22 Nisan 2009 Çarşamba


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.


Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

11 yorum

  1. Tolga Aşk Dedi ki,

    Eline sağlık denemeye çalışcam..

    22 Nisan 2009 23:40

     
  2. NanoStyle Dedi ki,

    güzelmiş ama yapmaya üşendim açıkçası biraz uzun gözüküyor.eline sağlık.

    23 Nisan 2009 00:24

     
  3. dropofblood Dedi ki,

    @Tolga Aşk
    saol Tolga...
    @NanoStyle
    Aslında iki işlem var ama benim kodlar çok karışık gözüküyor bu kod meselesine bir çözüm bulmam lazım benim acilen:D

    23 Nisan 2009 01:07

     
  4. Doğa Dedi ki,

    Ben artık uzman olmusum :) basardım tesekkur ederım cokk guzel bır eklentı oldu..ozellıkle 23 Nısan cocuk bayramın da cok ısıme yaradı :)

    23 Nisan 2009 08:51

     
  5. Fikrin Ne? Dedi ki,

    DOKTURMUSUUN YINE kardesım tesekkurler

    23 Nisan 2009 11:08

     
  6. dropofblood Dedi ki,

    @Doğa
    Tebrik ediyorum...
    @Fikrin Ne
    İşinize yarar umarım..:))

    23 Nisan 2009 14:55

     
  7. hüzün gülü Dedi ki,

    küçük bir yardım isteyecegimm hani böyle imdatttt diye bagırmak geçiyır içimden .şablon yükledim begenmedim sildim.lakin gel gelelim şablonu sildim emeee bazı şeyler yapıştı kaldı.1haftadır şablon degiştirmekten kal geldi.ve şu an saaat 04:40nesem kısa özet çekim:))bende başka adres alıp aktardım.allahtan onu başardım şu gadgetteki ayarlar (tornavida zımbırtısı)onu nası yok ediyoruz yahu beynim sulandıda artık kusuruma bakmasın kimse

    24 Nisan 2009 04:52

     
  8. dropofblood Dedi ki,

    :)) O zaten gözükmüyor merak etme sadece site yöneticisi eğer bloggera giriş yapmışsa (yani sen) görebilir.
    Yani biz o tornavida zımbırtısını göremiyoruz....
    Anladığım buysa eğer...

    24 Nisan 2009 11:57

     
  9. Eftal Diner Dedi ki,

    dropoblood http://soft-tricks-by-arham.blogspot.com/2009/04/create-sliding-side-menu-must-see.html şu konuya bakar mısın ? şunuda bir yapsan ingilizce çevirip bloguna güzel olacağını umuyorum bu konunun ;)

    17 Mayıs 2009 14:57

     
  10. dropofblood Dedi ki,

    teşekkür ederim... konu için güzel bir eklentiye benziyor... Listeme aldım:))

    17 Mayıs 2009 15:40

     
  11. ErtuqruL Dedi ki,

    bu değilde www.ligtvdevu.net de haykır bölümü var öyle birşey istiyorum uyarlayabilirmisiniz ?

    3 Şubat 2010 19:03

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler