WordPress için Youtube Tarzı Yükleniyor Çubuğu

Merhaba arkadaşlar Youtube‘da gezerken Youtube’un yeni yükleniyor çubuğu/barı bende olduğu gibi birçok kişininde ilgisini çekmiştir. Bende bu olayı birkaç sitede daha gördükten sonra bi araştırma yaptım fakat türkçe kaynaklı sitelerde bulamayınca yabancı kaynakta araştırma yaptım ve sonunda WordPress‘e uyarlanmış halini buldum. Aşağıdaki işlemleri sırasıyla yaptığınız taktirde sizde çok kolay bir şekilde kendi sitenize ekleyebilirsiniz.

1. Adım: Style.css dosyasını açığ aşağıdaki kodları dilediğiniz yere yağıştırın.

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace-inactive {
  display: none;
}

2. Adım: Header.php’yi açın ve aşağıdaki kodu head tagından önce yapıştırın

​<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2"></script>
<script type="text/javascript" src="https://raw.github.com/HubSpot/pace/v0.4.15/pace.min.js"></script>

Eğer sitenizde daha önceden çektiğiniz jQuery varsa ilk satırdaki kodu silebilirsiniz.

Kaynak: http://buraksah.in/wordpress-icin-yo...or-cubugu.html

konu güncel

Yazı Güncellendi

Daha farklı bir şekilde bulmuştum bunu ama bu daha kolaymış

Discovery cihazımdan Tapatalk 2 ile gönderildi