Blogger Loading - Sayfa Geçiş Eklentisi



Bloğunuzu Çok hoş gösterecek Blogger Loading - Sayfa Geçiş Eklentisi ile karşınızdayım

Kırmızı Renk ile İşaretlenmiş Korkusuz Yazar url'sini kendi Logo url'niz ile değiştirebilirsiniz

Eğer Logo değilde bir Loading gif i koymak isterseniz
http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif
Bu loading gif ini önerebilirim

Ctrl+F Yapıp </head> Tagını buluyoruz

</head> Tagından Önce Aşağıdaki Kodumuzu Ekliyoruz

<style> /* jQuery page loading effect by www.showmedreams.blogspot.com */ #md-loading {position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: #FDFEF8 url(http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif) no-repeat center; line-height: 350px; text-align: center; font-size: 36px; color: #353231; text-indent: -9999px; } .MD #md-loading { display: none; } @media only screen and (device-width: 768px) { #loading { position:absolute; width:1040px; min-height:768px; } } #md-progress-bar { position: absolute; top: 0; left: 0; background: #de1301; opacity: 0.8; width: 0; height: 18px; } #md-loader { height: 100%; display: none; } </style> <script> (function($){ $("html").removeClass("MD"); $("#header").ready(function(){ $("#md-progress-bar").stop().animate({ width: "25%" },1500) }); $("#footer").ready(function(){ $("#md-progress-bar").stop().animate({ width: "75%" },1500) }); $(window).load(function(){ $("#md-progress-bar").stop().animate({ width: "100%" },600,function(){ $("#md-loading").fadeOut("fast",function(){ $(this).remove(); }); }); }); })(jQuery); </script>


Ctrl+F Yapıp <body> Tagını buluyoruz

<body> Tagından Sonra Aşağıdaki Kodumuzu Ekliyoruz

<div id='md-loading'><div id='md-progress-bar'></div><div id='md-loader'>Loading...</div></div>

Blogger Loading Eklentimiz Hazır
Yeni Makale
« Prev Post
Eski Makale
Next Post »

4 yorum

Yorum Yap yorum
g
admin
16 Temmuz 2014 11:29 ×

blogger loading eklentisini bulmam baya zor oldu.Tek senin blogda var sanırım

Reply
avatar
19 Temmuz 2014 03:46 ×

Geçiş süresi ayarlanıyomu çok hızlıda :/

Reply
avatar
Unknown
admin
19 Temmuz 2014 09:39 ×

kodlardan ayarlayabilirsinizde bu ideal bi süre yoksa okuyucularınız sıkılır :)

Reply
avatar
Thanks for your comment