Web Günlüğü

Blogger'dan Jekyll'e Geçiş Süreci

Yakın zamanda uzun ve zorlu bir süreç sonunda Blogger’dan Jekyll’e geçiş yapmıştım ve konu ile alakalı kısa bir bilgilenedirme paylaşmıştım. Bu yazımda ise nasıl geçiş yaptım, nasıl sorunlarla karşılaştım, iyi mi yaptım, kötü mü yaptım ile alakalı elim döndüğünce rehber niteliğinde bir şeyler paylaşacağım.

J Blogger Teması

İsim bulmakta zorluk çektiğim ve J ile isimlendirdiğim, geçen yıl ortalarına kadar kullanmış olduğum J blogger temasını paylaşmaya karar verdim. Canlı önizleme adresi bulunmamaktadır fakat web.archive.org üzerinden canlı olarak tema görülebilir.

Blogger Yazı ve Sayfa Bağlantıları Nasıl Otomatik Kısaltılır

Kenny Cruz arkadaşımızın yapmış olduğu bir BloggerJS javascript eklentisiyle birlikte blogger yazı ve sayfa bağlantılarını kısaltıp sadeleştirebiliyoruz. Daha önce görüp test ettiğim bu eklenti o zamanlar görmüş olduğum bazı eksik veya hatalardan ötürü kullanmaktan ve paylaşmaktan vazgeçmiştim. Fakat bugün tespit ettiğim eksik ve hataları çözüme kavuşturarak paylaşmak istedim. Eklentinin amacı gerek yazı bağlantılarındaki tarih kısmı olsun gerek sayfa bağlantılarındaki /p/ kısmı gibi fazlalıkları olsun bunları kaldırmaya ve daha sade bir görüntü oluşturmamıza olanak sağlıyor. Örneğin yazı bağlantıları /2021/10/test-yazisi.html yerine /test-yazisi sayfa bağlantıları ise /p/iletisim.html yerine /iletisim biçimine dönüşüyor.

Blogger anonim yorum yazarlarının avatarı nasıl değiştirilir

Blogspot/Blogger’da anonim yorum yazarlarının avatarları eskiden standart bir blogger logosu olarak görüntüleniyordu, fakat daha sonraları boş bir avatar olarak görünmeye başladı. Ben bunu daha önceleri de kullanmış olduğum ve bu kısa yazıda paylaştığım basit bir javascript kodu ile düzeltiyordum.

Blogger Yazılarda Son Değiştirilme, Güncellenme Tarihi Nasıl Gösterilir

Blogger iletişim formuna Captcha nasıl eklenir

Paper Blogger Teması

Blogger Otomatik İçindekiler Tablosu Nasıl Yapılır

Blogger'da Karanlık Gece Modu Nasıl Yapılır

Blogger daha fazla yazı göster eklentisi

Blogger çok yazarlı bloglarda yazar adı ve fotoğrafı nasıl gösterilir

Lanyon Blogger Teması

Svbtle Blogger Teması

Blogger yazı içerisinde ilgili yazılar nasıl gösterilir

Blogger thumbnail öne çıkan resim alanı nasıl oluşturulur

Blogger'da belirli bir etikete ait son yazılar nasıl gösterilir

<script>
var homePage = "blog adresi", 
numPosts = gösterilecek yazı adedi;
function recentPosts(a) {
if (document.getElementById("recent-posts")) {
var e = a.feed.entry,
title, link, content = "",
ct = document.getElementById("recent-posts");
for (var i = 0; i < numPosts; i++) {
for (var j = 0; j < numPosts; j++) {
if (e[i].link[j].rel == "alternate") {
link = e[i].link[j].href;
break
}
}
var title = e[i].title.$t;
content += '<li class="recent-posts"><a href="' + link + '" title="' + title + '" target="_blank" rel="nofollow">' + title + '</a></li>'
}
ct.innerHTML = content
}
}
var rcp = document.createElement('script');
rcp.src = homePage + '/feeds/posts/default/-/etiket adı?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);
</script>

<ul id="recent-posts"></ul>

Blogger yerleşim alanı nasıl düzenlenir, renklendirilir

<b:template-skin><![CDATA[
body#layout{width:900px; background:transparent; border:none}
body#layout #header{float:left; width:99%; background:#5A7EA2}
body#layout #content{float:left; width:58%; background:#7EC1EC}
body#layout #sidebar{float:left; width:40%; background:gray}
body#layout #footer{float:left; width:99%; background:orange}
body#layout .add_widget{background:#fff; border:none}
body#layout div.section{border:none}
body#layout .editlink{background: #bbb;color: #fff !important;padding: 3px;cursor:pointer;}
]]></b:template-skin>

Blogger için github nasıl web hosting olarak kullanılır

Adım 1 : Yeni bir depo oluşturma

Adım 2 : Dosya Yükleme veya Oluşturma

Adım 3 : CNAME ile Alt Alan Adı Oluşturma

Adım 4 : GitHub üzerinde CNAME dosyası oluşturma

3.9.2018 Güncelleme : Github'a HTTPS/SSL Desteği Geldi

Today, custom domains on GitHub Pages are gaining support for HTTPS via @letsencrypt. It's another step towards making the web more secure for everyone. https://t.co/MbB7Jjd3EE

— GitHub (@github) May 1, 2018

Peki Github için HTTPS/SSL'yi nasıl aktif ettim ?

Bir kaç uyarı

Blogger'daki tüm bağlantılar yeni bir pencerede sekmede nasıl açılır

Blogger'da yazılara hızlı düzenle bağlantısı nasıl eklenir

Blogger'da yazıları düzenlemek için Blogger Kontrol Paneline gidip, Kayıtlar başlığından düzenlemek istenen yazı bulunup rutin yazı düzenleme adımını uygulamak gerekiyor. Bu uzun rutini uygulamak yerine blog anasayfasında yer alan yazıların kenarına, köşesine Hızlı Düzenle bağlantısı eklenerek kolaylaştırılabiliyor. Bazı varsayılan blogger şablonlarında yazıların bilgi kısmında hızlı düzenle bağlantısı bulunsa da özelleştirilmiş şablonlarda bu kısa kod parçacığı bulunmuyor.

<span class='item-control blog-admin' style='font-size:13px'>
<a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=3193402366393083298#editor/target=post;postID=&quot; + data:post.id' style='color:green' target='_blank'>Hızlı Düzenle</a>
</span>

Blogger plusone.js, widgets.js ve widget_css_bundle.css Nasıl Silinir

Blogger'da varsayılan olarak şablon - tema kodlarına eklenen, sayfa açılış hızını ve Google PageSpeed Insights puanını düşüren plusone.js, widgets.js ve widget_css_bundle.css nasıl silinir?

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'

<html b:css='false' b:js='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection'

</body>

&lt;!--</body>--&gt;&lt;/body&gt;

Aspire Blogger Teması

<p class='u-font-small'>>Yeniliklerden haberdar olun..</p>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=web-gunlugu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<label class='u-hidden-visually' for='email'>Newsletter Email</label>
<input class='c-input' id='email' name='EMAIL' placeholder='Email' type='email'/>
</form>

Blogger https ayarları nasıl yapılır

Blogger Draft (Blogger Taslak) adresinde bugün SSL şifreleme yani https özelliğinin(https ayarları) özel alan adı için de artık kullanılabilir olduğunu gördüm. Blogger için SSL yani https desteği geçen yılın ortalarına doğru gelmişti. Fakat bu özellik sadece .blogspot.com uzantılı bloglarda kullanılabiliyor, özel alan adları için bu seçenek aktifleştirilemiyordu.

Blogger Özel Alan Adları için Adım Adım HTTPS Ayarları

Bootstrap Blogger Teması

05.06.2019 v1.1 Güncellemesi

Twenty Seventeen (Yirmi Onyedi) Blogger Teması

Twenty Seventeen Teması ile ilgili notlar :

<!-- For Full Width Page -->
<b:if cond='data:blog.url == &quot;http://blogger2017tema.blogspot.com/p/full-width.html&quot;'> 
<style>#primary{width:100% !important} aside{display:none !important}</style>
</b:if>

Blogger'da Gadget Kullanmadan Etiketleri Listeleme

Blogger Etiketleri Listeleme Kodu

<script type='text/javascript'>
//<![CDATA[
function showLabels(json) {
    var label = json.feed.category;
    document.write(' <div id="labels">');
    document.write('<ul>');
    for (var i = 0; i < label.length; i++) {
      document.write('<li class="' + label[i].term + '"><a href="/search/label/' + label[i].term + '?max-results=9" data-filter=".' + label[i].term + '">' + label[i].term + '</a></li>');
    }
  document.write('<span class="show_ico icon-remove"/>');
    document.write('</ul>');
  document.write('</div><div style="clear:both"></div>');
}
document.write('<scr' + 'ipt src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');
//]]>
</script>

#labels{margin-bottom:20px; display:block}
#labels ul {list-style:none; margin:0; padding:0; text-align:left;} 
#labels ul li {list-style:none; text-align:left; float:left; padding:5px; border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.05);
background-color: #ffffff; color: #353535; border: 1px solid rgba(0,0,0,.15); margin:3px; font-size:12px} 

Olist Blogger Teması

Olist blogger teması ile ilgili genel bilgiler

Blogger Son Tweetler Eklentisi

<script>(function(root,factory){if(typeof define==='function'&&define.amd){define([],factory);}else if(typeof exports==='object'){module.exports=factory();}else{factory();}}(this,function(){var domNode='';var maxTweets=20;var parseLinks=true;var queue=[];var inProgress=false;var printTime=true;var printUser=true;var formatterFunction=null;var supportsClassName=true;var showRts=true;var customCallbackFunction=null;var showInteractionLinks=true;var showImages=false;var useEmoji=false;var targetBlank=true;var lang='en';var permalinks=true;var dataOnly=false;var script=null;var scriptAdded=false;function handleTweets(tweets){if(customCallbackFunction===null){var x=tweets.length;var n=0;var element=document.getElementById(domNode);var html='<ul>';while(n<x){html+='<li>'+tweets[n]+'</li>';n++;}
html+='</ul>';element.innerHTML=html;}else{customCallbackFunction(tweets);}}
function strip(data){return data.replace(/<b[^>]*>(.*?)<\/b>/gi,function(a,s){return s;}).replace(/class="(?!(tco-hidden|tco-display|tco-ellipsis))+.*?"|data-query-source=".*?"|dir=".*?"|rel=".*?"/gi,'');}
function targetLinksToNewWindow(el){var links=el.getElementsByTagName('a');for(var i=links.length-1;i>=0;i--){links[i].setAttribute('target','_blank');}}
function getElementsByClassName(node,classname){var a=[];var regex=new RegExp('(^| )'+classname+'( |$)');var elems=node.getElementsByTagName('*');for(var i=0,j=elems.length;i<j;i++){if(regex.test(elems[i].className)){a.push(elems[i]);}}
return a;}
function extractImageUrl(image_data){if(image_data!==undefined&&image_data.innerHTML.indexOf('data-srcset')>=0){var data_src=image_data.innerHTML.match(/data-srcset="([A-z0-9%_\.-]+)/i)[0];return decodeURIComponent(data_src).split('"')[1];}}
var twitterFetcher={fetch:function(config){if(config.maxTweets===undefined){config.maxTweets=20;}
if(config.enableLinks===undefined){config.enableLinks=true;}
if(config.showUser===undefined){config.showUser=true;}
if(config.showTime===undefined){config.showTime=true;}
if(config.dateFunction===undefined){config.dateFunction='default';}
if(config.showRetweet===undefined){config.showRetweet=true;}
if(config.customCallback===undefined){config.customCallback=null;}
if(config.showInteraction===undefined){config.showInteraction=true;}
if(config.showImages===undefined){config.showImages=false;}
if(config.useEmoji===undefined){config.useEmoji=false;}
if(config.linksInNewWindow===undefined){config.linksInNewWindow=true;}
if(config.showPermalinks===undefined){config.showPermalinks=true;}
if(config.dataOnly===undefined){config.dataOnly=false;}
if(inProgress){queue.push(config);}else{inProgress=true;domNode=config.domId;maxTweets=config.maxTweets;parseLinks=config.enableLinks;printUser=config.showUser;printTime=config.showTime;showRts=config.showRetweet;formatterFunction=config.dateFunction;customCallbackFunction=config.customCallback;showInteractionLinks=config.showInteraction;showImages=config.showImages;useEmoji=config.useEmoji;targetBlank=config.linksInNewWindow;permalinks=config.showPermalinks;dataOnly=config.dataOnly;var head=document.getElementsByTagName('head')[0];if(script!==null){head.removeChild(script);}
script=document.createElement('script');script.type='text/javascript';if(config.list!==undefined){script.src='https://syndication.twitter.com/timeline/list?'+'callback=__twttrf.callback&dnt=false&list_slug='+
config.list.listSlug+'&screen_name='+config.list.screenName+'&suppress_response_codes=true&lang='+(config.lang||lang)+'&rnd='+Math.random();}else if(config.profile!==undefined){script.src='https://syndication.twitter.com/timeline/profile?'+'callback=__twttrf.callback&dnt=false'+'&screen_name='+config.profile.screenName+'&suppress_response_codes=true&lang='+(config.lang||lang)+'&rnd='+Math.random();}else if(config.likes!==undefined){script.src='https://syndication.twitter.com/timeline/likes?'+'callback=__twttrf.callback&dnt=false'+'&screen_name='+config.likes.screenName+'&suppress_response_codes=true&lang='+(config.lang||lang)+'&rnd='+Math.random();}else{script.src='https://cdn.syndication.twimg.com/widgets/timelines/'+
config.id+'?&lang='+(config.lang||lang)+'&callback=__twttrf.callback&'+'suppress_response_codes=true&rnd='+Math.random();}
head.appendChild(script);}},callback:function(data){if(data===undefined||data.body===undefined){inProgress=false;if(queue.length>0){twitterFetcher.fetch(queue[0]);queue.splice(0,1);}
return;}
if(!useEmoji){data.body=data.body.replace(/(<img[^c]*class="Emoji[^>]*>)|(<img[^c]*class="u-block[^>]*>)/g,'');}
if(!showImages){data.body=data.body.replace(/(<img[^c]*class="NaturalImage-image[^>]*>|(<img[^c]*class="CroppedImage-image[^>]*>))/g,'');}
if(!printUser){data.body=data.body.replace(/(<img[^c]*class="Avatar"[^>]*>)/g,'');}
var div=document.createElement('div');div.innerHTML=data.body;if(typeof(div.getElementsByClassName)==='undefined'){supportsClassName=false;}
function swapDataSrc(element){var avatarImg=element.getElementsByTagName('img')[0];avatarImg.src=avatarImg.getAttribute('data-src-2x');return element;}
var tweets=[];var authors=[];var times=[];var images=[];var rts=[];var tids=[];var permalinksURL=[];var x=0;if(supportsClassName){var tmp=div.getElementsByClassName('timeline-Tweet');while(x<tmp.length){if(tmp[x].getElementsByClassName('timeline-Tweet-retweetCredit').length>0){rts.push(true);}else{rts.push(false);}
if(!rts[x]||rts[x]&&showRts){tweets.push(tmp[x].getElementsByClassName('timeline-Tweet-text')[0]);tids.push(tmp[x].getAttribute('data-tweet-id'));if(printUser){authors.push(swapDataSrc(tmp[x].getElementsByClassName('timeline-Tweet-author')[0]));}
times.push(tmp[x].getElementsByClassName('dt-updated')[0]);permalinksURL.push(tmp[x].getElementsByClassName('timeline-Tweet-timestamp')[0]);if(tmp[x].getElementsByClassName('timeline-Tweet-media')[0]!==undefined){images.push(tmp[x].getElementsByClassName('timeline-Tweet-media')[0]);}else{images.push(undefined);}}
x++;}}else{var tmp=getElementsByClassName(div,'timeline-Tweet');while(x<tmp.length){if(getElementsByClassName(tmp[x],'timeline-Tweet-retweetCredit').length>0){rts.push(true);}else{rts.push(false);}
if(!rts[x]||rts[x]&&showRts){tweets.push(getElementsByClassName(tmp[x],'timeline-Tweet-text')[0]);tids.push(tmp[x].getAttribute('data-tweet-id'));if(printUser){authors.push(swapDataSrc(getElementsByClassName(tmp[x],'timeline-Tweet-author')[0]));}
times.push(getElementsByClassName(tmp[x],'dt-updated')[0]);permalinksURL.push(getElementsByClassName(tmp[x],'timeline-Tweet-timestamp')[0]);if(getElementsByClassName(tmp[x],'timeline-Tweet-media')[0]!==undefined){images.push(getElementsByClassName(tmp[x],'timeline-Tweet-media')[0]);}else{images.push(undefined);}}
x++;}}
if(tweets.length>maxTweets){tweets.splice(maxTweets,(tweets.length-maxTweets));authors.splice(maxTweets,(authors.length-maxTweets));times.splice(maxTweets,(times.length-maxTweets));rts.splice(maxTweets,(rts.length-maxTweets));images.splice(maxTweets,(images.length-maxTweets));permalinksURL.splice(maxTweets,(permalinksURL.length-maxTweets));}
var arrayTweets=[];var x=tweets.length;var n=0;if(dataOnly){while(n<x){arrayTweets.push({tweet:tweets[n].innerHTML,author:authors[n]?authors[n].innerHTML:'Unknown Author',author_data:{profile_url:authors[n]?authors[n].querySelector('[data-scribe="element:user_link"]').href:null,profile_image:authors[n]?authors[n].querySelector('[data-scribe="element:avatar"]').getAttribute('data-src-1x'):null,profile_image_2x:authors[n]?authors[n].querySelector('[data-scribe="element:avatar"]').getAttribute('data-src-2x'):null,screen_name:authors[n]?authors[n].querySelector('[data-scribe="element:screen_name"]').title:null,name:authors[n]?authors[n].querySelector('[data-scribe="element:name"]').title:null},time:times[n].textContent,timestamp:times[n].getAttribute('datetime').replace('+0000','Z').replace(/([\+\-])(\d\d)(\d\d)/,'$1$2:$3'),image:extractImageUrl(images[n]),rt:rts[n],tid:tids[n],permalinkURL:(permalinksURL[n]===undefined)?'':permalinksURL[n].href});n++;}}else{while(n<x){if(typeof(formatterFunction)!=='string'){var datetimeText=times[n].getAttribute('datetime');var newDate=new Date(times[n].getAttribute('datetime').replace(/-/g,'/').replace('T',' ').split('+')[0]);var dateString=formatterFunction(newDate,datetimeText);times[n].setAttribute('aria-label',dateString);if(tweets[n].textContent){if(supportsClassName){times[n].textContent=dateString;}else{var h=document.createElement('p');var t=document.createTextNode(dateString);h.appendChild(t);h.setAttribute('aria-label',dateString);times[n]=h;}}else{times[n].textContent=dateString;}}
var op='';if(parseLinks){if(targetBlank){targetLinksToNewWindow(tweets[n]);if(printUser){targetLinksToNewWindow(authors[n]);}}
if(printUser){op+='<div class="user">'+strip(authors[n].innerHTML)+'</div>';}
op+='<p class="tweet">'+strip(tweets[n].innerHTML)+' ';if(printTime){if(permalinks){op+='<a class="time" href="'+permalinksURL[n]+'">'+times[n].getAttribute('aria-label')+'</a></p>';}else{op+='<p class="timePosted">'+
times[n].getAttribute('aria-label')+'</p>';}}}else{if(tweets[n].textContent){if(printUser){op+='<p class="user">'+authors[n].textContent+'</p>';}
op+='<p class="tweet">'+tweets[n].textContent+'</p>';if(printTime){op+='<p class="timePosted">'+times[n].textContent+'</p>';}}else{if(printUser){op+='<p class="user">'+authors[n].textContent+'</p>';}
op+='<p class="tweet">'+tweets[n].textContent+'</p>';if(printTime){op+='<p class="timePosted">'+times[n].textContent+'</p>';}}}
if(showInteractionLinks){op+='<p class="interact"><a href="https://twitter.com/intent/'+'tweet?in_reply_to='+tids[n]+'" class="twitter_reply_icon"'+
(targetBlank?' target="_blank">':'>')+'Reply</a><a href="https://twitter.com/intent/retweet?'+'tweet_id='+tids[n]+'" class="twitter_retweet_icon"'+
(targetBlank?' target="_blank">':'>')+'Retweet</a>'+'<a href="https://twitter.com/intent/favorite?tweet_id='+
tids[n]+'" class="twitter_fav_icon"'+
(targetBlank?' target="_blank">':'>')+'Favorite</a></p>';}
if(showImages&&images[n]!==undefined&&extractImageUrl(images[n])!==undefined){op+='<div class="media">'+'<img src="'+extractImageUrl(images[n])+'" alt="Image from tweet" />'+'</div>';}
if(showImages){arrayTweets.push(op);}else if(!showImages&&tweets[n].textContent.length){arrayTweets.push(op);}
n++;}}
handleTweets(arrayTweets);inProgress=false;if(queue.length>0){twitterFetcher.fetch(queue[0]);queue.splice(0,1);}}};window.__twttrf=twitterFetcher;window.twitterFetcher=twitterFetcher;return twitterFetcher;}));

var configProfile = {
  "profile": {"screenName": 'TWITTERKULLANICIADI'},
  "domId": 'tweets',
  "maxTweets": 20,
  "enableLinks": true, 
  "showUser": false,
  "showTime": true,
  "showImages": false,
  "lang": 'tr'
};
twitterFetcher.fetch(configProfile);
</script>

var configProfile = {
  "profile": {"screenName": 'webgunlugu'},  // Twitter Kullanıcı adı
  "domId": 'tweets', // Tweetlerin gösterileceği div ID'si
  "maxTweets": 20,  // Gösterilecek tweet sayısı
  "enableLinks": true, // Tweetlerdeki bağlantıların tıklanabilir olup/olmaması
  "showUser": false, // Kullanıcı bilgileri gösterme/gizleme
  "showTime": true, // Tweet zamanı gösterme/gizleme
  "showImages": false, // Tweetlerdeki fotoğrafların gösterme/gizleme
  "showInteraction":false, //  Retweet, Reply, Retweet, Favorite gibi bağlantıları göster/gizle
  "lang": 'tr' // Tweet zaman dili
};

<style>
#tweets{overflow:auto}
#tweets .interact{display:none}
#tweets .tweet{padding:10px;}
#tweets .tweet a{text-decoration:none; color:#fff; }
#tweets .tweet a.time{border-bottom: 1px dashed #fff; cursor:pointer; background: #f7f7f7;
padding: 3px;
border-radius: 5px;
font-size: 13px;
}
#tweets ul, ul li{list-style:none; padding:0; margin:0; }
#tweets .tweet{float:left; font-family: "Segoe UI",Arial,sans-serif;}
</style>

<div id="tweets"></div>

Blogger yorum yazarlarının avatar boyutu nasıl değiştirilir

.avatar-image-container{
margin-left: -30px;
background:#fff;
height:70px;min-height: 70px;
width:70px;min-width:70px;
}
.avatar-image-container img {background: url(http://2.bp.blogspot.com/-gcjQ0sgWw7M/T6WpkK4S5AI/AAAAAAAACEQ/hYAWpCPl6P0/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('.comments .comments-content .avatar-image-container img').each(function(){
this.src = this.src.replace('/s35-c/', '/s80-c/');
});
$('.comments .comments-content .avatar-image-container img').each(function(){
this.src = this.src.replace('/s35/', '/s80-c/');
});
});
//]]>
</script>

Blogger Webkid Teması

<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Ocak",A[2]="Şubat",A[3]="Mart",A[4]="Nisan",A[5]="Mayıs",A[6]="Haziran",A[7]="Temmuz",A[8]="Ağustos",A[9]="Eylül",A[10]="Ekim",A[11]="Kasım",A[12]="Aralık",document.write('<li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+v+" "+A[parseInt(w,10)]+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<style>
      .recent-post-title{margin-left: -10px;}
#HTML1 .widget-content {
    padding: 1em;
}

#HTML1 .widget-content ul li a {
    font-weight: bold;
}
</style>

Hyde Blogger Teması

Hyde Blogger Teması ile ilgili kısa bilgiler

theme-base-08
theme-base-09
theme-base-0a
theme-base-0b
theme-base-0c
theme-base-0d
theme-base-0e
theme-base-0f

<body class="theme-base-08">
...
</body>

<body class="layout-reverse">
...
</body>

<body class="theme-base-08 layout-reverse">
...
</body>

Blogger Resmi Sosyal Paylaşım Butonları

Resmi sosyal paylaşım butonları için gerekli kodlar

<iframe allowTransparency='true' expr:src='"https://www.facebook.com/plugins/share_button.php?href=" + data:post.canonicalUrl + "&layout=button_count&size=small&mobile_iframe=true"' frameborder='0' scrolling='no' style='height:20px; width: 75px;'/>

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='height:20px; width: 75px;'/>

<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<script async='defer' src='https://apis.google.com/js/platform.js'/>
<g:plusone size='medium'/>

Willow Blogger Teması

Blogger yazı etiketine özel ikon nasıl gösterilir

blogger yazı etiketine özel ikon gösterme kodları

<b:loop values='data:post.labels' var='label'> 
    <b:if cond='data:label.isLast == "true"'> 
        <!-- Birinci etiket -->
        <b:if cond='data:label.name == "Facebok"'>
        <i class='fa fa-facebook'/> veya <img src="resimadresi"/>
        </b:if>
        <!-- Birinci etiket bitiş -->

        <!-- İkinci etiket -->
        <b:if cond='data:label.name == "Twitter"'>
        <i class='fa fa-twitter'/> veya <img src="resimadresi"/>
        </b:if>
        <!-- İkinci etiket bitş -->
    </b:if>
</b:loop>

Blogger Son Yorumlar Eklentisi

<script type="text/javascript">
var a_rc = 5; // Gösterilecek yorum adedi
var m_rc = false; // Tarih göster/gizle true/false
var n_rc = true;  // Yazı başlığı göster/gizle true/false
var o_rc = 100; // Yorum uzunluğu karakter sayısı
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(t);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Ocak",m[2]="Şubat",m[3]="Mart",m[4]="Nisan",m[5]="Mayıs",m[6]="Haziran",m[7]="Temmuz",m[8]="Ağustos",m[9]="Eylül",m[10]="Ekim",m[11]="Kasım",m[12]="Aralık","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("Tarih "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> -  "),1==n_rc&&document.write(s+" "),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<span>&#8220;"),document.write(d),document.write("&#8221;</span></div>");else{document.write("<span>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221; </span></div>"),document.write("")}}}
</script>
<script src="http://www.zaferzent.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

<style type="text/css">
a.sneeit-srcbw {
    /*item-color*/color: #000000;/*item-color*/
    /*border-color*//*border-color*/
    display: block;
    padding: 0.5em 1.5em;
    position: relative;
}
.sneeit-srcbw-icon-comment {
    position: absolute;
    left: 0;
    top: 1.1em;
}
.sneeit-srcbw-icon-arrow {
    /* arrow-icon-color*/color: #ff4400;/* arrow-icon-color*/
    position: absolute;
    right: 0;
    font-size: 200%;
    top: 50%;
    margin-top: -0.55em;
}
.sneeit-srcbw-credit {
    font-size: 90%;
    text-align: right;
    padding: 1em 0;
    /*credit*/display: none;/*credit*/
    /*border-color*/border-top: 1px solid #dddddd;/*border-color*/
}
html[dir="rtl"] .sneeit-srcbw-icon-comment {
    right:0;
    left: auto;
}
html[dir="rtl"] .sneeit-srcbw-icon-arrow{
    left:0;
    right: auto;
}
html[dir="rtl"] .sneeit-srcbw-credit {
    text-align: left;
}
</style> 

<script type="text/javascript">
// settings
var sneeit_srcbw_count = 5;
var sneeit_srcbw_summary_length = 500;
var sneeit_srcbw_icon_comment = 'fa-comments-o';
var sneeit_srcbw_icon_arrow = 'fa-angle-right'; _s7MpY = ['link','href','font-awesome','link','text/css','stylesheet','https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','string','undefined','feed','entry','Yorum bulunamadı',' ...','','','alternate','self','#','/','#c','<a class="sneeit-srcbw" href="','"><i class="sneeit-srcbw-icon-comment fa ','"></i><span><strong>',':</strong> ','</span><i class="sneeit-srcbw-icon-arrow fa ','"></i></a>','<span class="sneeit-srcbw-credit">Powered by <a href="https://bloghocam.blogspot.com" target="_blank">Blog Hocam</a></span>','<script type="text/javascript" src="https://www.zaferzent.com/feeds/comments/summary?alt=json-in-script&max-results=','&callback=_fWeX"><\/script>'];var _vRvL=document.getElementsByTagName(_s7MpY[0]);for(var _vObG=0;_vObG<_vRvL.length;_vObG++){if(_s7MpY[1] in _vRvL[_vObG]&&_vRvL[_vObG].href.indexOf(_s7MpY[2])!=-1){break;}}if(_vObG>=_vRvL.length){var _vThG=document.createElement(_s7MpY[3]);_vThG.type=_s7MpY[4];_vThG.rel=_s7MpY[5];_vThG.href=_s7MpY[6];document.head.appendChild(_vThG);}function _fWeX(json){if(typeof(json)==_s7MpY[7]||typeof(json)==_s7MpY[8]||!(_s7MpY[9] in json)||!(_s7MpY[10] in json.feed)||!json.feed.entry.length){document.write(_s7MpY[11]);return;}for(var _vObG=0;_vObG<json.feed.entry.length;_vObG++){var _vIfF=json.feed.entry[_vObG];var _vMcB=_vIfF.author[0].name.$t;var _vHnM=_vIfF.summary.$t;if(_vHnM.length>sneeit_srcbw_summary_length){_vHnM=_vHnM.substring(0,sneeit_srcbw_summary_length)+_s7MpY[12];}var _vSrM=_s7MpY[13];var _vPmR=_s7MpY[14];for(var _vSeB=0;_vSeB<_vIfF.link.length;_vSeB++){var _vThG=_vIfF.link[_vSeB];if(_s7MpY[15]==_vThG.rel){_vSrM=_vThG.href;}else if(_s7MpY[16]==_vThG.rel){_vPmR=_vThG.href;}}if(!_vSrM){continue;}if(_vSrM.indexOf(_s7MpY[17])==-1){_vPmR=_vPmR.split(_s7MpY[18]);_vPmR=_vPmR[_vPmR.length-1];_vSrM+=(_s7MpY[19]+_vPmR);}document.write(_s7MpY[20]+_vSrM+_s7MpY[21]+sneeit_srcbw_icon_comment+_s7MpY[22]+_vMcB+_s7MpY[23]+_vHnM+_s7MpY[24]+sneeit_srcbw_icon_arrow+_s7MpY[25]);}document.write(_s7MpY[26]);}document.write(_s7MpY[27]+sneeit_srcbw_count+_s7MpY[28]);
</script>

Hacker Blogger Teması

Blogger Bağlantı Kısaltma (Url Shortener) Eklentisi

<script language='javascript'>
//<![CDATA[
var key = window.location.href.split("git/")[1].replace("/","")
var urls={
'fb':'http://www.facebook.com/fbkullanıcıadı',
'tw':'http://www.twitter.com/twkullanıcıadı
}
if(key){
    if(urls[key]){
        window.location.href=urls[key]
    }else{
        document.write("'"+key+"' bulunamadı :(");
    }
}
//]]>
</script>

Blogger yazı okunma süresi nasıl gösterilir

Blogger yazı okunma süresi özelliği için gerekli javascript kodları

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var txt = $('.entry-content')[0].textContent,
    wordCount = txt.replace( /[^\w ]/g, "" ).split( /\s+/ ).length;
    var readingTimeInMinutes = Math.floor(wordCount / 250) + 1;
    var readingTimeAsString = readingTimeInMinutes + " dakika";
    $('.reading-time').html(readingTimeAsString);
});
//]]>
</script>

<span class="reading-time"></span>

Blogger yazı uzunluğu nasıl gösterilir

Blogger yazı uzunluğu özelliği için gerekli kodlar

<script>
$(function() {
var text = $('.post-excerpt').text(); // .post-excerpt yerine yazının bulunduğu div id - class ismi çoğunluk olarak .post-body olabilir
var charsLength = text.length;
var wordsCount = text.split(' ').length;
$('#words').html(' ' + wordsCount + ' kelime'); // kelime sayısını göstermek için
$('#chars').html(' ' + charsLength + ' karakter'); // karakter sayısını göstermek için
});
</script>

<span id="words"></span>
<span id="chars"></span>

Blogger Öne Çıkarılmış Yazı Bileşeni

<b:if cond='data:blog.pageType !="index"'> 
<style>
#FeaturedPost1{display:none}
</style>
</b:if>

Blogger Responsive Casper Teması

Blogger İnstagram Eklentisi

https://instagram.com/oauth/authorize/?client_id=CLIENT_ID_NUMARASI&redirect_uri=REDİRECT URI_ADRESİ&response_type=token

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<div class="blogram"><ul></ul></div>
<script>
$(function() {
    $.ajax({
     type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/users/235007959/media/recent/?access_token=235007959.0501200.b466e461209a4de49b06587670d07f6d",
        success: function(data) {
            for (var i = 0; i < 6; i++) {
        $(".blogram ul").append("<li><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></li>");   
        }                                
        }
    });
});
</script>

.blogram {width: 600px; margin: auto;}
.blogram h1{margin:0 auto; text-align:center}
ul li{list-style:none; float:left; margin:5px}
img{
border:5px solid #000;
height:150px; width:150px
}
img:hover{
border:5px solid #fc4f3f;
}

Blogger'da Sadece Yöneticinin Görebileceği Alanlar Oluşturma

Kullanım :

<div class="item-control blog-admin">
burayı sadece ben görüyorum
</div>

Hızlı Erişim Menüsü Uygulaması :

<style>
body{font-family:"Calibri", Arial sans-serif; font-size:17px}
a{text-decoration:none; color:#656565}
.ypanel{width:250px}
.ypanel h3{font-size:18px; border-top-left-radius:5px; border-top-right-radius:5px; background:url("https://cdn4.iconfinder.com/data/icons/Xiao/78.png")no-repeat 5px 14px; background-color:#000;color:#fff; padding:10px; margin:0}
.ypanel h3 span{padding-left:15px}
.ypanel ul{padding:0; margin:0; border:1px solid #ddd}
.ypanel ul li{list-style:none; background:#f7f7f7; padding:7px; border-bottom:1px solid #ddd}
.ypanel ul li:last-child{border-bottom:none}
.ypanel ul li:last-child a{color:red}
.ypanel ul li a{display:block}
.ypanel ul li:hover{background:#fff}
</style>

<div class="item-control blog-admin">
<div class="ypanel">
<h3><span>Hızlı Erişim</span></h3>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#editor">YENİ YAZI</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#posts">Yazılar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#comments">Yorumlar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#stats">İstatistikler</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#templatehtml">Şablonu Düzenle</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=9110239834527087798#settings">Ayarlar</a></li>
<li><a href="http://dogruturkce.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D9110239834527087798">Çıkış Yap</a></li>
</ul>
</div>
</div>

Blogger'dan WordPresse Geçiş Rehberi

Blogger Importer Eklentisiyle WordPress'e Geçiş

Geçiş Sonrası Yaptıklarım ve Karşılaştığım Sorunlar

WordPress Tema Türkçeleştirme

Kalıcı Bağlantı Ayarları

301 Redirect (Eski Bağlantıları Yönlendirme)

Türkçe Karakter Sorunu

Yorumlardaki Türkçe Karakter Sorunu

Sitemap (Site Haritası) Oluşturma ve Google Webmaster Araçları İşlemleri

İletişim Sayfası Oluşturma

Omega Sade Responsive Blogger Teması

Blogspot.com.tr Yönlendirmesi Nasıl İptal Edilir

Blogspot.com.tr Yönlendirmesi nasıl iptal edilir ?

<script type='text/javascript'>
var blog = document.location.hostname.split(".");
if (blog[blog.length - 1] != "com") {
var ncr = "http://" + blog[0] + ".blogspot.com/ncr";
window.location.replace(ncr + document.location.pathname);    
}
</script>

Blogger Yazı Tarih Biçimini Twitter Tarzı ( x Zaman Önce ) Biçimine Dönüştürmek

<script src='https://raw.githubusercontent.com/zaferzent/files/master/timeago.js'></script>
<script>
    jQuery(document).ready(function($){
     $("span.timeago").timeago()
    });
</script>

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

<span class="timeago" expr:title="data:post.timestampISO8601"><data:post.dateHeader/></span>

Blogger Birden Fazla Yazi Icin Toplu Etiket Ekleme Veya Kaldirma

Blogger etiket sayfasındaki yazı sayısı nasıl ayarlanır

data:label.url

data:label.url + "?max-results=5"

Blogger etiketleri nasıl iki sütun halinde gösterilir

#Label1 ul li{
width: 50%;
float: left; 
}

#Label1 ul li {background:url("ikon-bağlantısı") 0px 8px no-repeat;}
#Label1 ul li a{padding-left:10px}

Blogger Twitter Cards Ayarları

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@zfrznt' name='twitter:creator'/>
<meta content='@zfrznt' name='twitter:site'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta content='http://www.zaferzent.com/favicon.ico' name='twitter:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.Url' name='twitter:url'/>

Blogger Seo Dostu Breadcrumb (Konum) Navigasyon Eklentisi

Nedir, Faydaları Nedir Bu Breadcrumb(Navigasyon)'un ?

Breadcrumb Kullanmadan Önce

Breadcrumb Kullandıktan Sonra (Güncelleme 28 Ocak 2013)

Blogger Breadcrumb Kurulumu Nasıl Yapılır ?

1.Aşama Css Kodları

.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

2.Aşama

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

3.Aşama

<b:include data='posts' name='breadcrumb'/>

Seo Konusu İle İlgili Diğer Yazılarıma Da Göz Atabilirsiniz:

Blogger'a iletişim formu nasıl eklenir

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 20px;padding:10px 15px;font-size:12px;color:#444;background:#F3F3F3;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:37px}.contact-form-email-message{height:170px}.contact-form-button-submit,.contact-form-button-submit:hover{width:13%;height:30px;font:normal 12px Arial;letter-spacing:1px;color:#444;display:block;outline:none;margin-bottom:20px;text-align:center;background:#E6E6E6;border:0;cursor:pointer}.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>
<div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <p>İsim ve Soyisim</p><input class="contact-form-name" id="ContactForm_contact-form-name" name="name" size="30" type="text" value="" /> <p>Eposta<span style="font-weight: bolder;">*</span> </p><input class="contact-form-email" id="ContactForm_contact-form-email" name="email" size="30" type="text" value="" /> <p>Mesaj<span style="font-weight: bolder;">*</span> </p><textarea class="contact-form-email-message" cols="25" id="ContactForm_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm_contact-form-submit" type="button" value="Gönder" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <p class="contact-form-error-message" id="ContactForm_contact-form-error-message"></p><p class="contact-form-success-message" id="ContactForm_contact-form-success-message"></p></div></form> </div></div><script src="https://www.blogger.com/static/v1/widgets/609130596-widgets.js" type="text/javascript"></script> <script type="text/javascript"> window['__wavt']='AOuZoY4PUAjvdPMazQDQJXJCrDFxkBfenw:1546660985916';_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d3193402366393083298','//blogspot.com','3193402366393083298');_WidgetManager._SetDataContext([{'name':'widgets','data':[{'title':'Contact Form','type':'ContactForm','sectionId':'sidebar2','id':'ContactForm'}]}]);_WidgetManager._RegisterWidget('_ContactFormView',new _WidgetInfo('ContactForm','sidebar2',document.getElementById('ContactForm'),{'contactFormMessageSendingMsg':'Gönderiliyor...','contactFormMessageSentMsg':'Mesajınız gönderildi :) ','contactFormMessageNotSentMsg':'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz.','contactFormInvalidEmailMsg':'Geçerli bir e-posta adresi gerekli .','contactFormEmptyMessageMsg':'Mesaj alanı boş bırakılamaz .','title':'Contact Form','blogId':'3193402366393083298','contactFormNameMsg':'Name','contactFormEmailMsg':'Email','contactFormMessageMsg':'Message','contactFormSendMsg':'Send','submitUrl':'https://www.blogger.com/contact-form.do'},'displayModeFull')); </script>

Blogger arşiv sayfası nasıl yapılır

<script type='text/javascript'>
//<![CDATA[
var postTitle = new Array();
var postUrl = new Array();
var postYear = new Array();
var postMonth = new Array();
var postYearMonth = new Array();
var postYearMonth2 = new Array();
var postLabels = new Array();
var postBaru = new Array();
var sortBy = "titleasc";
var tocLoaded = false;
var numChars = 250;
var postFilter = "";
var month2 = ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];
function loadtoc(a){
function b(){
if ("entry" in a.feed) {
var d = a.feed.entry.length;
numberfeed = d;
ii = 0;
for (var h = 0; h < d; h++) {
var m = a.feed.entry[h];
var e = m.title.$t;
var l = m.published.$t.substring(0, 10);
var p = m.published.$t.substring(5, 7);
var g = m.published.$t.substring(8, 10);
var n = month2[parseInt(p, 10) - 1] + " " + m.published.$t.substring(0, 4);
var c = "http://www.zaferzent.com/" + m.published.$t.substring(0, 4) + "_" + p + "_01_archive.html";
var j;
for (var f = 0; f < m.link.length; f++) {
if (m.link[f].rel == "alternate") {
j = m.link[f].href;
break
}
}
var o = "";
for (var f = 0; f < m.link.length; f++) {
if (m.link[f].rel == "enclosure") {
o = m.link[f].href;
break
}
}
postTitle.push(e);
postUrl.push(j);
postYearMonth.push(n);
postYearMonth2.push(c);
}
}
}
b();
displayToc2();
document.write('')
}

function displayToc2(){
var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postYearMonth[b];
document.write('<div class="toc"><h3>' + temp1 + "</h3><ul>");
firsti = a;
do {
document.write("<li>");
document.write('&nbsp;&nbsp;<a href="' + postUrl[a] + '">' + postTitle[a] + "</a>");
document.write("</li>");
a = a + 1
}
while (postYearMonth[a] == temp1);
b = a;
document.write("</ul></div>");
if (b > postTitle.length) {
break
}
}
};
//]]>
</script>
<script src="http://www.zaferzent.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Blogger Şablon-Tema HTML Editörü Yenilendi

Blogger FeedBurner Entegrasyonu

Blogger En Çok Yorumlanan Yazılar Eklentisi

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = "(" + feed.value.items[i].commentcount + " Yorum)";
var pList = "<li>&rsaquo;&rsaquo; " + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.zaferzent.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json" 
type="text/javascript">
</script>

HC 2011 Blogger Teması

16.02.2016 Güncelleme

Blogger Permalink - Kalıcı Bağlantı Ayarları Nasıl Yapılır

29.06.2021 Güncelleme

Blogger Yeni Yorumlar (Yanıtla) Özelliği Aktif Etme (Güncellendi)

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>

Üst kısımdaki kodlar alt kısımdaki kodlar ile değiştirilecek

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

<b:includable id='mobile-main' var='top'>
 
kodunun üstüne alttaki kodlar gelecek
 
<b:includable id='threaded_comment_js' var='post'>
<script async='async' src='//www.blogblog.com/dynamicviews/f75e48f708466c7f/js/comments.js' type='text/javascript'/>
 
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
 
// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }
 
      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
 
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };
 
      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };
 
      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;
 
      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };
 
      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }
 
      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };
 
      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };
 
      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>

GZ Blogger Teması Satışta

Tema Hakkında

Tema Özellikleri

Kullanım Koşulları (ÖNEMLİ)

Tema Görünümü

Ücret ve Ödeme Bilgileri

Blogger Subdomain (Alt Alan Adı) Nasıl Oluşturulur

1. Adım

2. Adım

3. Adım

15 Ekim 2015 18:30 Güncellemesi

10 Nisan 2022 Güncellemesi

Blogger Minimal Teması

<b:if cond='data:title != &quot;&quot;'>
<div class='sagBaslik scizgi'><h2><data:title/></h2></div>
</b:if>
<div class='cizgi'/>
<div class='sagBlok'>
<data:content/>
</div>

Blogger SEO Ayarları

1 - Meta Etiketler

2 - Hatalar ve Yönlendirmeler

3 - Gezginler ve Dizin Oluşturma

User-agent: Mediapartners-Google
Disallow: 
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.siteadresi.com/feeds/posts/default?orderby=updated

Blogger YBB Tema v1

Blogger SyntaxHighlighter Eklentisi

<link href='http://alexgorbatchev.com/pub/sh/3.0.83/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/3.0.83/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shLegacy.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushDelphi.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJava.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.strings.alert = &quot;Bu bir uyarıdır!&quot;;
SyntaxHighlighter.config.bloggerMode=true;
SyntaxHighlighter.all();
</script>

<pre class="brush: js">...</pre>

Blogger Yazıları Pdf'ye Dönüştürme

Blogger Toplam Yazı ve Toplam Yorum

<script style="text/javascript">
function numberOfPosts(json) {document.write('Toplam Yazılar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
function numberOfComments(json) {document.write('Toplam Yorumlar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
</script>
<ul>
<li>
<script src="http://ornekblogadi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts">
</script>
</li>
<li>
<script src="http://ornekblogadi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments">
</script>
</li>
</ul>

Blogger Son Yazılar ve Son Yorumlar Eklentisi

Blogger Yazılara Nasıl Kod Eklenir

Blogger Blog Oluşturma

Blogger İstatistikler Bileşeni Nasıl Eklenir

ir önceki yazımda blogger'ın yeni bir özelliği olan popüler yazılar'dan bahsetmiştim. Şimdi ise diğer bir yenilik olan istatistikleri (toplam sayfa görünümü) bileşenini anlatmak istiyorum. İlk işlemin nasıl yapılacağını bir önceki yazımda anlatmıştım. Şimdi o kısmı geçiyorum. Direk olarak gadget ekleme kısmına geliyorum. Yine her zamanki olduğu gibi Kumanda Paneli » Yerleşim sayfasına geliyoruz sağ tarafta bulunan gatget'lar bölümünden Gadget Ekle bağlantısına tıklayarak Blog İstatistikleri bileşenini blogumuza ekliyoruz.

İstatistik bileşeninin nasıl görünmesini istiyorsanız ona dair ayarları açılan pencereden yapabilir daha sonra kaydet butonuna tıklayarak bileşeni blogunuza dahil edebilirsiniz.

Blogger Popüler Yazılar

Yeni bir blogger bileşeni olan Popüler Yazılar (yayınlar) sayesinde blogunuzda en çok okunan yazıları gösterebilirsiniz.

Öncelikle Kumanda Paneli » Yerleşim sayfasına gitmeli, daha sonra sağ tarafta bulunan gadget'ler bölümünde yer alan Gadget Ekle bağlantısına tıklayarak açılan pencerede 6.sırada bulunan Popüler Yayınlar'ı seçerek işlemi tamamlayabilirsiniz.

Blogger Spam Engelleme