Yunus Balım

Blogunuza giren ve interneti yavaş olan ziyaretçilerinize kolaylık sağlaması açısından Blogger Jquery Lazy Load Eklentisini sizlerle paylaşıyorum.

Bu eklenti blogunuzdaki resimlerin hepsinin birden yüklenmesini engeller, sadece görünen yerlerdeki resimleri yükler ve bu sayede blogunuz hızlanmış olur. Hiç bir zararlı etkisi yoktur, özellikle galeri tarzı blogu olan yada çok görsel kullanan bloggerlar için birebir eklenti diyebiliriz.

Gelelim kuruluma;

Öncelikle Blogger Kontrol Panelinden Şablon > HTML'yi Düzenle kısmına giriyoruz ve aşağıdaki kodu aratıyoruz.

</head>

Bu kodun hemen altına aşağıdaki kodu ekliyoruz.

<script charset='utf-8' src='http://konfor.enesilhan.net/js/jquery.min.js' type='text/javascript'></script>
<script src='http://konfor.enesilhan.net/js/jquery.lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
          $("img").lazyload({
              placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFwb-qHsnFhqUS403VlDKzRDETIFJFsuUt38xneTyrCakJxtcdgoDkMemVkOqiQszKtXb80ph8XfaN5OZSTODTUjMh-QUkJ7Z7AhT1rmKHHgnJzPMptsYFDVN9F_K9niB4879_xsPAHE/s1600/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

Ve kurulum bitiyor. Güle güle kullanın..

Blogger İçin sayfa yükleniyor eklentisi.

Css Kodları;

]]></b:skin> kodunu aratın ve hemen üstüne alttaki kodları ekleyin.

/* CSS Yükleniyor Sayfası */
div.sayfa-yükleniyor{opacity:0.9;filter:alpha(opacity=90);position:fixed;z-index:4000; text-align:center;}
div.sayfa-yükleniyorhd{top:0px;left:0px;} 
div.sayfa-yükleniyor{_position:absolute;}
div.sayfa-yükleniyorhd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
div#yukleniyor{background-color:#ffffff;width:100%;height:100%;padding-top:20%;}
.yukleniyor_resim {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhqBRP01Mm1Xy_dzwhSt3jNMxWRqRUFdWj1WevTt7oKAHshmzGM7BQ78pac1f9Dee2yIGAmtF9ebMfcZJ_kD3T0pxjI0haqJEsgEfTOi66uT91wxfHB8Po5DIzM0h8W0ssN0vDyVGQF27J/s1600/Loader3.gif);padding:0px;margin:0px;background-color:transparent;border:none;width:110px;height:110px;}

Js Kodları;

</head> kodunu aratın ve hemen üstüne alttaki kodları ekleyin.

<script type="text/javascript">
window.onload=function(){document.getElementById("yukleniyor").style.display="none";} 
</script>

Html Kodları;

</head> kodunu aratın ve hemen altına alttaki kodları ekleyin

<div id="yukleniyor" class="sayfa-yükleniyor sayfa-yükleniyorhd"> 
            <center>
                <div style="font-family:Arial;font-size:19px;color:#4f4f4f;">Lütfen Bekleyiniz..</div><br/><br/>
                <div class="yukleniyor_resim"> </div>
            </center>
        </div>

Güzel bir magazin wordpress teması.Tema kullanımı kolay ve okunabilirlik ile temiz ve basit bir tasarıma sahiptir. Mobil Uyumlu.Cep telefonları, masaüstü herhangi bir cihaz üzerinden erişilebilir hali ile. Ayrıca, herkes için ücretsiz bir magazin WordPress teması.

Musica Ücretsiz Magazin WordPress teması Bu web sitesi ve mükemmel özelleştirmek için de çok kolay ... düzeni, rengi, sınırsız kenar çubuğu, bir sürü widget içerir.

Bu magazin wordpress teması KOPATHEME tarafından tasarlanmış ve kodlanmıştır.

Özellikler;

Tamamen Mobil Uyumlu
Boostrap ile oluşturulmuş ve hazır retina
HTML5 ve CSS3 tablosuz tasarım
12 Onaylı HTML5 Sayfalar
Ajax / PHP İletişim formu Sayfası
Hakkında sayfası
Google Web Fontları
Dokümantasyon dahildir.

Önizleme ve İndir

Blogger Linklerinizin Altındaki Çizgiyi Kaldırma

Blogger blogunuzda bulunan linklerin altındaki çizgiden rahatsızmı oluyorsunuz ?

Bu yazımızda , Blogger blogunuzda bulunan link altı çizgilerini nasıl kaldıracağımızı anlatacağız..

Kimi blogger yazarı bu çizgilerden rahatsız olmazken , çoğu yazar bu çizginin görüntü kirliğine yol açtığına hem fikir..

Hemen anlatıma geçelim..

Şablonunuzda aşağıda kırmızı ile belirtilmiş kodları blogunuzda bulunuz..

a:link {

text-decoration:underline;

}

a:visited {

text-decoration:underline;

}

a:hover {

text-decoration:underline;

}

Bulduğunuz bu kodlar sizde yukarıdaki gibi olmayabilir , ekstra kodlar içerebilir ama , yukarıdaki gibi hepsinin yanında , yada biraz yanında text-decoration:underline; şeklinde bir ibare vardır , yapmamız gereken underline yazısı yerine none yazısını eklemek..

Örnek olarak Aşağıdaki gibi..

a:link {

text-decoration:none;

}

a:visited {

text-decoration:none;

}

a:hover {

text-decoration:none;

}

Bu işlemden sonra, Blogger blogunuzda linklerinizin altında çizgi çıkmayacaktır..