Site Girişine Ramazan İntrosu Ekle

Ramazan Ayı’yla birlikte site sahipleri sitelerini Ramazan ayına özel olarak düzenleyerek bu güzel ayı karşılıyor. Sitelerinizi düzenlemek dışında sitenizi ziyaret eden okuyucularınıza küçük bir jest yaparak ramazan ayı introsu ile okuyucularınıza bir Ramazan ayı mesajı bırakabilirsiniz.

İntroyu eklemek için öncellikle Blogger Admin Paneli > Şablon > HTML'yi düzenle yolunu izleyin ve CTRL + F yöntemiyle ]]></b:skin> kodunu bulun, hemen üzerine gelicek şekilde aşağıdaki kodları ekleyiniz.

 <!--wepblogger Ramazan ayı İntrosu-->  
 <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->  
 #wepblogger {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}  
 #wepblogger p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}  
 .wepbloggercl {background:#CC0000;color:#fff;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}  
 .wepbloggercl:hover {background-color:#333}  
 #wepbloggerwp {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#000000 url(http://i.hizliresim.com/NVzOg5.jpg) no-repeat top center;}

Yukarıdaki kodları ekledikten sonra şimdide <body> kodunu buluyoruz ve üzerinde aşağıdaki kodları ekleyip şablonu kaydediyoruz..

 <!--wepblogger Ramazan ayı İntrosu-->  
 <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->  
 <div id='wepbloggerwp'/>  
 <div id='wepblogger'>  
  <div class='wepbloggercl' onclick='document.getElementById(&quot;wepblogger&quot;).style.display=&quot;none&quot;;wepbloggerwp.style.display=&quot;none&quot;;'>Siteye Giriş &#8594;</div><br/><br/>  
   <p>&#8220;Ya Şehr-i Ramazan&#8221;<br/>  
    Ellerimiz Semaa’da Dualarımız ALLAH a Bu Mübarek Ramazan Ayında Şükür Edelim ALLAH ımıza, Ramazan Ayınız Mübarek Olsun.&quot;</p>  
  </div>

Demosunu Gör

* İntonun görselini değiştirmek isterseniz görsel url'si kırmızı gösterilmiştir.

* İntoru Mesajını düzenlemek isterseniz yine kırmızı ile gösterilmiştir.

Daha Fazlası: RSS Feed | Email Aboneliği Yayın Sayısı :