Blogger Eklentileri Bilgi-Uyar-İndir Sitilleri



Blogger Eklentileri 'ni hiç ara vermeden paylaşmaya devam ediyorum.Daha önceki yazımda farklı Blogger Eklentileri paylaşımlarım da bulunmuştum.Bu yazımda ise sizlere yine farklı bir Blogger Eklentisi olan bilgi-uyar-indir yazı sitillerini paylaşmaya karar verdim.Bu Blogger Eklentisi ile yazınıza farklı bir stil ekleyebileceksiniz.Blogger Eklentileri paylaşımlarımıda bundan sonra sıklıkla gerçekleştireceğim.Bu eklenti den bahsedersek aşağıda vermiş olduğum resim deki gibidir.Farklı ve şık bir görünüme sahip olan bu Blogger Eklentisini kullanmanızı tavsiye ederim.

blogger eklentileri



Blogger Eklentisini Nasıl Eklerim

Öncelikle aşağıda vermiş olduğum kodları temanızın css kısmına ekliyorsunuz.

Kodlar;

.uyari {
background: #f9cccc url(http://f1212.hizliresim.com/14/r/h70l3.png) 15px center no-repeat;
text-align: left;
padding: 10px 20px 10px 65px;
border-top: 2px solid #d34b4b;
border-bottom: 2px solid #d34b4b;
margin:10px auto;
}
.bilgi {
background: #cce1f1 url(http://f1212.hizliresim.com/14/r/h70kb.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #529bdf;
border-bottom: 2px solid #529bdf;
margin:10px auto;
}
.indir {
background: #d1e8b7 url(http://f1212.hizliresim.com/14/r/h70kl.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #7dbe31;
border-bottom: 2px solid #7dbe31;
margin:10px auto;
}


Yukarıda ki kodları css kısmına ekledikten sonra sıra geldi yazılarınız için kullanmaya.

Uyarı Yazı Stili İçin;

<div class="uyari">Bu bir uyarı yazısıdır...</div>


Bilgi Yazı Stili İçin;

<div class="bilgi">Bu bir bilgi yazısıdır...</div>

İndir Yazı Stili İçin;

<div class="indir">Bu bir indirme yazısıdır...</div>



Yorumlar