Blogger Kapanabilir Uyarı Kutusu

 Uyarılarınızı , tavsiyelerinizi veya duyurularınızı paylaşabileceğiniz bir uyarı kutusu paylaşıyorum. Üstelik eklemesi ve kullanımı çok basit.

 İlk olarak blogger yönetim paneline giriş yapıyoruz. Tema → Html'yi Düzenle yolunu izleyerek kodlara erişiyoruz.

 Kodların her hangi bir yerine bir kez tıklayıp Ctrl+F yardımıyla  ]]></b:skin>  kodunu aratıyoruz. Ardından hemen üzerine aşşağıdaki kodu ekliyoruz.

/* The alert message box */ .alert { padding: 20px; background-color: #f44336; /* Red */ color: white; margin-bottom: 15px; } /* The close button */ .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } /* When moving the mouse over the close button */ .closebtn:hover { color: black; }

 Son olarak kutunun görünmesini istediğimiz yere aşağıdaki kodu ekleyip kaydediyoruz.

<div class="alert"> <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span> Uyarınızı buraya ekleyin! </div>

 Kutu üzerindeki yazıyı değiştirmek için 2. kod içerisindeki "Uyarınızı buraya ekleyin!" yazısını değiştirebilirisniz. Ayrıca kutunun rengini değiştirmek için 1. kod içerisinde 4. satırda bulunan  "#f44336" kırmızı renk kodunu değiştirebilirsiniz.