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