Blogger'a Youtube Tarzı Sayfa Yüklenme Çubuğu B u eklenti sayesinde az da olsa blogunuza görsellik katabilirsiniz. Böylece bu küçük ekle...
 |
| Blogger'a Youtube Tarzı Sayfa Yüklenme Çubuğu |
Bu eklenti sayesinde az da olsa blogunuza görsellik katabilirsiniz. Böylece bu küçük eklenti ile blogunuzu daha güzel gösterebilirsiniz.
Bildiğiniz üzere Youtube sitesine giriş yaptığınız sırada sitenin en üst tarafında kırmızı bir çubuk belirir ve sayfa yüklenene kadar eş zamanlı olarak ilerler. Dikkat ettiniz mi pek bilmiyorum ama mutlaka blogunda böyle bir yüklenme çubuğu olmasını isteyen birisi olmuştur diye düşünüyorum. Böylece ufak bir araştırma sonucunda benzeri bir eklentiyi buldum ve sizlerle paylaşmaktayım.
Şimdi bu eklentiyi nasıl blogunuza uygulayabileceğinize geçelim;
- Blogger ana sayfasına giderek eklentiyi uygulamak istediğiniz bloga tıklayınız.
- Soldaki menüden Şablon ve daha sonra HTML'yi Düzenle seçeneklerine tıklayınız.
- Karşınıza gelen kodların bulunduğu alana bir kez tıkladıktan sonra aynı anda Ctrl ve F tuşlarına basınız.
- Sağ üst tarafta çıkan arama yerine </head> yazdıktan sonra Enter tuşuna tıklayınız.
- </head> kodunun bir üst satırına aşağıda vermiş olduğum Javascript kodunu yapıştırınız.
- Daha sonra arama yerine ]]></b:skin> yazıp Enter tuşuna basınız.
- ]]></b:skin> kodunun bir üst satırına aşağıdaki CSS kodunu yapıştırınız.
- Şablonu Kaydet seçeneğine tıkladıktan sonra sorunsuz bir şekilde bu eklentiyi kullanabilirsiniz.
Javascript
<script src='https://arlina-design.googlecode.com/svn/progressbar.js'/>
CSS
.pace .pace-progress { background: #e14e42; 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; }NOT: CSS kodu içerisindeki #e14e42 renk kodunu istediğiniz gibi değiştirebilirsiniz.
COMMENTS