Blogger Bilgi Kutusu Eklentisi

Blogger
8
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

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.

8 yorum

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Blogger
3
Metin2 Blogger Anarschi Teması İndir

Metin2 Blogger Anarschi Teması İndir Herkese Merhaba; Bu gün kendim için düzenlediğim  güzel bir oyun olan Metin2 temasını sizlere sunuyorum. Temanın özelliklerine geçecek olursak. Basit sade bir kullanışa sahip ve ihtiyaçlarınızı karşılayacak bir tema. Fakat tema responsive (mobil uyumlu) değil. Dileyen arkadaşlar aşağıdaki indir butonundan indirip deneyebilir. Yorum yapmayı unutmayın. …

Blogger
9
Blogger Özel Alan Adına SSL Almak

SSL sertifikası, günümüzde birçok sitede bulunmakta ve sitenin güvenilir olduğunun garantisini vermektedir. Blogger için ise özel alan adındaki bloglara bu imkan sunulmamakta olduğundan, sizin için bir yolunu buldum.Üyelik ve siteyi eklemekİlk olarak CloudFlare adresine gidiyoruz ve üye olduktan sonra bu ekrandaki belirttiğim yere sitemizin adresini giriyoruz.Hemen ardından “Begin Scan” butonuna basıyoruz. Ekledikten …

Blogger
21
Özgün Makale Nasıl Hazırlanır ?

  Herkese merhaba, öncelikle belirtmek isterim ki özgün makale hakkındaki yazımı basit düzeyde anlatacağım.Daha çok blogger altyapısı kullanan sitelere hitap edecek. Özgün makale denilince akla Google‘da hiç yazılmamış bir yazı geliyor direk. Bu biraz imkansız tabi ki sizin yazacağınız konuyla ilgili bir çok makale ve kaynak mevcut, siz bu kaynaklardan …