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 && 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 && 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
10 yorum
Eline sağlık denemeye çalışcam..
22 Nisan 2009 23:40
güzelmiş ama yapmaya üşendim açıkçası biraz uzun gözüküyor.eline sağlık.
23 Nisan 2009 00:24
@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
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
DOKTURMUSUUN YINE kardesım tesekkurler
23 Nisan 2009 11:08
@Doğa
Tebrik ediyorum...
@Fikrin Ne
İşinize yarar umarım..:))
23 Nisan 2009 14:55
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
:)) 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
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
teşekkür ederim... konu için güzel bir eklentiye benziyor... Listeme aldım:))
17 Mayıs 2009 15:40
Yorum Gönder