Dekoratif Etiket Eklentisi Dinamik Blogger

Dinamik blogger , yazılarınız altında görülen yayın tarihi, gönderen yazar, etiket ve metin açıklamalarına dekoratif renk belirlemenize y...

...

Dinamik blogger, yazılarınız altında görülen yayın tarihi, gönderen yazar, etiket ve metin açıklamalarına dekoratif renk belirlemenize yarayan CSS eklentisi.  Yukarıdaki resimde görülen dekoratif tex stil’i farklılığı yaşayamayı seven dinamik blogger kullanıcıları için hazırlanmıştır. Css kodları içinde bulunan rgb renklerini değiştirerek arzu ettiğiniz bir renk paletinde eklentiyi kullanabilirsiniz.

CANLI DEMO

Açıklamalar :

whitesmoke : Duman beyazı renk ismidir. Farklı onaltılık hex renk kodu ekleyebilirsiniz.

text-shadow: Etiketler ve tarafından yayınlanmıştır metin renklerini belirler

published color : Satır sonundaki rgb renk yayın tarihini belirler.

/* Dekarasyon Label G59P */ : CSS Kod’un açıklamasıdır.Bazı temalarda çalışmadığı görülmüştür. Böyle bir durumda bu yazıyı silebilirsiniz.

NOT: Blogger şablon CSS kod ekleme penceresine eklediğiniz kodlar belirli bir hiyararşi takip eder. En alt kısma eklediğiniz kodlar bazen çalışmayabilir. Böyle bir durumda aklınızda olsun ekleyeceğiniz kodu en üst seviyeye ekleyerek yer değiştirin.

Blogger şablona CSS eklenti kod’unun eklenmesi :

1. Blogger kumanda paneline giriş yapın.

2. Şablon → Özelleştir → Gelişmiş → CSS ekle penceresine kodu ekleyin.

3. Şu, } kulaksız ters parantezden sonra enter çekin ve blog'u kaydedin.

Dekoratif CSS eklenti kodları :

/* Dekarasyon Label G59P */

.article .article-footer .publish-info, .article .article-footer .labels, .article .article-footer .geolocation-info {

text-shadow: 0px 0px 2px rgb(0, 158, 184);

/* color: link*/

color: whitesmoke;

/* Bağlantı metin link rengi yok*/

}

.article .article-footer abbr.published {

color: rgb(251, 8, 40) !important;

/* Kırmızı "görselKB" */

text-shadow: 0px 0px 2px red !important;

}

Css kod içindeki rgb renkleri değitirebilmek için, Ücretsiz Hex Color Finder proğramını kullanabilirsiniz.  Dinamik Blogger hakkında daha fazla yazıyı okumak için menü çubundaki Pages linkinden Dinamik Blogger ismine tıklayarak ulaşabilirsiniz.