19 Ocak 2017 Perşembe

Blogger Bilgi Kutusu Eklentisi
Blogger Bilgi Kutusu Eklentisi
Merhaba istek üzerine artık blogger eklentilerini paylaşmaya başladım. Daha önce  paylaştığım makalede yorumlara blog sitelerimizi zengin gösterecek ve işimizi kolaylaştıracak eklentiler paylaşırsan seviniriz tarzında yazmıştı bir kaç kişi. Bende ne paylaşacağımı düşünüyordum zaten. Bir kategori daha eklemiş oldum paylaşımlarıma, 
Lafı fazla uzatmadan bu gün sizlerle hangi eklentiyi paylaşacağım Blogger Bilgi Kutusu Eklentisi 'ni paylaşacağım. Bu eklenti yazdığınız yazılarda özellikle belirtmek istediğiniz uyarı,dipnot ve etiketlerinizi daha ön planda sunmanızı sağlar. Okuyucularınızın dikkatini çekersiniz ve yazdığınız yazılar daha okunası hale gelir.
Bunu nasıl yapabilirsiniz, çok basit aşağıdaki adımları takip edin. Yine yapamazsanız eğer yorumlarda belirtirseniz yardımcı olmaya çalışırım.
  1. Öncelikle blogger panelimize girerek ŞABLON-HTML DÜZENLE diyoruz ve   CTRL+F yapıp ]]></b:skin> yazıp aratıyoruz.
  2. Daha sonra bulduğumuz kodunun hemen üst satırına aşağıda verdiğim CSS kodlarını ekliyoruz.


.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

Daha sonra yazılarımızı yazarken yazının istediğimiz yerinde HTML kısmına geçerek aşağıdaki kodları kullanıyoruz.

Bilgi Kutusu İçin:
<div class='info'>
Bilgi kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
</div>

Not Kutusu İçin:
<div class='tips'>
Not kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
</div>

Uyarı Kutusu İçin:
<div class='warning'>
Uyarı kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
</div>

Not: Yazımızı yazarken sol üstte OLUŞTUR/HTML kısmı var biz HTML kısmına geçerek kodları uygulamalıyız.

DEMOLAR
Bilgi kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
Not kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
Uyarı kutusu için bu kodu HTML ye yapıştırdıktan sonra buraya yazdığım yazıları kendi notunuzla değiştirin.
Google'dan Gelen Aramalar
blogger,bloggerlar,blogger para kazanma,blogger dersleri,blogger makyaj,blogger adsense reklamı nasıl eklenir,blogger tema yükleme,blogger türkiye,blogger türk,blogger nasıl olunur

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna Veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

8 yorum:

  1. paylaşım için teşekkürler....

    YanıtlaSil
  2. Çok faydalı bir bilgi teşekkür ederim.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim iyi günlerde kullanın.

      Sil
  3. Gayet basit ve kullanışlı bir kod oluşturulan Css yi div ile çekmiş. gereksiz eklenti vesaire kurmaya gerek yok kodla herşey oluyor. :) Teşekürler eline sağlık.

    YanıtlaSil
    Yanıtlar
    1. Teşekkürler admin bey :D siz daha bilgilisiniz tabi bu konularda :D

      Sil
  4. Ooo bu güzel olacak blogumda. Teşekkürler...

    YanıtlaSil
    Yanıtlar
    1. Rica ederim iyi günlerde kullanmanız dileğiyle.

      Sil

YORUM YAPMA KURALLARI

1- Yapılan yorumun yazıyla alakalı olmasına özen gösterin.
2- Yapılan yorumlara backlink amaçlı link bırakmayın.
3- Yapılan yorumlarda küfür,argo vb. kelimeler kullanmayın.
4- Yapılan yorumda dil bilgisi kurallarına uymaya özen gösterin.
5- Yukarıdaki kurallara uymadığınız taktirde site sahibi yorumu yayımlamama hakkına sahiptir.

Benimle Çalışmak İster Misin ?

İletişim Formu
HAMDİ ÇETİN
+123-456-789
Mersin,Türkiye