Web Günlüğü » Blogger » Blogger Yorumlardaki Avatarları Küçülterek Sayfanızı Hızlandırın
Blogger Yorumlardaki Avatarları Küçülterek Sayfanızı Hızlandırın
Kategori :
Blogger
Blogger sistemini kullanan bir blogdaki herhangi bir yazıya yapılan yorumlara ait avatarları görüntülediğinizde avatar boyutunun 512x512 boyutunda olduğunu görürsünüz. Bu yüksek sayılabilecek boyuttaki avatarlar sayfa hızınızı yavaşlatabilir. Örnek olarak kendi blogunuzaki bir avatara Chrome tarayıcı ile Resmi yeni sekmede aç, Firefox tarayıcısı ile Resme bak diyerek görüntüleyin. Resimlerin tamamının 512x512 boyutunda olduğunu göreceksiniz. Resme bak dedikten sonra adres çubuğunda oluşan linktede bunu görebilirsiniz.
Gerekli düzenlemeleri yaptıktan sonra resimler 65x65 boyutunda görüntülenecek. Aşağıda yorum avatarlarını nasıl boyutlandırabileceğinizi anlattım.
› Kumanda paneline giriş yapın.
› Blog ismine tıklayın ve açılan sol menüden Şablon'u seçin.
› Daha sonra Html'yi düzenle yolunu izleyerek şablon kodlarınıza erişin.
Açılan sayfada klavyenizin Ctrl+F komutu ile
Ardından temanızı kaydedin ve rastgele bir konuya girerek avatarı görüntülemeyi deneyin. Boyutun 65x65 olduğunu göreceksiniz. Eğer avatarı daha büyük veya daha küçük yapmak isterseniz 2. koddaki
Blogger sistemini kullanan bir blogdaki herhangi bir yazıya yapılan yorumlara ait avatarları görüntülediğinizde avatar boyutunun 512x512 boyutunda olduğunu görürsünüz. Bu yüksek sayılabilecek boyuttaki avatarlar sayfa hızınızı yavaşlatabilir. Örnek olarak kendi blogunuzaki bir avatara Chrome tarayıcı ile Resmi yeni sekmede aç, Firefox tarayıcısı ile Resme bak diyerek görüntüleyin. Resimlerin tamamının 512x512 boyutunda olduğunu göreceksiniz. Resme bak dedikten sonra adres çubuğunda oluşan linktede bunu görebilirsiniz.
Gerekli düzenlemeleri yaptıktan sonra resimler 65x65 boyutunda görüntülenecek. Aşağıda yorum avatarlarını nasıl boyutlandırabileceğinizi anlattım.
› Kumanda paneline giriş yapın.
› Blog ismine tıklayın ve açılan sol menüden Şablon'u seçin.
› Daha sonra Html'yi düzenle yolunu izleyerek şablon kodlarınıza erişin.
Açılan sayfada klavyenizin Ctrl+F komutu ile
</body>
kodunu bulun ve hemen üzerine aşağıdaki kodu kopyalayıp yapıştırın.<script type='text/javascript'>
//<![CDATA[
var avatar=$("#comments");
avatar.find('.avatar-image-container img').each(function() {
var ava = $(this).attr('longdesc') ? $(this).attr('longdesc') : $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s65-c/")).removeAttr('longdesc width height');
});
//]]>
</script>
Ardından temanızı kaydedin ve rastgele bir konuya girerek avatarı görüntülemeyi deneyin. Boyutun 65x65 olduğunu göreceksiniz. Eğer avatarı daha büyük veya daha küçük yapmak isterseniz 2. koddaki
s65
değerini değiştirebilirsiniz.
Yorumlar