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;
}

3. 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.

Düzeltme: 03.03.2014

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

12 Yorum

Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.