Renkli Yayın İçi Satır Çizgisi Kodu

Blogger Renkli Şerit Çizgisi Kodu

Bazı durumlarda tasarımlarda kullanılabilecek renk geçiş efektli satır çizgisi kodu.
Gökkuşağı desenli satır çizgisi.

<style>
.wrap {
margin: 0 auto;
max-width: 100%;
}
hr {
border: none;
height: 10px;
width: 100%;
background: -webkit-linear-gradient(left, #FF0000, #0018FF);
}
</style>
<br />
<div class="wrap">
<hr />
</div>

height: 10px; Çiginin yüksekliği
#FF0000 : Başlangıç rengi
#0018FF : Bitiş rengi



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.


<div style="border-bottom:5px; color:#009874  ;border-style: solid; width:auto  ;"></div>

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