blogger eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

25 Aralık 2014 Perşembe

Blogger'da "Kendi sayfa görüntüleme işlemlerinizi izlemeyin" veya "don't track your own pageviews" sorununa temel çözüm.


Blogger'da kendi siteniz var ve blogger istatistiklerinde "kimler siteme girmiş acaba" diye istatistiklere bakıp görmek istiyorsunuz, ancak burada kendi ziyaretlerinizi görmek istemiyorsunuz.



Blogger'ı Türkçe kullanıyorsanız "Kendi sayfa görüntüleme işlemlerinizi izlemeyin" İngilizce kullanıyorsanız ise "don't track your own pageviews" linkine tıklarsınız ve karşınıza çıkan pencerede bunu işaretlerseniz, istatistiklere kendi ziyaretleriniz yansımaz.

Ancak bu seçenek kendi alan adını kullanan bloglarda uzun bir süredir çalışmıyor ve hata veriyor. Google çalışanları ise halen bu sorunu çözmek için bir adım atmadığı için, bu sorunun çözümü araştırıp yayınlayalım dedik.

İşte "Kendi sayfa görüntüleme işlemlerinizi izlemeyin" veya "don't track your own pageviews" sorununa temel çözüm:


www.kendi-sitenizin-alan-adı.com/b/statsBlockingCookie?action=SET&callback=__gwt_jsonp__.P2.onSuccess

adresine gidin ve bunu yaparken önce "www.kendi-sitenizin-alan-adı.com" yazan yeri kendi sitenizin alan adı ile değiştirin.
karşınıza şu yazı çıkacak:

// API callback
__gwt_jsonp__.P2.onSuccess({"status":"yes"});

işlem tamam, artık kendi ziyaretleriniz istatistiklere eklenmeyecek.

30 Ekim 2014 Perşembe


Blogger’da varsayılan olarak resimler çerçeveli ve gölgeli olarak geliyor. Her ne kadar bu durum görünüm bazında bir problem doğurmasa da, daha sade bir görünüm adına resimlerdeki çerçeve ve gölgeyi tamamen kaldırmak isteyebilirsiniz. Bunun için yapmanız gereken, aşağıda yer alan kodları değiştirmeden temanıza ait CSS alanı içerisine yapıştırmaktır. Bu şekilde blogunuzdaki resimler otomatik olarak çerçevesiz ve gölgesiz bir hâle bürünecektir.






Öncelikle Blogger panelimizin Tasarım > Html’yi Düzenle bölümünü açarak aşağıdaki kodu buluyoruz.
]]></b:skin>
Bu kodun hemen üzerine aşağıdaki CSS kodlarını ekliyoruz.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
Blogger‘da emek verdiğiniz yazılarınız kopyalandığında, otomatik olarak kaynak linki eklemek en azından emeğiniz açısından kaynak göstermesi önemli olabilir. Elbette yazıyı kopyalayan kişi direkt linki kaldırabilir. Ancak otomatik olarak yazıyı çekenlerde en azından işe yarar bir özellik. Özellik şöyle çalışıyor; blogunuzdaki yazı veya yazının bir parçası kopyalanıp, başka bir web sitesine yapıştırıldığında en altında kaynak linki olarak sizin web site linkiniz çıkıyor. Bu eklentiyi eklemek gerçekten çok kolay alttaki adımları takip edin.Umarım işinize yarar :)



Öncelikle Blogger panelimizin Tasarım > Html’yi Düzenle bölümünü açarak aşağıdaki kodu buluyoruz.
<head>
Aşağıdaki kodu da, yukarıdaki koddan hemen sonra ekleyelim.
<script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br /><br /> Kaynak: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />"; //
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>
Blogunuz özellikle kişisel bir blog ise kendinize göre farklılıklar yaratmak, ziyaretçi kitlenizi etkilemek için başarılı olabilir. Bunlardan birisi de ekranınızın sol köşesinde kendi hâlinde yürüyen bir karınca olabilir mi dersiniz? Neden olmasın. Ana sayfanızın sol köşesinde, ziyaretçilerinizi rahatsız etmeden yürüyen bir karınca belirecek. Memnun kalmadı iseniz kodu kaldırmanız yeterli. Umarım işinize yarar.



Aşağıda yer alan kodları hiç değiştirmeden; Şablonunuzda yer alan Gadget Ekle alanındaki HTML/JavaScript içerisine yapıştırın ve blogunuzu yenileyin.
<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFE3ipsI20KHIpQtWrtN-8ipBS4ELrJBAoUMe3RUpJLV8P4d0rTxBqDm-SOFcJVl_sm6hNnV7wdcpZ0gBMlW6Tk8FFblFBUGpxpJ5O20PXC9ScFnmx94MBOSQvkMvkYGFUguo1Hhhqzs/s1600/1nWRgY%5B1%5D.gif" /></div>

Blogger‘da bildiğiniz gibi Etiketler Gadget’ı sayesinde ister etiket bulutu olarak isterseniz liste olarak etiketlerinizi sıralayabiliyorsunuz. Ancak etiketlerinizi kategori gibi kullanıyor iseniz, etiketlerinizi yan yana sıralamak katagorinizi daha özel gösterecektir.Öncelikle yapmanız gereken Gadget kısmında yer alan Etiketler Gadget’ını aktif etmektir. Sonra ise temanızın CSS kodları arasına aşağıdaki kodu değiştirmeden yapıştırmanız yeterli olacaktır. Umarım faydalı olur…

[ Demo ]


Öncelikle Blogger panelimizin Tasarım > Html’yi Düzenle bölümünü açarak aşağıdaki kodu buluyoruz.
]]></b:skin>
Bu kodun hemen üzerine altta ki kodu ekliyoruz ve temayı kaydedip çıkıyoruz.
#Label1 ul li{float: left;width: 45%;}
Blogger iç içe geçmiş alternatif menü

Merhaba sevgili blog severler bugün'den itibaren {Blogger eklentileri} hakkında paylaşımlar yapmaya karar verdim ve ilk olarak " iç içe geçmiş alternatif menü " paylaşıcam.
Blogger'a eklenişi oldukça basit ve kullanışlı bir tema dilerseniz kendinizde değişiklikler yapabilirsiniz menü üzerinde.

[ Demo ]


Öncelikle Blogger panelimizin Tasarım > Html’yi Düzenle bölümünü açarak aşağıdaki kodu buluyoruz.

]]></b:skin>
Bu kodun hemen üzerine menümüzün aşağıdaki CSS kodlarını ekliyoruz.
.icmenu {
padding:5px 0;
width:520px;
margin:15px auto;
height:160px;
}
a.icem {
position:relative;
float:left;
font-size:14px;
line-height:14px;
font-family:Tahoma;
text-align:center;
color: #fff;
width: 160px;
padding:73px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRT7USWFms4uyK9sNhmMNsYU6rdGfMYU0fYvIHFaeRw7391KiKS0QVOA-jkwE093hVZ9LSgAE3u7uIH1HSBWeVX4yd3pnixc7Ur2FSK3FL2X4CnucWJn0cc-NU_oxsGFCr9K-Q1OLlGH0/s1600/arkamenu2.png) no-repeat 0 -160px;
margin-left:-40px;
z-index:3;
}
a.icem:hover {
background-position:0 0;
z-index:9!important;
}
Evet üstteki css kodlarını ekledikten sonra blogu kaydediyor ve menüyü eklemek istediğimiz yere alttaki kodları yazarak ekliyoruz. ( Örneğin Gadget olarak ekleyebilirsiniz )
<div class='icmenu'>
<a class='icem' href='#' style='margin-left:0px;'>Anasayfa</a>
<a class='icem' href='#'>Hakkımızda</a>
<a class='icem' href='#'>Arşiv</a>
<a class='icem' href='#'>İletişim</a>
</div>
Not: [ # ] yerlerine linkinizi ekleyeceksiniz.

Labels

Sample Text

Admin:alielik12@yandex.com