Anasayfa
Hakkımda
Reklam
İletişim
v4
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
sipsiv2
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
wordpress seo
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.

Blogger yayın içinde adsense reklam gösterme

6 saat önce Onur BATUR tarafından yazılmıstır.
yayın içinde adsense reklam yerleştirme
blogger adsense
Belli bir konuda blog açtıktan sonra ve bir zaman zarfı geçtikten sonra blog yazarları adsense başvurarak reklam almayı amaçlıyorlar.Reklam lar sayesinde de gelir elde etmeyi planlamaktalar. Hatta bazı bloglar yazmayı ön plandan çıkarıp sadece reklam almayı birinci amaç haline getiriyorlar. Tabi adsense başvusu da kolay kolay kabul olunmuyor maalesef. Hatta google üzerinde bir araştırma yaparsanız , adsense de kabul olma adı altında bir çok makale görebilirsiniz. Bu konuda benim söylemek istediğim benim blogumda da adsense reklamı bulunmakta. Nasıl aldığımı merak eden arkadaşlar için hiç bir şekilde birinci amacım adsense reklamı olmadı. Blogumda yazılar paylaştıktan sonra adsense başvurumu yaptım ve kabul oldu. Ama adsense başvurumu belli bir makale yazıp yayınladıktan sonra ve yaklaşık blogumu açtıktan 6 ay sonra başvurmuştum. Sonuç olarak bugün blogumda adsense reklamlarına yer vermekteyim.

     Her şey tamam ve adsense başvurumuzda kabul oldu Artık blogumuzda reklam yayınlayabiliriz. Ama şablonumuz sadece belli kısımlarında gadget olarak adsense reklamları paylaşmaya olanak vermekte. Örneğin ben yayın içinde yani makalem içinde adsense reklamı paylaşmak istediğimde maalesef reklam görünmüyor. Yada yayın içinde değilde başka bir kısımda görülüyor. Bu sorunu bende adsense reklam yerleşimleri sırasında baya yaşadım ve oldukça da uğraştığım.
blogger adsense
adsense yerleşim

Yukarıdaki resimde klasik bir blogger şablonu yer almakta. Görüldüğü gibi sağ tarafta bulunan kısıma gadget olarak adsense reklamı yerleştirilmekte ve gösterilmektedir. Yayın içinde reklam göstermek istediğinizde ise blog kayıtları kısmından düzenle tıkladıktan sonra en alttaki kısımda bulunan yayınlar arasında reklam göster kısmını görmüşsünüzdür. Bunu işaretlemeniz blogunuzun yayın içinde reklam gösterileceği anlamına gelmez hatta gösterilmez. Yayın içinde adsense reklamı göstermek istiyorsanız aşağıdaki adımları blogunuza uygulayınız.
  • Blogger paneline giriş yaptıktan sonra şablon sekmesine tıklayın.
  • Html'yi düzenle butonuna tıklayın.
  • CTRL+F yardımı ile aşağıda yer alan kodu aratarak bulun.

<data:post.body/>

Bulduğunuz bu kodun üstüne veya altına aşağıda yer alan kodları yapıştırın.

<b:if cond='data:blog.pageType == "item"'>
adsense reklam kodu
</b:if>


Burada dikkat edilmesi gereken nokta yukarıdaki kodda bulunan adsense reklam kodu yazan alana , adsense reklam kodunu dönüştürerek yapıştırmanız ardından bloga uygulamanız. Adsense kodunu dönüştürmek için Buradaki  kullanabilirsiniz.
adsense en iyi performans
adsense en iyi performans

Üst kısımda Bulduğunuz bu kodun üstüne veya altına aşağıda yer alan kodları yapıştırın demiştim. Eğer üst kısıma bu kodları yapıştırırsanız blogger da yayın içinde adsense reklamı makale başlığınızın hemen altında yer alacaktır. Alt kısıma kodları yapıştırısanız adsense reklamı yayın içinde makale sonunda yer alacaktır. Burada bir tavsiye de bulunmak gerekirse yayın içinde reklam yerleşiminde google adsense reklamın yayın altında bulunmasının daha iyi performans verdiğini söylemektedir.

Blogger arşiv sitemap sayfası oluşturma

6 saat önce Onur BATUR tarafından yazılmıstır.
blogger sitemap sayfası oluşturma
blogger arşiv sayfası oluşturma
   Blog yazılarınızın tamamını kullanıcıya göstermek için arşiv sayfaları kullanılmakta. Tüm sitelerde de arşiv sayfası bulunmakta elbette. Özellikle haber ve gazete sitelerinde arşiv sayfasının kullanımı daha da bir önem taşımakta . Blogger kullanıcıları blog açtıktan sonra mutlaka arşiv , hakkımda , iletişim sayfaları oluşturmalıdırlar. İletişim sayfası nın nasıl oluşturulacağından daha önceki yazımda bahsetmiştim. Hakkımda kısmını da mutlaka hazırlayınız çünkü sitenizi ziyaret eden kullanıcılar sizin kim olduğunuzu merak edebilir ve incelemek isteyebilirler . Hatta Dmoz ' a kayıt sürecinde bile sitenizin incelenme kriterlerinden bir tanesi  , sitenin hakkında sayfasının olup olmadığıdır. Gelelim blogger da arşiv sayfasının nasıl oluşturulacağına. Aslında blogger sistemi bize bir blog arşivi gadgetı vermekte. Ama onun yerine daha güzel , kullanımı ve ulaşılması kolay bir eklenti ile bloggerda arşiv sitemap sayfasının nasıl oluşturulacağından bahsedeceğim. Arşiv sayfasının nasıl görüneceğini merak ediyorsanız benim blogumdaki arşiv sayfasına tıklayarak inceleyebilirsiniz.
  
Blogger için arşiv veya sitemap sayfası oluşturmak için aşağıdaki adımları takip ediniz. 

blogger sayfalar kısmı
Blogger sayfalar
  • Blogger panelinden sol taraftaki menüden sayfalar butonuna tıklayın.
  • Yeni sayfa butonuna tıklayarak yeni bir sayfa oluşturalım.
arşiv sitemap sayfası oluşturma
blogger arşiv sayfası

  • Oluşturduğumuz bu sayfanın adını arşiv olarak yazın.
  • Ardından Html kısmına tıklayarak aşağıdaki kodları sayfaya yapıştırın.




<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(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 n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://helplogger.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZTmVRI52-2C-rIc1qmSycRW_aDi_ceGb2qGJFX_doeBVGJKx2cuX2SRRuU0sb1Y7MFluNkHTIP69kcuPH_seshgGz0n3UEQZT0g7uC4dH81lAup1cWXly4y5Vec6cZoSz33YopIzFegA/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http:/
/ugurturkoglu.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

  • Kod alanın da son kısımda yer alan kırmızı renkli ugurturkoglu yerine kendi blogunuzun adresini yazın.
  • Sayfayı yayınla butonuna tıklayarak sonlandırın.
  • Arşiv sayfanız oluşturulmuş durumda.

Sayfayla birlikte hareket eden sosyal paylaşım butonları

6 saat önce Onur BATUR tarafından yazılmıstır.
sosyal butonlar sayfayla hareket eden
sosyal buton
Blog yazarları için sosyal medyanın önemi oldukça fazladır. Bu yazımda da blogger sosyal medya butonları eklentilerinden sayfayla birlikte hareket eden sosyal medya butonları eklentisini blogunuza nasıl uygulayacağınızdan bahsedeceğim.Daha önceki yazılarımda da değişik sosyal medya butonları eklentilerine yer vermiştim.

Bu eklentimiz ise diğer sosyal paylaşım eklentilerinden farklı olarak sayfayla birlikte hareket etmekte. Belki bir kaç haber sitesinde veya başka bloglar da karşılaşmışsınızdır bu eklentiyle. Hoş ve kulllanışlı bir blogger eklentisi.

Bu eklenti yi blogunuza uygulamak için aşağıdaki adımları uygulayın : 

  • Blogger paneline giriş yapınız.
  • Yerleşim sekmesine tıklayınız..
  • Gadget ekle butonuna ve
  • Html/java script 'i seçerek aşağıdaki kodları yapıştırınız.
  • Kaydet butonuna tıklayarak sonlandırın.

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:200px;top:100px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a><
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>


Blogger Yazar Hakkında Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.
blogger author bio box widget
Blogger yazar hakkında eklentisi
Blogger blogunuzda her yazının altına yazar hakkında eklentisi ekleyerek daha kullanışlı bloglar yaratabilirsiniz. Çoğu blog'larda bu kutucuğu görmüşsünüzdür. Özellikle wordpress tabanlı sistemlerde. Bloggera' da bu eklentiyi ekleyebilmek mümkün. Eklentinin nasıl göründüğünü buradan test edebilirsiniz.
Test adresinde yada yukarıdaki resimde de görüldüğü üzere oldukça kullanışlı bir eklenti. Eklenti de profil resmi , sosyal medya butonları ,yazar hakkında , yazılara abone olma gibi özellikler bulunmakta. Özellikle sosyal medya butonları ve , yazılara abone olma eklentisi gibi eklentileri ayrıca eklemenize gerek kalmayacak bu yazar hakkında eklentisi blogunuza ekledikten sonra. Ayrıca yazar hakkında kısmına blogunuzun anahtar kelimelerini yazarak da seo anahtar kelime açısından fayda sağlayabilirsiniz.
Blogger da yazar hakkında eklentisini eklemek için  : 
  • <head> kodunu blogger şablon html'yi düzenle kısmından bulunuz.
  • Daha sonra aşağıda yer alan kodu bu kodun hemen anltına ekleyiniz.
<link href='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-author-box.css' rel='stylesheet' type='text/css'/>

  • Daha sonra kodlar arasından post-footer-line-1 kodunu aratarak bulunuz. Bu koddan birden fazla çıkabilir. Her bir kodun altına deneyerek uygulayabilirsiniz. Bulduğunuz bu kodun altına aşağıdaki kodları yapıştırın.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='abt-author_info'>
<div class='abt-author_photo'>
<img alt='author' height='150'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAk6OBvdAipB-dz6IcfGJBvFSLao230O1hDOFA-0t-9jn5XCYUItcd_SYFyyBGFKVCErb1eWgwHsoMPGn8pNIxvudFODgCIuYfis_Vq1SkMyLXuTtLz49wgsNH3I2_KGUCnjo5uwY2brG/s200/u%C4%9Fur+t%C3%BCrko%C4%9Flu.png' width='150'/>
</div>
<h2 style='color:#444;font-family:verdana;text-shadow: 3px 3px 3px 3px #ABABAB;'>Yazar : Uğur Türkoğlu</h2>
<p>Uğur Türkoğlundan Blogger üzerine,blogger eklentileri,blogger dersleri,seo teknikleri,sosyal medya,blogger temaları,blogger seo ayarları.</p>
<div class='abt-linediv'/>
<div class='abt-email'>
<small style='text-align:center;'>Yazılarıma e-mail ile abone ol!</small>
<form action='http://feedburner.google.com/fb/a/mailverify' class='abt-emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=FeedUsername&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='FeedUsername'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='abt-emailinput' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;e-mail adresini gir...&quot;;}' onfocus='if (this.value == &quot;Email adresini gir...&quot;) {this.value = &quot;&quot;}' type='text' value='E-mail adresini gir...'/>
<input class='abt-emailbutton' title='' type='submit' value='Kayıt'/>
</form>
</div>
<ul class='abt-social'>
<li class='rssicon'>
<a href='http://feeds.feedburner.com/Feedadresi'>Rss</a>
</li><li class='twicon'>
<a href='http://twitter.com/Twitteradresi'>Twitter</a>
</li><li class='fbicon'>
<a href='http://facebook.com/FBadresi'>Facebook</a>
</li><li class='gicon'>
<a href='https://plus.google.com/GplusID'>Google +</a>
</li>
</ul>
</div>
</b:if>

Yazar hakkında eklentisi Ayarları
  • Yukarıdaki kodda En üstte yer alan kırmızı renkli alandaki yere profil resminizin linkini yazınız.
  • Kırmızı renkli kodun hemen altında yer alan kısımdaki yazar hakkında kısmını ve onun altındaki ayrıntıları kendinize göre kendi blogunuza göre yazınız.
  • Kodlar da en altta yer alan Feedadresi, twitteradresi, fbadresi, gplusıd kısımlarına kendi hesaplarınızı yazınız.
  • Kaydet diyerek işlemi sonlandırın.

Blogger Yazıyı Oylama Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.
yazı oylama eklentisi
Blogger yazı oylama 
Blogger da paylaştığınız bir makalenin ziyaretçiler tarafından değerlendirilmesini , nasıl bir tepkide bulunduklarını öğrenmek blog yazarları için önemli konulardan biridir. Yazdığınız bir makalenin oylama eklentisinde sonuçlarına bakarak kendinizi değerlendirebilirsiniz. Yazdığınız konunun oylamasının yüksek olmasını belki de kullanıcıların yani web sitenizi ziyaret edenlerin hoşuna giden konular olduğunu düşünüp , artık o konularda daha fazla makale yazmaya özen gösterebilirsiniz. Sonuç olarak ziyaretçilerden dönüt ler almak kendinizin , blogunuzun yararına olacaktır.Çoğu Web sitelerinde yazının en sonunda yazıyı değerlendir , yazıyı oyla gibi kısımlar görmüşsünüzdür.Hatta belki sizlerde bazı yazıları oylaşmışsınızdır. Bu yazıyı oylama eklentisinde ayrınca sosyal paylaşım butonları da yer aldığından blogunuza da ekstradan bir avantaj sağlar. Yazılarınızın sosyal medya da paylaşılmasını da sağlar. Görüldüğü üzere oldukça kullanışlı bir eklenti. 

blogger yazıyı değerlendir eklentisi
Graddit oylama eklentisi
Yazıyı değerlendir eklentisi Graddit tabanlı olup yandaki resimde ki bir görünüm ya da farklı görünüm de oylama eklentileri de ekleyebilirsiniz. Benim tavsiyem olarak ilk sıradaki hem oylama hem de sosyal butonlar eklentisi kullanmanız daha faydalı olacaktır. Çünkü yazı altına sosyal paylaşım butonları ekleminize gerek kalmayacaktır. Eğer yazı altına sosyal paylaşım butonları ekli ise blogunuza , bu eklentiyi kaldırıp bunu kullanmak daha yararlı olacaktır. Çünkü blogunuza ekleyeceğiniz her bir eklenti blogunuzun yavaşlamasına bir etkidir. Yani eklediğiniz kodlardan bahsediyorum. İçerik - kod oranı SEO açısından dikkat edilmesi gereken noktalardan birisi sonuç olarak. Blog yazarları için bir tavsiye de daha bulunmak istiyorum ki o da şudur. Bloglarınızda çok fazla eklenti kurmayın. Çok fazla eklentiden kastım örneğin yukarıda belirttiğim örnek gibi veya Hem sosyal paylaşım butonları eklentisini kullanıp hemde sayfanın aşağısına inildiğinde çıkan sosyal paylaşım eklentisi kullanmanızı tavsiye etmem. Az ama öz eklenti kullanılması hem sitenizin açılış hızı için hem de google için size fayda sağlayacaktır.

Yazıyı oylama eklentisini blogger blogunuza eklemek istiyorsanız aşağıdaki adımları takip ediniz : 
  • http://www.graddit.com/ratings-widget sayfasınıza gidiniz.
  • Açılan sayfada kullanmak istediğiniz yazıyı değerlendirme eklentisini sol taraftan seçiniz.
  • Blogger paneline giriş yapınız.
  • Şablon/html'yi düzenle butonuna tıklayınız.
  • kodlar içerisinden </head> kodunu bulunuz.
  • Bulduğunuz kodun hemen bir üstüne aşağıdaki kodu yapıştırınız.
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

  •  Tekrar kod sayfasına gelip <data:post.body/> kodunu arattırarak bulunuz. Arattığınız bu koddan birden fazla çıkacaktır. Aşağıdaki resim de ki gibi . Birden fazla kod çıkacağı için her bir data post body kodunun altına ekleyerek yani deneyerek bunu yapabilirsiniz.


blogger ayarları
Blogger şablon
  • Bulduğunuz <data:post.body/> kodunun altına graddit sayfasından beğendiğiniz eklentinin kodunu yapıştırınız.Dikkat etmeniz gereken noktalardan biri de seçtiğiniz eklentiden sonra sol üstten platform kısmında blogger a tıkladıktan sonra kodları kopyalayınız ve daha sonra <data:post.body/> kodunun altına yapıştırınız.
    blogger yazıyı oyla eklentisi
    Graddit blogger
yazıyı değerlendir kodu
yazıyı değerlendir kodu
Eklenti'nin kurulumu bitmiştir. Yazıyı oylama eklentisini blogunuzda yukarıdaki adımları uyguladıktan sonra kullanabilirsiniz. Eklentini kurulumunda sorun yaşayanlar yorum bölümünde ulaşabilirler.


Blogger Twitter Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.
blogger twitter eklentisi ekran görüntüsü
Blogger twitter eklentisi
   Blogumuzda  , yeni ziyaretçilere ve daha fazla ziyaretçiye hitap etmek istiyorsak blogumuzda sosyal ağları etkin olarak kullanmamız gereklidir. Sosyal ağların öneminde genelde yazılarımda bahsediyorum. Facebook popülerliği ni biliyoruz. Popüler olan sosyal ağlardan bir diğeride twitter . 140 karakterle insanların küçük bir blog olarak yazdıkları olarak düşünebilir aslında. Mikroblog sitesi yani.Dolayısıyla twitter üzerinden paylaştığınız bir makalenin farklı ziyaretçilere ulaşması daha yeni kullanıcılara hitap etmenizi sağlayacaktır. Facebook eklentisi , pinterest eklentisi , google plus eklentisi vs derken bir de twitter eklentisinin blogger bloga nasıl uygulanacağından bahsetmek istiyorum. Yani blogunuzda son tweetlerinizi göstermeyi nasıl yapabileceğinizi , blogunuza nasıl uygulayacağınızı anlatmaya çalışacağım.
blogger twitter eklentisi bloga uygulama
blogger twitter eklentisi 2
blogger twitter eklentisi nasıl yapılır
blogger twitter eklentisi 3
    Blogger blogunuza twitter eklentisini eklemek isterseniz , twittera giriş yaptıktan sonra yandaki resimde de görüldüğü gibi ayarlar butonuna tıklayınız. Ayarlar butonuna tıkladıktan sonra sol tarafta bulunan menüden bileşenler butonuna tıklayınız. Bileşenler butonuna tıkladıktan sonra (bakınız blogger twitter eklentisi 3 resmi ) yeni bir sayfa açılacak . Yapılandırma sayfası adı altında. Bu sayfa da da eklentimizin ayarlarını yapacağız. Örneğin eklentinin boyutunun yani yüksekliğinin ne kadar olucağı arka plan renginin nasıl olacağı gibi.



blogger twitter eklentisi nasıl yapılır
blogger twitter eklentisi 4
    Yapılandırma sayfasında kullanıcı adı yerine twitter kullanıcı adınız yazıyorsunuz. Zaten otomatik olarak yazılı bir şekilde gelmekte. Eğer eklentiyi blogunuza uyguladıktan sonra görünecek olan twetlerde verdiğiniz yanıtarın gözükmesini istemiyorsanız bu tik 'i kaldırıyorsunuz. Yükseklik kısmında eklentinin boyutunu belirtiyoruz. 250 den aşağı bir değer girilmemekte yani kabul edilememekte. Tema kısmında ise açık ve koyu olarak iki seçenek bulunmakta. Blogunuzun Tema sına uygun olarak açık yada koyu olarak seçiminizi yaptıktan sonra değişiklikleri kaydet butonuna tıklıyoruz. Bir de gösterilecek olan tweet lerde örneğin bir tweette resim bulunmakta bunun da eklentide görünmesini istiyorsanız fotoğrafları otomatik olarak genişlet tik 'ini de seçili yapıyorsunuz. Butona tıkladıktan sonra karşımıza gelecek ekran da (blogger twitter eklentisi 5 ) kod kısmı yer alacaktır.



blogger twitter eklentisi resimli
blogger twitter eklentisi 5
  • Blogger'a giriş yapın.
  • Yerleşim sekmesinde gadget ekle butonuna tıklayın.
  • Html / javascript butonuna tıklayın.
  • Açılan sayfaya kopyaladığınız kodları yapıştırın.
  • Kaydet butonuna tıklayın.






Blogger Son yorumlar eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.
son yorumlar eklentisi
Blogger son yorumlar eklentisi
   Bloggerda son yorumlar eklentisini blogunuza ekleyerek daha güzel bir görünüm sağlayabilir ve ziyaretçilerinize sitenize yapılan en son yorumların neler olduğunu gösterebilirsiniz. Önceki konularımdan birinde gene bloggerda resimli olarak son yorumlar eklentisinin nasıl yapılacağından bahsetmiştim. Bu yazımda önceki konuma benzer olucak . O yüzden bir daha bloggerda son yorumlar eklentisini faydalarından burada bahsetmeyeceğim. Daha önce yazmış olduğum makalede yeterince açıklık getirmiştim. Diğer eklentiden farklı olarak bu son yorumlar eklentimizde yorumlarda hover özelliği bulunmakta . Hover özelliği ile örneğin bir yorumun üstüne gelindiğinde nasılki bir butonunun üstüne gelindiğinde bir değişim gözleniyorsa bu eklentide de aynı şekilde çalışmaktadır. Nasıl çalıştığını merak ediyorsanız blogumda bu eklenti bulunmakta. Anasayfadan görebilir ve nasıl çalıştığını inceleyebilirsiniz.
Eklentinin özelliklerine gelince Göstereceğiniz yorum sayısını kodlarda en alt satırda bulunan:
max-results=5
Kodundaki 5 rakamını değiştirerek sağlayabilirsiniz. Örneğin buraya 7 yazar iseniz blogunuza yapılmış son 7 yorumu gösterecektir.
Son yorumlar eklentisini blogger'a ekleme
Blogger'a son yorumlar eklentisini eklemek için aşağıdaki işlemleri blogunuza uygulayın.
  • Bloggera giriş yapın.
  • Yerleşim sekmesine tıklayın.
  • Gadget ekle ardından html/javascripte tıklayın.
  • Açılan sayfaya aşağıdaki kodları yapıştırın.

<style type="text/css">
ul.btt_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}
.btt_recent_comments li {
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
border: 2px solid transparent;
}
.btt_recent_comments li:hover {
-webkit-transform: scale(1.2) translate(15px);
-moz-transform: scale(1.2) translate(15px);
-ms-transform: scale(1.2) translate(15px);
-o-transform: scale(1.2) translate(15px);
transform: scale(1.2) translate(15px);
box-shadow: 0 0 20px 1px #aaa;}
.btt_recent_comments li {
background: none!important;
margin: 5px!important;
padding: 5px!important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}
.btt_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btt_recent_comments li img {
padding: 0;
position: relative;
overflow: hidden;
display: block;
}
.btt_recent_comments li span {
margin-top: 3px;
color: #666;
display: block;
font-size: 12px;
line-height: 1.4;
}

#btt_recent_comments .info {
text-align: right;
height:1.2em!important;
overflow:hidden;
line-height: 1em!important;
}
#btt_recent_comments .info a {
font-weight: bold;
font-size: 11px;
color: #AAA;
display:none;
}
#btt_recent_comments:hover .info a {
display:inline!important;
}
</style>



<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 45,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More ?",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4P4Cg1kOzHylrQwX1CLBorPnY1L6KOo0xxXqepooJzV4IERM1MgKNA5Uaqvnz-WPhZ8mTez0rTGlkPpDLLxHT8i_1AnKO2umtDAVYcbhnYtjJiKvRWjrf_KKXnCWsF_5wKuBBZeFPP8y/s320/avatar.png",
hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 G=G||5,8=8||1z,w=w||1w,m=m||"j://V.L.g/1i/?d=1b",F=F||" 1c &1D;",x=(A x===\'B\')?h:x,o=(A o===\'B\')?Q:o,q=(A q===\'B\')?h:q,r=(A r===\'B\')?Q:r;18 14(C){9 7;7=\'<R J="14">\';U(9 i=0;i<G;i++){9 z,y,2,k;4(i==C.O.e.D)X;7+="<10>";9 e=C.O.e[i];U(9 l=0;l<e.E.D;l++){4(e.E[l].19==\'1a\'){z=e.E[l].v;X}}y=e.M[0].1x.$t;2=e.M[0].1E$16.N;4(2.f("/P/")!=-1){2=2.p("/P/","/s"+8+"-c/")}b 4(2.f("/S/")!=-1){2=2.p("/S/","/s"+8+"-c/")}b 4(2.f("/T-c/")!=-1&&2.f("j:")!==0){2="j:"+2.p("/T-c/","/s"+8+"-c/")}b 4(2.f("H.g/n/17-W.I")!=-1){2="j://3.Y.Z.g/-1d-1e/1f/1U/1g/s"+8+"/1h.11"}b 4(2.f("H.g/n/1j-W.I")!=-1){2="j://3.Y.Z.g/-1k/1l/1m/1n/s"+8+"/1o.11"}b 4(2.f("H.g/n/1p.I")!=-1){4(m.f("L.g")!=-1){2=m+"&s="+8}b{2=m}}b{2=2}4(x===h){4(q===h){k="1q"}b{k=""}7+="<12 J=\\"1s "+k+"\\"><n J=\\""+k+"\\" N=\\""+2+"\\" 1t=\\""+y+"\\" 1u=\\""+8+"\\" 1v=\\""+8+"\\"/></12>"}7+="<a v=\\""+z+"\\">"+y+"</a>";9 13=e.1y.$t;9 6=13.p(/(<([^>]+)>)/1A,"");4(6!==""&&6.D>w){6=6.1B(0,w);6+="&1C;";4(o===h){6+="<a v=\\""+z+"\\">"+F+"</a>"}}b{6=6}7+="<u>"+6+"</u>";7+="</10>"}7+=\'</R>\';9 K="";4(r===h){K="15:1F;"}7+="<u 1G=\\"1H-1I:1J;15:1K;1L-1M:1N;"+K+"\\">1O 1P <a v=\\"j://V.1Q.1R/\\">1S</a></u>";1T.1r(7)}',62,119,'||authorAvatar||if||commBody|commentsHtml|avatarSize|var||else|||entry|indexOf|com|true||http|avatarClass||defaultAvatar|img|showMorelink|replace|roundAvatar|hideCredits|||span|href|characters|showAvatar|authorName|commentlink|typeof|undefined|btt|length|link|moreLinktext|numComments|blogblog|gif|class|hideCSS|gravatar|author|src|feed|s1600|false|ul|s220|s512|for|www|rounded|break|bp|blogspot|li|png|div|commHTML|btt_recent_comments|display|image|b16|function|rel|alternate|mm|More|AaI8|1X32ZM|TxMKLVzQ5BI|QYau8ov2blE|btt_blogger_logo|avatar|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|btt_openid_logo|blank|avatarRound|write|avatarImage|alt|width|height|40|name|content|60|ig|substring|hellip|raquo|gd|none|style|font|size|10px|block|text|align|right|Widget|by|SoftGlad|com|SoftGlad|document|AAAAAAAABYY'.split('|'),0,{}))
//]]>
</script>
<script src="/feeds/comments/default?alt=json&amp;callback=btt_recent_comments&amp;max-results=5" type="text/javascript"></script>


Yön tuşlarıyla bloggerda sayfalar arasında geçiş

6 saat önce Onur BATUR tarafından yazılmıstır.
yön tuşlarıyla blogger sayfa arası geçiş
Yön tuşları
Klavye yön tuşlarını kullanarak bir web sitesinde sayfalar arasında geçiş yapmak ziyaretçiler için bir kolaylık sağlar. Blogumuzda bir makele sayfasının en sonunda yer alan önceki yayın sonraki yayın butonlarının yaptığı işlevi , klavyedeki yön tuşları ile gerçekleştireceğiz. Yani klavyemizdeki sağ tuşu ile sonraki kayıt sol tuşu ile de önceki kayıt sayfaları arasında hareket etmeyi sağlamaya çalışacağız. Eklentinin kurulumu oldukça basit olup aşağıdaki adımları takip ederek blogunuza bu kolaylığı sağlayabilirsiniz. Blogger için yön tuşlarıyla sayfalar arası geçişin nasıl olacağından bahsedersek :

  • Blogger'a giriş yapın.
  • Yerleşim sekmesine tıklayın.
  • Gadget ekle ve ardından Html/javascript'e tıklayın.
  • Açılan sayfaya aşağıdaki kodları yapıştırıp kaydedin.

<script type='text/javascript'>
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
</script>



  • İşlem bu kadar. Bu adımları blogumuza uyguladıktan sonra artık yön tuşları ile bloggerda sayfalar arasında geçiş yapılabilecektir.

Blogger kalıcı bağlantı'nın seo ya etkisi

6 saat önce Onur BATUR tarafından yazılmıstır.
      Blogger blogunuzu google da daha üst sıralara çıkarmak için bir çok seo tekniği deniyoruz. Yazı içinde anahtar kelimelerin altını çiziyoruz, kalın yapıyoruz veya italic yapıyoruz. Tabi sadece bunlar yetmiyor daha üst sıralara çıkmak için.Site içi optimizasyon  ile de daha fazla ziyaretçiye ve sayfada geçirilen süreyi artırmaya da çalışıyoruz. Bunun gibi daha bir çok seo için yaptığımız uygulamalar olabilir.

kalıcı bağlantı seo etkisi
Blogger kalıcı bağlantı

      Gözden kaçan en önemli noktalardan biri de bloggerda Kalıcı bağlantı ayarını yapmamamız. Belki bunu biliyoruz ama genede gözden kaçırıyoruz. Ama kalıcı bağlantının seo ya etkisi oldukça fazla. Kalıcı bağlantının ne olduğunu bilmeyenler için şöyle bir örnekle açıklamaya çalışalım : Örneğin resimlerin seo için önemi hakkında bir makale yazdığınızı varsayalım. Makalenizi yazdıktan sonra başlığınızında bloggerda resimlerin seo için önemi olsun. Eğer kalıcı bağlantı ayarını yapmazsanız aramalarda makale başlığınızın türkçe karakterleri gözükmeyecektir. Yani şöyle bir durum ortaya çıkacaktır.
blogadresiniz.blogspot.com/resmlern-seo-cn-nem.html
Bu da aramalar açısında olumsuz bir durum oluşturacaktır. Çünkü başlığınızda neredeyse kalan tek sağlam okunan yer seo kelimesi olmuştur. Bunun yerine kalıcı bağlantı ayarı yapıldığında hem görünümü için hemde seo için çok daha uygun bir başlık oluşacaktır. 
seo ya uygun url
seo ya uygun url
blogadresiniz.blogspot.com/resimlerin-seo-icin-onemi.html
    Gördüğünüz üzere son durumda makalemizin ayarlamış olduğumuz kalıcı bağlantı'sı ile aramalalar'da daha iyi sonuçlar vereceğiz. 

 Kalıcı bağlantı ayarı nasıl yapılır

kalıcı bağlantı seo etkisi
Kalıcı bağlantı ayarı

Kalıcı bağlantı ayarını nasıl yapacağımıza gelince Makalenizi hazırladıktan sonra başlığınızı da blogger da kalıcı bağlantının seo ya etkisi olarak hazırladığınızı varsayalım. Sağ tarafta bulunan yayın ayarları menüsünden kalıcı bağlantı yazan kısıma tıklayın. Tıkladıktan sonra Özel kalıcı bağlantı ' yı seçin ve text kutusuna yukarıda anlattığımız gibi türkçe karakter kullanmadan ( bunlar ö ü ı ç ş vs ) başlığınızı yazın. Ardından tamamlandı butonuna tıklayın. İşlem bu kadar. Ne kadar basit bir durum değilmi . Ama gözden kaçırılan bir durum ve makalenizi yayınla butonuna bastıktan sonra bir daha bu ayarı yapamazsınız. O yüzden yazıya başlamadan önce eğer başlığınız hazırsa bu kısımı ayarlayıp sonra yazmaya başlamanızı tavsiye ediyorum . Daha sonra unutulabiliyor çünkü.

Önemli bir nokta olarak şunu da belirtmek istiyorum. Özel kalıcı bağlantı ayarını yaparken kelimelerinizi olduğu gibi yazmayın.yani aralarda boşluk kullanmanız gerektiğinizde - (tire) işareti ile bunu ayırın. 

Blogger Facebook Hayran Sayfası oluşturma

6 saat önce Onur BATUR tarafından yazılmıstır.
developers facebook box
facebook hayran sayfası
   Blogger blogunuza facebook hayran sayfasını ekleyerek sosyal ağ lar sayesinde daha fazla kullanıcıya , ziyaretçiye erişebilirsiniz. Sosyal ağların internet sitelerinin ziyaretçi sayısında ne kadar etkili olduğunu bir kaç yazımda da belirtmiştim. Sosyal mühendislik kavramı günden güne hızla daha fazla önem kazanmakta. Facebook sayfası , twitter sayfası , pinterest sayfası , google plus sayfası vs daha bir çok sosyal ağ sayfalarını kullanmak blogunuza çok fazla yarar sağlayacaktır. Tabi en önemli sosyal ağ kullanımı da şüphesiz facebook. Bu yazımda Blogunuza facebook hayran sayfasını nasıl ekleyebileceğinizden bahsedeceğim. 

Facebook hayran sayfasını bloggera nasıl ekleyeceğinizi anlatmadan önce yapmanız gereken en temel nokta bir facebook hayran sayfası oluşturmaktır. Facebook hesabınızla giriş yapıp sayfalar butonuna tıkladıktan sonra bir sayfa oluşturun. Oluşturacağınız sayfa blogunuzun hayran sayfası olacağından uygun bir isim vermek de önemli bir nokta.
Sayfanızı oluşturduktan sonra Buradaki Adrese gidiniz. Açılan sayfada aşağıda bulunan resimdeki gibi bir ekranla karşılaşacaksınız.
facebook hayran sayfası eklentisi blogger
Facebook like box
Yukarıdaki resimde de görüldüğü üzere facebook developers like box sayfasına ulaştık. Bu sayfada Facebook page url yazan yere oluşturduğumuz facebook sayfamızı ya da daha önce var olan sayfamızın linkini yazıyoruz.
Width yazan yere eklentinin genişliğini belirtiyoruz.
Height kısmında ise yüksekliğini belirtiyoruz. Örneğin 300*250 gibi.
Color Scheme bölümünde ise sayfamızda eklentinin arka planının beyazmı yoksa karanlık mı olacağını belirtiyoruz. Blog tasarımınıza göre bu kısımdan uygun olanı seçebilirsiniz.

Facebook beğen kutusu
Like box
Show Friends Faces kısmındaki tik işaretini kaldırırsak yandaki gibi bir görüntüyle karşılacaksınız. Yani eğer bu tik işaretli olmazsa blogunuza facebook hayran eklentisini eklediğinizde (bakınız yukarıdaki resim ) sayfanızı beğenenlerin resimlerinin görünmesini iptal etmiş olursunuz. Seçilmesinde görsellik açısında fayda vardır.

Show header kısmı facebook hayran sayfası eklentinizde kenarlık olsun mu olmasın mı onu belirler. Seçilirse en üst kısımda bizi facebook ta bulun yazan bir yazı göreceksiniz.
Show posts 'u seçtiğiniz zaman sayfanızdaki paylaşımları göstermiş olursunuz.
Show border da aynı şekilde kenarlığı ifade etmektedir.
Şimdi gelelim eklentiyi nasıl oluşturacağımıza. Gerekli alanları doldurdaktan sonra Get Code butonuna tıklıyoruz. Karşımıza aşağıdaki resimdeki gibi bir ekran gelecektir.
facebook eklentisi blogger
Facebook sayfa eklentisi
Bu kısımda İframe butonuna tıklıyoruz ve orada yazılı olan kodu kopyalıyoruz. Daha sonra bloger adresimizie giriyoruz. Yerleşim sekmesine tıklıyoruz . Gadget ekle ve Html javascripte tklayarak kopyaladığımız kodları yapıştırıyoruz ardından kaydet butonuna tıklayarak işlemi sonlandırıyoruz. Eklentimiz hazır durumda. Facebook hayran sayfası eklentisini blogunuzun neresinde görünmesini istiyorsanız gadget'ı oraya taşıyabilirsiniz.

    Bir önceki yazımda  Bloggerda resimli rastgele yazılar eklentisi'nin blogger blogunuza nasıl uygulanacağı hakkında bilgiler verilmektedir.  

Blogger Resimli Rastgele Yazılar Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.
blogger resimli rastgele yazılar eklentisi
Rastgele yazılar
    Bloggerda eklentiler ile blogumuzu daha da güzelleştirdiğimiz aşikar. Bu eklentiler içerisinde En önemlilerinden olan benzer yazılar eklentisi ile blogumuzda ziyaretçilerin kalma sürelerini artıdrığımızdan daha önceki yazılarımda bahsetmiştim. Benzer yazılar özelliğine benzer bir başka eklentide bloggerda Rastgele yazılar eklentisi'dir. Benzer yazılar özelliği mantığıyla çalışan rastgele yazılar eklentisi'nin faydalarından bahsetmek gerekirse , benzer yazılar eklentisinin faydalarını bu eklenti içinde söyleyebiliriz. Eklentinin görünümü yandaki resimde olduğu şekildedir. Resimli rastgele yazılar eklentisini blogumuza uygulayarak sitemize uğrayan ziyaretçilere sitemizde daha fazla seçenek sunmuş oluruz. Bu da tabi daha fazla sitemizde vakit geçirilmesine neden olur. Daha fazla vakit geçirilmesi de seo açısından etkili olacaktır. 

 Resimli rastgele yazılar eklentisini blogumuza nasıl uygulayacağımıza gelince ise aşağıdaki adımları takip ederek bu eklentiyi blogger blogunuza ekleyebilirsiniz.


  • Öncelikle blogger paneline giriş yapın ve ardından Şablon / html 'yi düzenle butonuna tıklayım.
  • Ctrl+F yardımı ile ]]></b:skin> kodunu bulun.
  • Bu kodun hemen bir üst satırına aşağıdaki kodları yapıştırın.

#rastgele-yazilar img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

  • Kaydet butonuna tıklayın.
  • Ardından Tekrar blogger panelinden yerleşim Gadget ekle ve Html javascripte tıklayın.
  • Açılan sayfaya aşağıdaki kodları yapıştırın.

<ul id='rastgele-yazilar'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Yorum';
var rdp_disable='Yorum Yok';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json)
{rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtOVQ21N3BDA9XgObcmGfzkqhZOlndLBs_8bBCeB0xUX1QLyyFNA5hYltaFanSuvAoAlUZlF9byHA89aJ2RWsG-VOIHOhKhHYmnEawv0rq6fBKQhaedyY4sdgaBD5QKNP5iMHQBwWkba4/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>


  • Kaydet butonuna tıklayarak işlemi sonlandırın.
    Böylece blogger blogumuza resimli rastgele yazılar eklentisini eklemiş olduk.Normal de eklentiyle beraber rastgele olarak görünecek olan yazı sınırımız beş adettir. Bunu daha az veya daha fazla olarak değiştirmek isterseniz ikinci paylaştığım kod da yer alan numpost=5 kısmındaki 5 rakamını değiştirerek yapabilirsiniz.


Bloggerda Meta Tag kullanımı

6 saat önce Onur BATUR tarafından yazılmıstır.
bloggerda meta tag kullanımın önemi
Meta-tag
         Meta tag'ler siteleriniz için birer bilgi etiketleridir. Arama motorları için önemli bir nokta olup web sitelerin kodlamalarında yer alması gereken önemli bir noktadır. Meta tagler genel olarak header dosyaları içerisinde yer alır ama bloggerda böyle bir dosya mevcut olmadığından dolayı <head> etiketinden sonra tanımlanmaya başlanır. Yani <head> etiketleri içerisinde yazılmalıdır. Meta tag'in tam olarak ne olduğunu somutlaştırmak gerekirse aşağıdaki resme dikkat çekmek isterim.
meta tag ne işe yarar
Meta tag 2
        Yukarıda ki resimde de gördüğünüz üzere google da kendi blogumu arattıktan sonra karşıma çıkan sonuç ta , web sitesinin altında bir açıklama olduğunu görüyorsunuz. Bu açıklama meta tag içerisinde yazılarak oluşturulmuş olan bir açıklamadır. Başta da değindiğim gibi meta tag'larin kullanılması yararlı olucağı gibi yanlış kullanılması da SEO noktasında zararlara yol açacaktır. O yüzden tüm meta tag ler yerine belli başlı , demirbaş olarak nitelendirdiğimiz , blogumuzda olması gereken meta tag lari kullanmaya özen göstereceğiz.

      Meta tag lari nasıl kullanacağımızdan bahsetmeden önce bazı meta taglerden bahsetmek istiyorum. Blogumuzda olması gereken meta tag'lerden bazıları ki bana göre olması gerekenler : 
       İlk Meta tag'imiz Meta description : Meta description açıklama etiketidir. Etiketten ziyade açıklama yazısıdır.Bu alanı çok fazla kelimelere boğmamak gerekir. Siteniz , blogunuz hakkında kısa bir açıklama satırı olarak kullanılması faydalı olacaktır.Nasıl kullanılacağı ise :

<meta name="description" content="Sitenizin açıklama yazısı" />

           İkinci Meta tag ise Meta keywords : Keywords ise anahtar kelimelerdir. Bu kısım da ise sitemiz için gerekli olan anahtar kelimeleri yazmalıyız. Anahtar kelime sayısı çok fazla tutulmamalıdır. 15 anahtar kelimeyi geçmemesine dikkat etmenizi öneriririm.Nasıl kullanılacağı ise :



<meta name="keywords" content="kelime1, kelime2" /> 

        Üçüncü Meta tag ise language : Language etiketi adından da anlaşılacağı üzere sitemizin dil'i hakkında bilgi vermektedir. Kullanılmasında fayda vardır. Eğer Bing webmaster tools da seo analizi yaptıysanız , sitenizde language etiketi kullanılmamaktadır diye uyarı verdiğini görmüşsünüzdür. O yüzden bu meta tagin kullanılmasında fayda vardır.Nasıl kullanılacağına gelince :



<meta http-equiv="content-language" content="tr" />

       Son kullanacağımız Meta tag ise content-type : Content type meta tag'inde ise sitemizin karakter kodlaması hakkında bilgi verir. Bu Meta tag'i de kullanmak türkçe karakter sorunu yaşamamak adına önemlidir.Nasıl kullanılacağı ise :



<meta http-equiv="Content-Type" content="text/html;charset=iso-8859" />

Son olarak Bu meta taglari blogumuza nasıl uygulayacağımıza gelince aşağıdaki adımları takip edin : 
  • Blogger paneline giriş yapın.
  • Şablon / Html' yi düzenle butonuna tıklayın.
  • En baştaki <head> kodunun altına eklemek istediğiniz meta tag'i ekleyin.

Soundcheck Gelişmiş Blogger Teması

6 saat önce Onur BATUR tarafından yazılmıstır.

Tema Özellikleri : Ana sayfada jquery slider, sidebar widgetlerinde tab menü ve açılıp kapanma özelliği, sub menu, headerin hemen altında kullanıcı profilini görüntülemeye yarayan otomatik widget, breadcrumb eklentisi, lightbox resim görüntüleme özelliği, yazı sonlarında resmi paylaşım butonları, sosyal butonlar, arama formu ve özelleştirilmiş yorum formu.


İndirme Linki 



Ayu V1 Blogger Temasi indir

6 saat önce Onur BATUR tarafından yazılmıstır.
Ayu V1 blogger temasi

Selamun Aleykum :)

Bugunde Blogculara Özel BLOG Temasi Paylasacagım,

Hiç Boş Muhabbete Gerek Yok Direk Demo Ve İndirme Linkini Vereyim..


İndirme Linki


Rar Pass

webkancik.blogspot.com

Blogger SEO - Site ici optimizasyon

6 saat önce Onur BATUR tarafından yazılmıstır.
blogger seo- site içi optimizasyon
site içi optimizasyon
    Seo'yu bir iyilişetirme , teşvik - yani google'un görüp üst sıralara çıkarıp arama yapan kullanıcıya teşvik- olarak tanımlayabiliriz. Bu yüzden google ' ın dikkatini çekmek içinde sitemizin içinde iyileştirmelerek yaparak bunu başarabiliriz. Seo = site iyileştirme.Google dan SEO adında bir arama yaptığınıza bir kaç makaleye girip okuduğunuzda google bot'u kelimesini okumuşsunuzdur mutlaka. Bu google bot ları makalenizi incelerken Görsellere nazaran yazı kısmına yani textine daha çok önem vermektedir. Yani Bu bot denilen şeyin anladığı text'tir. Görselleri de anlamakta ama text daha fazla. Makale hazırlanken de özgün olunmalı , başlığa , türkçe karakterlere , doğru kelime kullanmaya vs dikkat edilmeli.Özgün içerik SEO da en önemli noktadır. diyerek site içi optimizasyon konusuna geçelim.  .
site içi seo optimizasyon
Site içi linkleme 
     Site içi optimizasyon adında az çok anlaşıldığı üzere site içinde bir şeyler yapma olarak tanımlayarak başlayalım. Optimizasyon , seo , site içi vs belki bu kavramlar okunurken pek bir şey anlam ifade etmiyor olabilir. Bir örnek ile açıklamak gerekirse : Blogunuzda bir makale hazırladınız. Makalenizde blogger benzer yazılar eklentisi üzerine olsun. Şimdi google arama motorundan benzer yazılar diye arattğınızda bir sürü sonuç çıkmakta ve genelde kullanıcılar ilk sayfadaki sonuçları incelemekte. İşte bu ilk sayfadaki sonuçlara girmek içinde SEO gerekmekte. Neyse örnekten uzaklaştık. Bloggerda Benzer yazılar adlı bir makale hazırladık. Makalemiz içinde blogger eklentileri'nden benzer yazıları sitenize uygulamak için ... diye devam eden bir cümle var . Buradaki Blogger eklentileri kelimesine şöyle bir link verdik. www.Siteniz.com./label/bloggereklentileri . İşte verdiğimiz bu link bir site içi optimizasyona örnektir. Bu şekilde anahtar kelimenizin türevlerine de yaparak site içi seo yu tamamalayabilirsiniz. Anahtar kelime türevlerinden kasıtım da aşağıdaki resimlere bakınız: 
     Mesela ben yukarıdaki blogger eklentileri yazan yere bir link vererek (tabi bu link benim kendi sitemin içinde bulunan bir sayfa ) site içi linkleme yapmış bulunmaktayım.
     Örnek olarak yukarıdaki resimde  Seo kelimemiz.Yani seo hakkında bir makale hazırlıyoruz makalemiz içinde optimizasyon kelimesini kullanmak ya da optimizasyon olarak linklemek bir örnektir. Aynı şekilde aşağıdaki resimde de bir örnek bulunmakta.

site içi seo
site içi seo linkleme
Böylece anahtar kelimeye de destek vermiş oluyoruz . Teşvik etmiş oluyoruz .
Makalemizi hazırlarken de kısa olmamasına dikkat etmeliyiz. Başta da söylediğim üzere text' ler önemli ve bu site içi seo işini abartıp makale içinde çok fazla kullanmak da yarar yerine zarar getirecektir.
Seo için Nokta atışı yapın
   Kısaca hedef kelimenizi saptayın ve onun üzerine yoğunlaşın. Tabiri caizse Nokta atışı yapın. Bunun yanısıra Görsellere de etiket isim vermeyi unutmayın. Bu da site içi seo olarak sayılabilir. Görseller için seo adlı makalemde bu konu hakkında bilgiler vermiştim.
    Site içi linklemeninin yani seo ayarlarını yaparak ayrıca sayfa görüntülenme sayısını da artırmış olursunuz. Bu da sitenize gelen ziyaretçinin daha fazla zaman geçirmesi demektir. Örneğin ben seo hakkında bir makale yazdım ve makalemde seo dan bahsederken site içi linklemenin de önemini belirten bir cümle yazdım ve buna da bir link verdim .Ziyaretçinin bu konu ilgisi çekebilir ve linke tıklayarak bulunduğu makaleden diğer makalaye geçerek onu da inceler. 
     Görüldüğü üzere site içi linklemenin seo ya etkisi kadar trafiğe etkisi de azımsanamayacak kadar fazla.
Bu sitede yayınlanan yazılar kaynak gösterilmeden alıntı yapılamaz. Tüm hakları saklıdır.