Sayfa Yenileme kodu

Sayfayı yenilemek için en basit yöntemlerden biri JavaScript kullanmaktır. Küçük bir örnek kod şöyle olabilir:

HTML Kod

<!-- Sayfa Yenileme Kodu --> <script type="text/javascript"> setTimeout(function() { window.location.reload(); }, 30000); // 30000 milisaniye = 30 saniye </script> <!-- /Sayfa Yenileme Kodu -->

Okuyun >>>

Kod kutusu oluşturma

<div class="guvenli-kod-kutu">
  <div class="kod-ust">
    <span>HTML Kod</span>
    <button onclick="kopyalaKod(this)">Kopyala</button>
  </div>

  <textarea readonly>
<div class="ornek">
  Merhaba Dünya
</div>
  </textarea>
</div>

<style>
.guvenli-kod-kutu {
  background: #1e1e1e;
  border-radius: 10px;
  margin: 20px 0;
  overflow: hidden;
  font-family: Consolas, monospace;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.kod-ust {
  background: #2d2d2d;
  color: #fff;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.kod-ust button {
  background: #e74c3c;
  border: none;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}

.guvenli-kod-kutu textarea {
  width: 100%;
  height: 180px;
  border: none;
  resize: vertical;
  padding: 15px;
  background: #1e1e1e;
  color: #f8f8f2;
  font-size: 14px;
  line-height: 1.6;
  outline: none;
}
</style>

<script>
function kopyalaKod(btn) {
  var textarea = btn.parentElement.nextElementSibling;
  textarea.select();
  document.execCommand("copy");
  btn.innerText = "Kopyalandı ✓";
  setTimeout(function(){
    btn.innerText = "Kopyala";
  },2000);
}
</script>

Okuyun >>>

Sitene Rastgele Yazılar Kodu

Sitene Rastgele Yazılar Kodu ekle.Sitenizdeki yazıları gösteren güzel bir kod yazılımı.Sayfalar değiştikçe farklı bir konu gösteren  bir kod.Blogger bloğunuza eklemek için. Yerleşim - Gadget ekle -HTML/JavaScript - Kaydet diyerek sitenizde nerede gözükmesini istiyorsanız oraya yerleştiriyorsunuz.Kodda değişiklik yapmanıza gerek yok direk çalışmaya başlayacaktır.

<script type="text/javascript">var randarray=new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total=parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write('<ul>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){var item="<li>"+"<a href="+entry.link[k].href+">"+entry.title.$t+"</a></li>";document.write(item)}}}document.write('</ul>')}</script><script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>

Okuyun >>>

Blogger Resimli Son Yorumlar Eklentisi

Blogger resimli son yorumlar eklentisi.Bu yazımda sizlerle bu eklentiyi paylaşmak istiyorum.Blogger resimli son yorumlar eklentisi benimde sitemde kullandığım güzel bir eklenti.

Eklentinin  içinde kaç yorum gözükmesini istiyorsanız kodun içinden o değeri değiştirebiliyorsunuz.

Değiştirmeniz gereken yerleri kırmızı ile işaretledim.Kendi sitenizin linkini işaretlediğim yere yapıştırınız.Bu işlemi yapmazsanız eklenti çalışmaz.

Bu kodu sitenizin Gadget Ekle kısmına ekliyorsunuz.Sitenizde nerede durmasını istiyorsanız gadgeti oraya sürükleyip kaydedebilirsiniz.Kolay Gelsin...

<style type="text/css"> 
#komentar {background: #fff; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar ul{margin:0;padding:0px;list-style: none;} 
#komentar ul li:first-child {border-top:none;} 
#komentar ul li {height:46px; background: #A9D0F5; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
    
#komentar ul li:last-child {border-bottom: none;} 
#komentar ul li:hover {background: #CCFFFF; 
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;} 
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;} 
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x;} 
#komentar ul li div.ismen {color:#333;text-shadow:-1px -1px 1px #ccc;} 
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;} 
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);} 
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;} 
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;} 
</style>
<div id="komentar"> 
<ul> 
<script type="text/javascript"> 
//<![CDATA[ 
var jmlkomentar = 5; 
var jmlkarakter = 60; 
//]]></script> 
<script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script> 
<script src="http://www.bannerekle.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script> 
</ul> 
</div> 
<small></small><br /> 
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;"> 
<small></small></div>

Okuyun >>>

Blogger da resimleri etiketleme

Blogger da resimleri etiketleme

Blogger da resimleri etiketleme.Blogger da resimleri etiketleme işlemini kısaca anlatayım.

Baştan bu işlem bizim ne işimize yarayacak onun üzerinde biraz duralım.Yazılarımıza çeşitli resimler,görseller ekleriz.Bunu elinizden geldiğince yapmaya çalışın zaten.

Görsellik bir yazıya daha güzel anlamlar katar fakat çoğumuz sadece resmi ekleyip yazımızı yazıp yayınlarız.İşte bu şekilde yayına verilmiş bir yazıda Google botları (İndexleyen böcekler) sadece yazınızın başlığı veya anahtar kelimelerinizi yani yazınıza uyguladığın SEO kısımlarını dikkate alcaktır.

Halbuki resimler madem yazımızın vazgeçilmezi neden bunu es geçeriz?

Yazınıza resimleri eklediğinizde resmin üzerine bir kez tıklayınız.Karşınıza resimde görüldüğü gibi bir ayar bandı çıkacaktır.

Burada bakın başlık ekle kısmı var buraya yazınızın başlığını veya resimle ilgili bir başlık atabilirsiniz.Burayı boş bırakmayın derim.

Daha sonra hemen sağ tarafta Özellikler kısmı var buraya tıklayın
burada da karşınıza alt resimdeki gibi bir kısım çıkacaktır.

Birinci kısımda Google arama yaptığında resminizi etiketlediğiniz için sizin yazınızdaki resmi tanıyacaktır.İkinci kısma da yedek bir etiketleme kelimesi giriniz.Bu da alternatif olacaktır resminiz için.

Bu basit işlem resimlerinizin trafiğini arttıracak ve düzenlenmiş bir resim olacaktır.Bu yazınızın SEO durumunda da önemli bir çalışmadır.Kolay Gelsin...

Okuyun >>>

Blogger bloğunuza yazı yazmak

Blogger Yeni Sayfaya Yeni Yazı Ekleme

Blogger bloğunuza yazı yazmak.Bir blogger kullanıcısıysanız zaten yazı eklemeyi biliyorsunuzdur.Bu yazımı yeni bloggerla tanışıp bir blog sayfası kuran arkadaşlara yardımcı olmak amacıyla yayınlıyorum.

Bloggerdan giriş yaptıktan sonra Yeni yayın butonunu tıklıyoruz ve yazımıza başlıyoruz.

RESİMLERİ YERLEŞTİRMEK

* Açılan sayfamız resimde görüldüğü gibi yazımızın başlığını attıktan sonra konumuzla ilgili resimler seçerek yazımızın uygun yerlerine yerleştireceğiz.Ben genellikle resimleri sola yerleştiriyorum.

* Bunun için sayfanın üst kısmında bulunan Resim ekle kısmını kullanıyoruz. Seçmiş olduğunuz resmi açılan sayfada Yükle butonuna tıklayarak seçimi yaptıktan sonra sayfamıza yapıştırıyoruz.

* Resimleri sağa - ortaya - sola yerleştirmek için resmin üzerine tıklayarak çıkan panelden seçiminizi yapabilirsiniz.

* Yazınızın başlığını mutlaka yazının içinde de kullanmaya özen gösterin bu Google'nin en sevdiği şeylerden biridir.İndexleme olayında size faydası olacaktır.

* Yazınızın içeriğiyle ilgili anahtar kelimelerinizi saptayınız ve bunları yazınızın içinde geçmesini sağlayınız.

* Yazınızın sonunda etiketler diye başlık atarak anahtar kelimelerinizi arasında virgülle ayırarak yazınız.

* Yazınız bitti.Sayfanın üst kısmında sağ taraftaki Önizleme butonuna tıklayarak yazınızın yayında nasıl görüneceğini kontrol edebilirsiniz.Daha sonra Yayınla butonuna tıklayarak yazınızı yayınlayın.Kolay gelsin...

Okuyun >>>

Blogger özel şablon slayt ayarları

Özel şablonlarda slayt resimlerini değiştirme

Blogger özel şablon slayt ayarları.Blogger blogspot kullanıyorsanız çoğu zaman bu sitelere özel şablonlar ekleriz.İşte bu özel şablonlarda bulunan slaytlar,kendi kayıtlı olan resimleri gösterirler.Böyle olunca slaytta ekli olan resimler bizim sitemizin içeriğini yansıtmadığı için değiştirilmesi gerekir.

Bu yazımda slaytta bulunan resimler nasıl değiştirilir? Onu anlatacağım.Örnek olarak bir kardeşimizin sitesindeki slayttan yola çıkarak anlatımı gerçekleştireceğim.Hem o bunları değiştirsin hem de böyle sorunu olan arkadaşlar faydalansın.

 Slaytımız bu.Bu slaytta 3 adet resim bulunmakta ve bu resimlerin boyutu 940x400 ebatında.Sizde bu resimleri değiştireceğiniz zaman bu ebatta resimler seçmelisiniz.Bu nokta önemli küçük bir resim seçerseniz.Slaytta yarım gözükür.Önce resimlerinizi hazırlayın.Bu ebatta ki resimleri Google görsellerde veya Yandex görsellerde bulabilirsiniz.Şimdi gelelim nasıl yapılacağına bunları sıralayarak anlatayım.

Öncelikle koyacağınız resimleri bulun ve bunların resim urlesini kopyalayıp bir kenara kaydedin.
Resim urlesini alma: koyacağınız resmin üzerine mouse getirin ve sağ tıklayarak Resim Url'sini kopyala tıklayınız.

1. Yukarıda ki resimden sırayla gidelim.Önce Şablon yazısına tıklayın.
2. Açılan sayfada görüldüğü gibi HTML'yi Düzenle butonu var tıklayın.
3. Burada arama kutusu açacağız.Bunun için klavyede bulunan CTRL tuşuna basılı tutarak F'ye basın.
4. Slayttaki resmin urlsini kopyalayayıp bu arama kutusuna yapıştırın ve Enter yapın.
5. Slayt resminin urlsini bulacaktır.
6. Bulduğunuz resmin urlsini yazımın başında söylediğim gibi kendi resminizin urlsini yapıştırıp sayfanın üstünde bulunan Şablonu Kaydet butonuna tıklayın.

İşlem bu kadar bu örnek slaytta 3 adet resim vardı.Üçünü değiştirmek için aynı işlemi yapacaksınız.

Bu örnek aldığımız slaytın resim kodları sitenin ana css kodlarının içinde, aşağıdaki resimde gibidir.Sadece turuncu renkle işaretlediğim kısımları değiştirilecek.Resim urlsinin altında görüldüğü gibi ( Enter Slide 1 Title Here) resim yazısı var.Burayı silerek, kendi resim açıklamanızı yazacaksınız.Kolay Gelsin.

Benzer Yazılar: Blogger Dersleri

Okuyun >>>

Sosyal takip butonu kodu

Sosyal takip butonu kodu.Sitene Sosyal takip butonu kodu ekle.Sitenize ekleyebileceğiniz güzel bir sosyal takip butonu kodu.Kodu eklemek için sitemizin gadget kısımlarını kullanıyoruz. Yerleşim-Gadget Ekle-HTML/Javascript-Kaydet diyerek işlemi bitiriyoruz. Kodun içindeki kırmızı yazılı yerlere kendi sosyal takip linklerinizi ekleyiniz.

<!-- blogkodu.blogspot.com  -->
<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/BURAYA LİNK></a></li>
<li><a class="gp" href="https://plus.google.com/BURAYA LİNK"></a></li>
<li><a class="pi" href=http://pinterest.com/BURAYA LİNK rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/BURAYA LİNKrel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/BURAYA LİNK></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/BURAYA LİNK rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>
<!-- blogkodu.blogspot.com  -->

Okuyun >>>

Blogger Tema Adresleri

Bu yazımda blogger tema adreslerini paylaşmak istedim.Bildiğiniz gibi Blogger şablonları biraz basit kalmakta.Bunun için zamanla sitemizde ki şablonları değiştirmek istemekteyiz.

Blogger'a uygun bir çok özel şablon bulunmakta. Blogger tema (şablon)  adreslerini aşağıda sıraladım. Bu sitelerde yüzlerce şablon bulunmakta.Kullanımı da oldukça basit bu şablonların.Nasıl yükleme yapacağını bilmeyenler buradan nasıl yükleme yapılacağına bakabilirler.Menü kısımlarını kendi isteğinize göre düzenlemek için bu yazımı okuyabilirsiniz.

Blogger Tema Adresleri:

www.premiumbtemplates.com
www.newbloggerthemes.com
www.kaizentemplate.com
www.freewebsitetemplates.com
www.bloggertemplatestore.com
www.templateure.com
www.spbk.org
www.mastemplate.com
www.mybloggerthemes.com
www.templateism.com
www.evaneckard.com/wp-themes
www.btemplates.com
www.dhetemplate.com
www.10bloggertemplates.com
www.blogger-templates.org

Okuyun >>>

Slayt kodu

Sitene slayt kodu ekle

<!-- blogkodu.blogspot.com -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity:"toggle"}}).tabs("rotate",5000,true);});
</script>
<style type="text/css">
#featured{
width:400px;
padding-right:250px;
position:relative;
height:250px;
background:#fff;
border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
overflow:hidden;
}
#featured .ui-tabs-hide{
display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOYcPERM2m8tqvTaFPZrtmErLHm_nzeaFQ6z13motWd8-qfocsfZmEXiFQOF-ZkzykDEqnYrl_sG6nORa5o08DM2pZCBIAu06IfS5_YnwrcvWUpL9SFmJ9MiNtkv3xFA0-GbltrtAW6sky/s1600/selected-item.gif')
 top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px; width: 400px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7rJ8iaPXhw1QWwt-WA9VUBKvbbA9FuhooblO60XV6rlDQB_6L001JchD-MPlVVCe7M2FMGZsX4pi6CXP7J_6RakttVKcpAKyGy15rJkUUk_DyagOhEU2hAm-1K-fkJnpGB7cvJ5Ux65S/s1600/117s1g9.jpg') ;
}
#featured .info h2{
font-size:14px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
</style>
<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item" id="nav-fragment-1"><a
href="#fragment-1"><img alt="featured 1"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikvcym5QpmG5w6TN3B7zvZX5iazGqhtlia6hQJR8gNeAFmc8TOIG_xQJcu_2wPREqw3Li8DhfRZes1iolJSV1Z_Y_R8IR2S_PgT0BGtvhXnR1Fehma1yUTaRvFOfJhzVVOunzpNwZWTt88/s1600/1.png"/><span>TITLE
 1</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a
href="#fragment-2"><img alt="featured 2"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKXmE9jyVOfz8UCYaIJsdPbti1Yi2iy5wQ_u4kJ_SKEHO5Sqnuo8XhwEpHxGfjsYWIbAGNmiJwaWUwjftDS4EVivlitEWXN4l9WSWXsaI0PaHCLBofXOHN3yQeUqs1WrgvsGBusnSSqSzl/s1600/2.png"/><span>TITLE
 2</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a
href="#fragment-3"><img alt="featured 3"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbyw9pMhwQiWcGOHl2h0nVaxdy4EvjFSYgAL8Lh26m38ySVYKYgoAhM2Zhw3rhsIOstj5MFdftWnUDJfA1lvllV_JR2t-PqUrdz5nAo1SMFQ0OK4u8PGH3a8hUh_MwPcjBuBuKOlBtWHk/s1600/3.png"/><span>TITLE
 3</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a
href="#fragment-4"><img alt="featured 4"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1hxhZ2HrVXKzifJW6yH43eN5ROSnAUNjc7BL9TE0YSWVgAjuAH4pc9q6AyuCjL4m9eY9w2n1fUvF-0JxZ4MJAYwkp4baGOWxhcWuEAXK8GUel-NlOEQprivtPR6j4tFs0qmAs2Y-CP4F/s1600/4.png"/><span>TITLE
 4</span></a></li>
</ul>
<!-- SLAYT BAŞLANGICI RESİM EKLE -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh47dahAP01NzHJQ8pbJiEQ87Aw4ccZ417iQ30P0VPpX1GwmRGzzmQ6nG38iCt7QeQFbpEv4RBqZYFmQ_c4bAu2y7FFPeTelJH1ECiIR6MZugeNPxV-NeLDqBUpdmaf9p4n_42iFNr-55Yo/s1600/blogkodu1.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 1</a></h2>
<p>RESİM AÇIKLAMA EKLE</p>
</div>
</div>
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJWyezPS8jT9dTpT92Yb7G6RG1AKpa3W-Or6mea34GWNSnP9-cKgO68tVSLLGsq6V16XuwDowICtdCrGTNQm4GAWcRA65BMx-AbZfxHbPvmWVEoeDtYYmWZNRl_icEfq7vHRtMTEQlaF91/s1600/blogkodu2.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 2</a></h2>
<p>RESİM AÇIKLAMA EKLE 2</p>
</div>
</div>
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPMTE3rE-6OvB_q4oQEGPvqQ3cIpwlgco3YhLrYvOVcM0jG53zPI0Z2eLXIUzQdwUz5M5c0dKe6jjs_LnisSD45hkfYBT3v9U_9NrAUD4YH9A_uRsr3GFgHqf7bK_wzsdmrkSkiBmKtMR/s1600/blogkodu3.png"/>
<div class="info">
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 3</a></h2>
<p>RESİM AÇIKLAMA EKLE 3</p>
</div>
</div>
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYtrMR-g00vLlotNVAcCSN8qmFeAxbjA2HC9z_CIggfVhdgwxPZwqXdPPczFRqgZSmaz2SEjYb5bRxVXNSP7aR4Ay_0Zbv5GuOVjzZ9Rblzt4vQpXATUY11nt0B1Itm1tma5IzqUPGUK_4/s1600/blogkodu4.png" />
<h2><a href="#" target="_blank">RESİM BAŞLIĞI EKLE 4</a></h2>
<p>RESİM AÇIKLAMA EKLE 4</p>
</div>
</div>
<div style="clear:both;"></div>
<br/>
<div></div>
<!-- blogkodu.blogspot.com -->

Okuyun >>>

Blogger Slayt kodu

Blogger Slayt kodu.Sitene Blogger slayt kodu ekle.Kodun içindeki kırmızı işaretli linki kendi sitenizin linkiyle değiştirdiğinizde çalışmaya başlar.Blogger blogspot site için yazılmış bir koddur.
Son yazdığınız yazıdan itibaren tarihleriyle göstermeye başlar.Kodu gadgetlere eklemeniz yeterlidir.Kaç adet yazı gözükmesini isterseniz ayarlayabilirsiniz.

Kodun en altındadır:
blogURL:" http://ww.siteadınız.com/"
MaxPost:8

<style type="text/css">
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#slides ul,#slides li{list-style:none;position:relative;margin:0;padding:0;}
#slides ul{height:250px;}
#slides li{width:49.9%;height:100%;position:absolute;display:none;}
#slides li:nth-child(1){left:0;top:0;}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%;}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%;}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%;}
#slides a{display:block;width:100%;height:100%;overflow:hidden;}
#slides img{display:block;width:100%;height:100%;border:0;background-color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:4px;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ZvpvaTs0s_GMpKTqA9n5I2beOn63Ob6zHgLtTBU2XxkEowp8j-hoI6s0O5dhE4fvMI7B1CxO-YczWnYbL4LG3YOj12Nm3nuYAlp58SEcdT74LLOaS_a1njPdCsStR7aMYzCFDTliRg0h/s1600/fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #282c2f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#slides h4{position:absolute;bottom:30px;font-size:18px;font-family:Arial;left:0;color:#FFF;z-index:3;line-height:20px;font-weight:400;margin:0;padding:0 10px;}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px;}
#slides .label_text{font-size:9px;color:#FFF;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute;}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;}
#buttons{text-align:center;background:#282c2f;width:10%;margin:5px auto;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative;}
#buttons a::before{content:"";width:0;height:0;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%;border-color:transparent #fff transparent transparent;border-style:solid;border-width:8px 7px;}
#buttons a#nextx::before{margin-left:-3px;border-color:transparent transparent transparent #fff;}
.footer-widget-box-last,#mef-organic-tabs .nav li.last{margin-right:0;}
#header,#main,#footer,.clearfix,#slides li:nth-child(1),#slides li:nth-child(2),#slides li:nth-child(3),#slides li:nth-child(4){display:block;}
#crosscol-wrapper,#PopularPosts1 h2,#BlogArchive1 h2,#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none;}
@media only screen and max-width600px {
#slides ul{height:600px;}
#slides li:nth-child(1){width:100%;height:49.8%;}
#slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%;}
#slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%;}
#slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%;}
}
</style>
<div id="featuredpost"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"#featuredpost",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIxiToHC_qEfsNnOkEDo-emt2Nompv29yTmQ9eGKW9RDx9Lb_uDiaw3xCqdZ742Om4B_Qe__mXx3UavPZHRBDY1yxp6aolsMcYngxnU4VlkQM0lwoYm91IuK4pnr6lkLfTPcm9IGd_f-7/s1600/grey.gif",MonthNames:["Ocak","&#350;ubat","Mart","Nisan","May&#305;s","Haziran","Temmuz","A&#287;ustos","Eyl&#252;l","Ekim","Kas&#305;m","Aral&#305;k"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx">prev</a><a href="#" id="nextx">next</a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'" alt="'+k+'" width="'+h.ImageSize+'px" height="'+h.ImageSize+'px"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click()}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:" http://24bti.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false});});
//]]>
</script>

Okuyun >>>

Sayfa yenileme kodu

Sayfa yenileme kodu.Sayfa yenileme kodu ekle.Sitene Sayfa yenileme kodu.

Kodu <head> </head> arasına ekleyiniz.Aşağıda iki farklı kod bulunmakta birini deneyiniz.


 Kodun içindeki 30000 değeri 30 saniyeyi ifade eder.Değiştirebilirsiniz.

<!-- www.yazaroyunu.net -->
<script language="JavaScript">
function waitfor()
{
window.location.reload();
}
setTimeout("waitfor()",30000);
</script>
<!-- www.yazaroyunu.net -->

Okuyun >>>

Blogger arka planı değiştirme

Özel Şablonlarda Arka Planı Değiştirme

Blogger arka planı değiştirme.Özel şablonlarda arka planı değiştirme.Blogger'ın kendi standart şablonlarında arka planı değiştirmek kolaydır. 

Ayarlar sayfasından Şablon - Özelleştir - Arka plan yolunu takip ederek arka planı ve rengini değiştirebilirsiniz.Blogger için yazılmış yüzlerce özel şablon vardır.Bunları sitenize uyguladığınızda belki arka planını kendinize göre özelleştirip değiştirmek istersiniz.Bu yazımda bunu açıklamaya çalışacağım.

Özel şablonlarda blogger arka planı değiştirmek için yapmamız gerekenleri sıralayalım.

• İlk önce bir arka plan resmi seçin ve urlesini bir kenara kaydedin.
• Daha sonra eklediğiniz özel şablonun, üste 1 nolu resimdeki gibi mouse arka plan resminin üzerine getirerek sağ tıklayın.Karşınıza resimdeki ekran çıkacak.
• Burada görülen Öğeyi denetle kısmını tıklayın.
• Karşınıza ikinci resimdeki sayfa açılacaktır.
• Burada gördüğünüz mavi renkli kodlar özel şablonun arka plan urlsidir.İşte bu urlyi kendi resminizin urlesiyle değiştireceksiniz.
• Bu mavi renkli urlyi kopyalayın.
• Ayarlar - Şablon - HTML'yi düzenle  yolunu takip ederek sitemizin css kodlarının olduğu sayfaya giriyoruz.
• Burada CTRL+F yaparak çıkan arama çubuğuna kopyaladığınız arka plan urlsini yapıştırıp aratıyorsunuz.
• Bulduğu url ile yazımın başında dediğim, kendi seçmiş olduğunuz arka plan resminin urlsiyle değiştirip Kaydet diyerek işlemi bitiriyoruz.

Okuyun >>>

Sitene sayfa ve yorum sayacı

Sitene sayfa ve yorum sayacı.Sitene sayfa ve yorum sayacı kodu.Sitene sayfa ve yorum sayacı ekle.Sitenizdeki sayfa sayısını ve yorum sayısını gösteren bir blogger eklentisidir.Kodun içindeki site linkini kendi linkinizle değiştirin.Her yeni sayfa eklediğinizde ve yapılan yorum adedini ziyaretçilerinize göstereck bir kod.

<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://seokod.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://seokod.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

Okuyun >>>

Resimli rastgele yazı kodu

Seokod

Resimli rastgele yazı kodu.Sitene resimli rastgele yazı kodu ekle.Her sayfa değiştiğinde yenilenen yazılar kodu.Eklemesi kolay bu iş için gadget kısmını kullanıyoruz.

Kodun içinde kırmızı ile işaretlediğim resim linki yandaki resimde görülen RS yazan resimdir.Resim olmadan yayınladığınız bir sayfanız bu şekilde gözükür siz kendi logonuzun linkini ekleyebilirsiniz.

Yerleşim - Gadget Ekle - HTML/Javascript - Kaydet yolunu izleyerek kodu sitenizin istediğiniz bir gadgetine ekliyorsunuz.

Okuyun >>>

Seo uyumlu makale

Seo uyumlu makale nedir?

Site kurumu 3.bölüm

Seo uyumlu makale nasıl yazacağız? Sitemizi kurduk,meta taglarımızı da oluşturduk ve sitemize yerleştirdik.Artık yazılarımızı yazmaya başlayabiliriz.

Her şey tam anlamıyla yaptık diğer benzer sitelerle yarışmaya hazır hale geldi.Yazacağınız yazıları da seo uyumlu bir şekilde yazarsanız Google aramalarında üst sıralarda çıkabilirsiniz.Seo uyumlu makale yazımı için yapılması gerekenlere  buradan bakabilirsiniz.

Seo uyumlu makalenizi yazıp bitirdikten sonra yazılarınızı sosyal paylaşım ortamlarında da paylaşınız.Google sürekli kendini yenilemekte olan bir arama motoru bunun için seo yapmakta yeri geldiğinde yeterli olmayabilir.Doğal backlink almanın en güzel ve kolay yollarından biride sosyal ağları kullanmaktır.

Yazdığınız yazıyı bitirdikten sonra yapılması gerekenler

• Yazınızı bitirdiniz,biten bir yazıyı önce kendiniz okuyunuz.
• Eksiklerinizi görüp tamamlayınız.
• İmla hataları varsa düzeltiniz
• Anahtar kelimelerinizi bulup etiketleyiniz
• Site içi bağlantılarınızı yapınız
• Facebook,Twitter ve başka sosyal ağ hesaplarınız varsa yazıyı paylaşın
• En önemlisi Google  plus gücünü kullanın derim.Burada yazınızın linkini yayınlayın rakiplerinize fark atın.

Yazıyla ilgili bağlantılar

Seo Nedir?

Seo Nasıl Yapılır?

Etiketler: Seo,nasıl yapılır,uyumlu makale,makale yazımı

Okuyun >>>

Meta Tag Oluştur

Site nasıl kurulur?İnternet sitesi nasıl kurulur?

Site kurumu 2.bölüm

Birinci bölümde sitemizi kurduk.Şimdi sitemizi biraz güçlendireceğiz.Sitemize daha bir şey yazmadan diğer yapılması gerekenlere bir göz atalım.Şu an sitemizi kurduk ve işin arka planını mutfağını bir düzenleyelim.

Siteniz ne üzerine ise onunla ilgili anahtar kelimeler toplamanız gerek.Biz burada diyelim ki bir yemek sitesi kurduk bu örnek üzerinden gidelim.Bulacağımız anahtar kelimelerde yemekle ilgili olmalı tabi.Peki ne işimize yarayacak bu anahtar kelimeler? Bu anahtar kelimelerle bir meta tag oluşturacağız.

Meta Tag Nedir?

Meta tag kısaca arama motorlarının sitemizi bulmalarını sağlayan anahtar kelimelerdir.Sitemiz yemek üzerine dedik ve bizim anahtar kelimeleri toplamı yemekle ilgili olmalı ki arama motorlarında gezinen insanlar yemek kelimesi girdiklerinde arama sonuçlarında sizinde siteniz gözükebilsin.

Meta taglar bloğumuzun css kodlarının içine <head> ile </head> kodları arasına kaydedilir.Bizde baştan meta tag oluşturacağız ve bu topladığımız yemek ile ilgili anahtar kelimeleri meta taga yerleştireceğiz.Alttaki resimde bir meta tag oluşturucu görmektesiniz.Arama motorlarında meta tag oluşturucu diye arattığınızda karşınıza bu şekilde sitelerin vermiş oldukları meta tag oluşturucular çıkacaktır ücretsiz ve kolayca kullanabilirsiniz.

Şimdi örnek olarak bir meta tag oluşturalım ve kurduğumuz sitemize bunu yerleştirelim.Yemek sitesi örneğinden gidiyoruz ve ilk önce resimde gördüğünüz gibi sitemizin ismini yazmamız gerekiyor.Site ismimiz Bekar mutfak olsun buna göre meta tagımız aşağıdaki gibi kodlardan oluşacak.

<title>Bekar Mutfak</title>
<META NAME="keywords" CONTENT="yemek,yemek tarifleri,zeytinyalı yemekler,resimli yemek tarifleri,ev yemekleri"/>
<META NAME="description" CONTENT="En nefis ev yemekleri sitesi!"/>
<META HTTP-EQUIV="Content-Language" CONTENT="TR"/>
<META NAME="author" CONTENT="Bekar Mutfak"/>
<META NAME="distribution" CONTENT="Global"/>
<META NAME="copyright" CONTENT="Bekar Mutfak"/> 

Bu meta tagı biraz anlatayım bilmeyenler için.

1. İlk sırada sitenizin ismini yazıyorsunuz gördüğünüz gibi Bekar Mutfak yazdık site ismi olarak.
2. Yemek sitemizin anahtar kelimelerini sıraladık.Burada dikkat etmeniz gereken husus bu kelimeler sitenizin içeriğiyle aynı olmalı yani ne konuda yazıyorsanız o kelimeler yoğunlukta olmalı ve aralarını virgülle ayırarak 25 kelimeyi geçmeyiniz.Ben burada örnek olsun diye az kelime yazdım.Bazı abartanlar var yazıyorlar da yazıyorlar siz yapmayın.
3. Description kısmı bu sitenizin sloganıdır.Yani sitenizi en iyi anlatan cümle.Ben burada "En nefis ev yemekleri sitesi!" gibi yazdım.Sizde böyle kısa ve anlamlı sitenizi tanıtan cümleler oluşturun.
4. Diğer kısımları da örnekteki gibi doldurun.İsterseniz bu örneği kendi kelimelerinizle değiştirerek kullanabilirsiniz.Size kolaylık olsun diye değiştireceğiniz kısımları kırmızı ile belirttim.

Meta tagımızı oluşturduk şimdi bunu sitemize ekleyelim.Yine sıradan gidelim.

• Blogger'a giriş yaptıktan sonra Şablon butonuna tıklıyoruz açılan sayfada HTML'yi Düzenle butonunu göreceksiniz onu tıklayarak sitemizin kodlarının olduğu sayfaya giriş yapıyoruz.
• Kodların en başında <head> kodunun hemen altına oluşturduğumuz meta tagı yapıştırıyoruz ve kaydet diyerek işlemi bitiriyoruz.

Eğer açılan sayfada kodu bulamazsanız CTRL+F yaparak çıkan arama kutusuna <head> kodunu yazarak enterlayın kod karşınıza çıkacaktır.İşlemimiz bu kadar, bir nebzede olsa arama motorlarına burada bende varım dediniz. 

Artık yazılarınızı yazmaya başlayabilirsiniz.Yazımıza üçüncü sayfayla devam edeceğiz...

Site kurumu 1.bölüm

Etiketler: Site kurma,meta tag,anahtar kelime,meta tag oluşturucu

Okuyun >>>

Site nasıl kurulur?

İnternet sitesi nasıl kurulur?

Site kurumu 1.bölüm

Başlığı görünce ne var onda diyenleriniz vardır belki.Site nasıl kurulur? Bilmekle yapmak çok farklı şeyler.Onun için biraz uzun bir yazı olacağından 1.bölüm olarak adlandırdım.İnternet sitesi nasıl kurulur? Gelin bugün yapalım.

Blogger blogspot'tan kuracağız sitemizi.Sebebi Blogger'ın gücünü de arkamıza alarak Google gibi arama motorlarında farkındalık yaratmak.Bilindiği üzere Blogger blogspot Google'nin kendi hazır site kurma portföyü.

Böyle olunca da blogspottan kurulan bir siteye eklentiler,şablonlar,Google Analytics hizmeti,Web araçlarını kullanma imkanı ücretsiz hizmetinize veriliyor. Daha ne olsun?İşte demek istediğim bu yani site linki alarak yayın yapmaya başlamak değil anlatmak istediğim.Tüm bunları da içine alacak şekilde bir internet sitesi kurumu yapmak.Evet  gelin bunları sırasıyla yapalım.

1. Google'de oturum açmak için bir Gmail adresi alın.
2. Blogger blogspot'a giriş yaparak urlmizi ve sitemizin ismini oluşturun.(Aslında site ismiyle oluşturacağınız url aynı olmasında fayda var)
3. Blogspot'un şablonlarından bir tane seçin ve kaydet deyin. 

Evet bu kadar basit artık yayına başlayabilirsiniz.Blogspottan bir internet sitesi kurdunuz kendinize.İşte benim anlatacaklarım bundan sonra başlıyor.

İlk başlarda bende böyle yapıp kendi yazılarımı yayınlamaya başladım.Zaman içinde gördüm ki yazı yazarak yayınlamakla bu işler olmuyormuş.Yani sadece kendiniz yazıyorsunuz kendiniz okuyorsunuz gibi bir şey oluyor.

Demek istediğim sizinle aynı kategoride yazılar yazan ama Seo'nun bütün gerekenlerini yapmış bir siteyle yarışmanız biraz zor.Peki SEO nedir? Buradan bunun ne olduğunu okuyun derim.İkinci bölümde devam ediyoruz...

Site kurumu 2.bölüm

Etiketler: Site,site nasıl kurulur?,blogspot site,ücretsiz site,internet sitesi,nasıl kurulur?

Okuyun >>>

Sitene sosyal paylaşım butonu ekle

<a href='http://twitter.com/' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdNRFxUr9presopeZbCf0eq3wakgmSyU6wdC6HbzDaJ9N1ppycPHT18kRvNRz-1S5okN16OAIdCpTep1XvItn-bYwY6joS37o02bT3BC5BPUyDB2FOQ9UxQkR9kMUfL9lBgEPEzNzLc3A/s1600/twitter.png" title='twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBeg2XXkqiuj-PK1FbJLf_miQAhxnsuzT9WYBLUIAwl9uLJMWsUfz6X6P8In5u-W3JVI3aJeykrcDudxqO6OIhvbuT-ruBD-1oUxSdzlrLKhsHmkZL0KtJZQe4ewJpPfSGDRCGBpRKTeI/s1600/facebook.png" title='facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='google plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkAzVuik8wObNTFTQ-KlU0ptvm1Y4IJozA26Dgl2YwT3_rXaOw6Zszm_Nstp-vHSOlXvDRRu_fDpdZNSV6kBJEUV-rPTScw0MFe1jJiHQsmlFFddihS8oGUzy-oQW3vvNn_gENcI6QGM/s1600/gplus.png" title='google plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='linkedin' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uUB0rf9AZHu3xP2pPnmDZ-0U2-P1pxRQaDEbEM_K-VhVhcf5P1EtzqQbUPiuVWjVtJO7AdOsKA-fl_YU5cZqTy_8M19iK3j8Z_2-OXmkEcGuJuROov2Y8PmXY-_nkOTjpvu92NtaoRE/s1600/linkedin.png" title='linkedin'/></a><a href='http://feedburner.com' target='_blank'><img alt='rss feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh80UeQ3lBGS92vCXkSRLoOgyNVkAcAEwElWqR3U797TqqJ59islccwYKHcyfHEOsLtygCU5ZR-wlUHqUbEVmNcG3og_85UQkelerTyja0dTNIaEEmC4KBX3hRoCLjuy5p5StdnMgjDC84/s1600/rss.png" title='rss feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='email' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVxOAWx__dFcc1oZDLd2hyphenhyphenCA0yi2aGrPg5nh8YkZXzJom7LxqhFpy1aG03UegBmGkA3NCYcuy0oCMvCynke7SWNinTTdmrrYnMgJGEfaSutzWWf2vslCCSV5mG8mrfG6a6SjXojvZ4WM/s1600/email.png" title='email'/></a>

Okuyun >>>

sağ tuş engelleme kodu

<script language=javascript>document.oncontextmenu = function(){return false} if(document.layers) { window.captureEvents(Event.MOUSEDOWN); window.onmousedown = function(e) { if(e.target==document)return false; } } else { document.onmousedown = function(){return false} } </script>

Okuyun >>>