Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

YouTube'daki İlerleme Çubuğunu Blogger'da Kullanmak


FacebookTwitterPinterestTumblrYazdır


Bildiğiniz gibi YouTube'daki sayfalar yüklenir iken, en tepede de ilerleme çubuğu çıkıyor. Bu çubuğun anlamı, sayfaların henüz tam olarak yüklenmediğini göstermesidir. Yani sayfalar yüklenirken, bu duruma işaret etmektedir. Peki bu güzel ve özgün özelliği Blogger'da nasıl kullanabiliriz? Oldukça basit. Aşağıdaki adımları izlemeniz bu yönde yeterli olacaktır. Ne kadar gerekli olduğu tartışılır ancak yine de web sitenize farklı bir hava katacaktır. Şüpheniz olmasın.

AYRICA: Blogger’da Linklere İkon Ekleyelim

1) Temanızdaki aşağıdaki kodu bulun.

</body>

2) Aşağıdaki kodları, yukarıdaki koddan önce ekleyin.

<script type='text/javascript'>
//<![CDATA[
var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"2px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width=
a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#db3131";this.bars=[];b=this.el=document.createElement("div");c(this.el,
k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}();
var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100);
//]]>
</script>

Örnek Görünüm


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık