Ana içeriğe atla

Sabit Alanlı Duyuru Çubuğu

Blogger Duyuru Çubuğu Kodu


Duyuru alanı için güzel bir kod düzenledim. Sayfanın üstünde veya altında sabit durarak istediğiniz mesajı yayımlayabilirsiniz.



Oldukça işlevsel bir eklenti.



<style type="text/css">
.sabitduyuru {
background-image:url(http://4.bp.blogspot.com/-D8gg09cndIM/UYgBW45fJaI/AAAAAAAAAYc/2RNV74T-3M0/s1600/duyuru_arka30px.png);
height:30px;
width: 100%;
position: fixed;
top: 10px;
right: 0px;
}
.bilgiyazi {
height: 28px;
padding-top: 5px;
font-family: Arial;
}
.bilgiyazi a {
text-decoration: none;
color: #eeeeee;
}
.icon {
background-image:url(http://4.bp.blogspot.com/-wGsWu106pec/UYgSC2t_WRI/AAAAAAAAAYw/XZpIcADfZL4/s1600/dikkat_icon30.png);
position: fixed;
top: 0px;
left: 0px;
width: 34px;
height: 30px;
}
</style>
<div class="sabitduyuru">
<div class="icon">
</div><div class="bilgiyazi">
<marquee scrolldelay="100" onmouseover="this.stop()" onmouseout="this.start()" >
<a href="#">DUYURU... DUYURU... DUYURU...</a></marquee></div></div>
<!--Author: webkenti.net-->


top: 0px; Duyuru çubuğu konumu. En yukarıda sabit şekilde durur. bottom: 0px; yaparsanız en aşağıda sabit şekilde durur.
color: #eeeeee; Duyuru çubuğundaki yazının rengi. Varsayılan şablonlar , metin rengini otomatik atar.
"#" : # yerine URL yazarsanız tıklantığında gitmesini istediğiniz adresi belirtir.
DUYURU... DUYURU... DUYURU... : Gözükmesini istediğiniz metin


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Editörünü kullanabilirsiniz.




Yorumlar