Blogger Animasyonlu Açılış Efekt Eklentisi

Arlina Design: Blogger Animasyonlu Açılış Efekt Eklentisi 17.5.16
Blogger sitelerinde sayfa yüklenmelerinde geçen kısa zamanlı basit animasyonlu efekt eklentisi ile blogger sitenize farklı bir blogger tasarımı ekleyebilirsiniz.

Blogger Animasyonlu Açılış Efekt Eklentisi

Blogger Animasyonlu Açılış Efekti Nasıl Çalışır? Otomatik olarak blog açılışında başlayan animasyonlu efekt sayfa yüklendiğinde durdurulacaktır.

 Blogger Animasyonlu Açılış Efekti Nasıl Eklenir?

1. Blogger hesabınıza giriş yapın ve eklemek istediğiniz blogun kumanda panelinden Şablon > HTML'i Düzenle tıklayın ve CTRL+F yardımıyla ]]></b:skin> yada </style> kodunu bulun ve aşağıdaki kodu ]]></b:skin> yada </style> kodları içerisine ekleyin.
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDE2jd2VIFfZEeTtw-IGQsESOabVdselhP-zbN_Dr7E8itrqQYRBww4mjwJA7FG43UFokJjLaoZUNjvLqYVWMgMMpo0ygQCt3ilKSRI5QPtOeHKbD2Cq9qHGawO0X4EhGBmHZvmDrRTo/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}
2. Aşağıdaki HTML kodu </body> kodunun bir satır üzerine ekleyin.
<div id='cssload'/>
3. Aşağıdaki jQuery kodu </body> kodunun bir satır üzerine ekleyin.
<script type='text/javascript'>
//<![CDATA[
// Blogger eklentileri (http://bloggereklentileri.blogspot.com/)
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
4. Şablonu kaydedin ve blogunuzu kontrol edin.

Yorum Gönder