Blogger Bildirim Kutuları Eklentisi

Etiketler : Blogger Kodları

Blogger için oldukça şık bir duyuru eklentisi olup sitenizde ister konu içinde isterseniz sitenizin istediğiniz biryerinde duyuru açabilirsiniz.Oldukça kullanışlı ve sitenize ayrı bir renk katıcak ve belli etmek isteğiniz yada dikkat çekmesini istediğiniz yazıları bu eklenti sayesinde koyabilirsiniz.

Şablon › HTML'yi Düzenle'ye girin ve orda

Kodu aratın ve hemen üstüne aşağıdaki kodu ekleyin.

/* SK-Notification */
.syv-bildirim {
 color: #ffffff;
 display: block;
 font-size: 12px;
 margin: 1em 0;
 padding: 20px 20px 20px 90px;
 position: relative;
}

.syv-bildirim span.icon {
 height: 32px;
 left: 20px;
 position: absolute;
 top: 15px;
 width: 32px;
}

.bildirim-hata { background: #c02424 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBpYL50KZi3VGVMBD8QbPgm6UnsbjHg4TxbwNEMwV75_DSqir9L2qMxGsUiAVEZGVrzDemmiAxEUGW0L7VZsCr9fz9hDPszi5k49PJ60xhkKWG-s5mi5vV6fW7ocorJPHk3RU-Aid9cgw/s1600/error.gif") repeat-x top left; border: 1px solid #a01515; color:#660404; }
.bildirim-hata span.icon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLELNmigJeexnXpvDDo4PtNpcoVrENWO4p0_g-_CsjnMymKAqG5OZ1gz7MjeeljhASoIEvsSqh9bCplQdz0O0PqXbYu9-Bm64wX5lc9ffizCtNUhM1_C6r02M4WOG-B388m3u1b9JMx1E/s1600/error-icon.png") no-repeat top left; }
 
.bildirim-onay { background: #6ba623 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZRoH7AiSGVz8XbRmR7ZIAKCduD4m2QhdcyrqoICZ0FfAB2V8Jmiilek-u3qDPxm47pSuNnvfXt5ZG3qZePbXXNxL9HpfzPSV3vB6psr3hNsgiwvzUGgcRKvjdabtpTxFVTZwZyfvMde4/s1600/success.gif") repeat-x top left; border: 1px solid #6e8a19; color: #405100; }
.bildirim-onay span.icon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRJvWWvavpEenmm2ejwUtjGan9AJItBVyruPHaDytW55AunMGb3X2mHkpNtMNCZop2oqDKbfTKcpyFqx3oJgLn7QLhgHcCAg_XPdHV6aANYfLfx6cBEOCjNi9pJLMmot4Q9NoO0BKrx5E/s1600/success-icon.png") no-repeat top left; }
 
.bildirim-info { background: #1d86af url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3YyVAaniCKpfrOnx4h06M9Tvn8wIpeY_RyYvza4g4j14rlR7AO1EBIcEz3Tdw2KECDeUaicEkc1ZRRLlF3805Sg3v4lQ6yAx-xP2VHTt7cJ1C7sQdFjOthzI-RxqADjU-4MvJ6lwbBjM/s1600/info.gif") repeat-x top left; border: 1px solid #317d9b; color:#084752; }
.bildirim-info span.icon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNu-beUcBoDZQ8wCvjhsT8MtvD_0OUjJesMBeJqw2KSiJYjPjT3M5nU6WuOv5D4XzekxVt0mnSsy_SckQ1wXhuX1dyfFyA3-NO3zvQiZMHwqp8_1UI9nAvsQYYdcA5c2pGyBxkMQzmVw/s1600/info-icon.png") no-repeat top left; }
 
.bildirim-uyari { background: #e77414 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0UpqSlJzXFz7AGzK85MrorBq99pdOjZ1SWaTbb3y98DinHf9ixva6aTAZO3FeF5CpkDw-YOLp1izV6o1Q0Y_LbAdjKz_nzDS70CH9RpZ4BocCDWPaK2cCuaxUDN-irX5kxkGwC05Tc4/s1600/alert.gif") repeat-x top left; border: 1px solid #be7125; color:#7e5700;}
.bildirim-uyari span.icon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-MGG47PfQaiADPAHMK5QdwDyTfF0sTJ1qdtY4Ueexcq-Drb5w9bpOUxlKCqPDdxu8xxgqCmcmdtTV3vwEAkIhl-CVXyb9ycXtEnQ9UySaRrDgSPQH2VFrin60ufSc66GhmpfsWhFXx7M/s1600/alert-icon.png") no-repeat top left; }
 
.bildirim-standard { background: #d7d7d7 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpsSlXa8BHZfOZohDv5k6CXw-8HGC4oLQsjPPAXhtC3OYpcVTsbqQqIp9eIhmD5zRrWRgsA6DcRjWnOK4Pv3gDkBduQ3En44edoX4-QH4ZHk6xgv5GvBObyYH0Ebm34VfsDQuO6qvru5Q/s1600/standard.gif") repeat-x top left; border: 1px solid #bababa; color: #464646 !important; }
.bildirim-standard span.icon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRhfBNag4DfDgoVgCrDjnP5Kpy8qkO9TiNq2oLFe2iuSbXE5rxvb-G4x6cPl6XoBWVmR9CxN8szZgmy6VqyhdNpI5MRkc2UzLjNhNt-FgF8yhJhbqX9VCola9rcXLF3IgQQsyCuWn8ur8/s1600/standard-icon.png") no-repeat top left; }

/* TABBED CONTENT */

.syvtabmenu {
 background: #f1f1f1;
 border: 1px solid #e1e1e1;
 margin: 35px 0 2em 0;
 padding: 10px 10px 0 10px;
 position: relative;
}

.syvtabmenu .tabmenu {
 list-style: none;
 margin: 0 0 0 0 !important;
 padding: 0 !important;
}
 
.syvtabmenu .tabmenu li {
 background: #ffffff;
 padding: 20px 20px 20px 20px;
 margin: 0 0 10px 0;
 display: none;
}
  
.syvtabmenu .tabmenu li p { 
 margin: 0 0 1em 0; 
}
  
.syvtabmenu .tabmenu li.current {
 display: block;
}
  
.syvtabmenu .tablar {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: -33px;
left: 13px;
}
 
.syvtabmenu .tablar li {
 list-style: none !important;
 background: #e5e5e5 !important;
 border: 1px solid #e1e1e1;
 border-bottom: none;
 text-shadow: 0 1px 0 #ffffff;
 cursor: pointer;
 float: left;
 font: bold 12px/32px Arial, Helvetica, sans-serif;
 color: #999999 !important;
 padding: 0 20px!important;
 margin: 0 3px 0 0!important;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
}
  
.syvtabmenu .tablar li.current {
 background: #f1f1f1 !important;
 color: #666666 !important;
}

Kodu ekledikten sonra sitenin istediğiniz biryerine veya konu içinde göstermek istediğiniz duyuru modülünü aşağıdan seçin ve istediğiniz yere ekleyin.

Blogger Bildirim Kutuları Eklentisi

0 yorum:

Kategoriler

Tavsiye Programlar

Sosyal Ağlar

Sponsorlar

Tavsiye Bağlantılar !

Sizin İçin Hazırladığımız Araçlar !

Abone Olarak Takip Edin !