www.bloggeryardim.blogspot.com

Latest Posts

Blogger yazı içerisine tek tek reklam eklemekten sıkıldınız mı? Sıkı durun bu işi otomatik yapacak kodları sizlere sunuyoruz, sizin yapmanız gereken sadece yazılarınızı yayınlamak ve bir defaya mahsus eklediğiniz reklam kodlarının, yazı içerisinde kendiliğinden çıktığını görmek, aslında bu wordpress ve diğer scriptlerde aşılmış ve çok kullanılan bir yöntem olmasına rağmen bloggerde bu durum böyle değildi, ya yazının en başına yada en sonuna eklenen reklamlar, yada yazı içerisine manuel tek tek eklenen kodlar ile blogger yazı içi reklam görüntülemesi yapılıyordu, şimdi vereceğimiz kodlar ile blogger ilk paragraftan sonra adsense reklam yerleşimini sağlamış olacağız.

Blogger İlk Paragraftan sonra Adsense Reklam Yerleştirme işini blogumuza adım adım uygulayalım;

1-Blogger Hesabınızla giriş yapın.
2-Şablon>HTML'yi Düzenle yolunu takip edip,HTML kodları içerisinde ctrl+F yardımı ile <data:post.body/> kodunu aratıp bulun ve bu kodu aşağıda kırmızı renkle gördüğümüz kısımları ekleyin.
<div id='adsense-target'><data:post.body/></div>
3-Yazı içerisinde görüntülemek istediğiniz reklam kodunu kopyalayın ve aşağıdaki kutu içerisine yapıştırıp convert edin.

Blogger Adsense Kod Converter

Convert edilmiş şekildeki adsense kodunuzu kopyalayın ve aşağıdaki kodda ADSENSE KODU BURAYA yazan yere yapıştırın.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE KODU BURAYA</div></b:if>

son olarak kodlarımzın görüntüsü aşağıda resimde gördüğünüz şekilde olacak.(Resmi büyütmek için üzerine tıklayın

4-Blogger yazı içerisindeki adsene reklamını sağa yada sola hizalamak için;

Yukarıda uyguladığımız üç madde neticesinde adsense reklamı blogger yazı içerisindeki ilk satırdan sonra ortalı olarak görünür.Eğer blogger yazı içierisine reklam yerleşiminde reklam sağa yada sola yaslı olsun ve etrafı devam eden yazı metni ile çevrelensin istiyorsanız bu yazının devamını okumaya devam edin.
a- Reklamı sola yaslamak için, 3. adımda verdiğimiz <div id = 'adsense-content' style = "display: block; text-align: center"> kodunun yerine <div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px"> kodunu kullanın.Bu uygulama sonrasında reklamınız aşağıdaki gibi görünecektir.

b- Eğer reklamın sağ tarafa yaslanmış şekilde görünmesini istiyorsanız 3. adımda verdiğimiz <div id = 'adsense-content' style = "display: block; text-align: center"> kodu yerine <div id='adsense-content' style="display:inline-block;float:right;margin:15px 0px 15px 15px"> kodunu kullanın.

4-Son olarak yukarıda eklediğimiz <div id='adsense-target'><data:post.body/></div> kodunun hemen altına aşağıdaki script kodunu yapıştırıyoruz.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

-Yukarıda kırmızı renkle verdiğimiz adscont,linebreak[0] kodunda sıfır [0] değerini değiştirip 1,2,3 gibi sayılardan birini yazarsanız reklam; 1.paragraftan sonra,2.paragraftan sonra yada 3. paragraftan sonra buraya yazdığınız rakama göre görünecektir.

5-Son olarak şablonunuzu kaydedin ve çıkın.Artık başarılı bir şekilde Blogger İlk Paragraftan sonra Adsense Reklam Yerleşimini yapmış olmanız gerekiyor.Takıldığınız yer olursa yorumlara yazı elimden geldiğince cevaplamaya çalışışırım.Bol kazançlar...

ßlogger için dönen sosyal medya kutucuklarını paylaşacağım. Kutucuklar rss, facebook, e-mail rss, twitter, google plus ve pinterest olarak eklenmiştir.

Kurulum ise çok basit. Aşağıdaki kodu Yerleşim > gadget ekle > Html javascript ekle bölümüne tıklayarak ekliyoruz.

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>
<center>
 <div id="social">
 <!--Start Rss Icon-->
 <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7sZ5Gps93hUhpEAshY7-AMvi5EIbZogb_m0tGPKWbOpXiKVAZ8LwrycXqwlO5Tzysvem3fZhCzsrb6iHhPL9w5zygaaKJhVz4h8BDoM_jMeJroY6RnBEl7BqKFp8jTVu1i0Gf-Wpn9EH/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6MfDNS0nqRf5eWUmqPc3NeTyD9dAGIETnllv8A8j8ZNNCJIi6fbRg9n-e0XKh_p_I1Hju3mIB53zIuaatiUEwXTQsjzshyphenhyphenYgwI-CTWHPlYObgFa25eFPOHkhoW7bFxuAO4wB3ms18SIuP/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFA7Dti-IQSs9WKph2v7_Jiqll2yfJWfLya41SP9Dr_iN_UIb1y4Ek-iFea2p9paWR_UniyfR0IFzifpiSbzvn1CdtmTSu_ihyphenhyphenmEOOKtQZ-7b3Gl7Oh1ahbZCeCxHQoWFsmiYiZ6_IR6aw/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_fH8UrmiJzEh9qa4g19Il-ggjSip74CUmJN0mAQgJ1ikYiia2cKHQmJBzb1pn_B_uT6cZkS1lzZhEfYL9mXdmuoDxhEnUwuCPVv4jgCxEwnXhyphenhyphensUkFIUXisSYOtTj_FXtXZAjdiumIuWG/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9Xtf4c_nXWUms_3RfVpTFt9xUHSbd4i3ljxoeDErJyKdlX-4qOfTIgSs4dnWuTINY12XfFW5XedFxeMrXz5X1dGX8l9wR6-_uOyGquoc_UhRbZYF7eXtzSUafHeBQo1k_B45L-VzmpLz/s1600/GOOGLE-PLUS-48x48.png"/></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgkldOV7UdFYcQ6jBLsTqR37lSzgzUYXpoceG3MfxZVVWz-290wq7farrsJ8op3C-VSAygwi0hHLfZ5M0Cvz9-eIdZHivWxt-RdyzVv_EMTLns_130wS8Hhf24dOPwf6bI_CxE4H57caA/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>

ßlogger'da istenmeyen sitelerden nasıl hit almayabileceğimizi göstereceğim. Bildiğiniz üzere siteye gelen hitlere manuel olarak müdahele edemiyoruz ve bu zaman sitenin sağlığını zarara uğratabiliyor.

Bu hitler bize kimi zaman adult sitelerden, kimi zaman kötü amaçlı reklam sitelerden gelebilir. Anlatacağım bu yöntem ile siteye gelen kötü amaçlı hitleri istediğimiz bir siteye yönlendirebileceğiz.

Kodlarda bulunan url1 ve url2 deki yerleri hit gelmesini istemediğimiz domain adreslerini gireceğiz. Aşağıdaki kodda gelen ziyaretçiler direk olarak google'a yönlenecek şekilde ayarlanmıştır. Dilerseniz değiştirebilirsiniz.

Aşağıdaki kodları yerleşim>html/javascript ekle bölümümden ekleyerek işlemi tamamlayabilirsiniz.

<script type='text/javascript'>
var block = ['url1', 'url2'];
for (var b = block.length; b--;) {
    if (document.referrer.match(block[b]))
        window.location = "http://google.com/";
}
</script>

Tarih kodu

Basit bir şekilde eklenti (widget) olarak Blogger bloglarınıza veya Wordpress sitelerinize ekleyebileceğiniz tarih kodu.

Bloglarınızda veya web sitelerinizde kullanmak isteyebileceğiniz basit bir eklentiden bahsettim bugün, tarih kodu. Sitelerinizin güncel görünmesini sağlayacak bu eklentinin görünümü aşağıdaki gibi.

Tarih eklentisi

Bu eklentiyi sidebar kısmına ya da header (başlık) kısmının yanına ekleyerek ziyaretçilerinize güncel bir site hissi verebilirsiniz.

Blogger bloglarınıza tarih eklentisini eklemek için:

1. Öncelikle Blogger kullanıcı panelinde sol tarafta yer alan "Yerleşim" sekmesine tıklayın.

2. Ardından açılan yerleşim sayfasında dilediğiniz alan için "Gadget Ekle" seçeneğini tıklayın. Daha sonra açılan küçük pencerede HTML/JavaScript seçeneğini seçerek aşağıdaki kodları ekleyin.

<script language="JavaScript">

</script>

3. Daha sonra eklentiyi kaydedin ve bogunuzu kontrol edin.

Wordpress ve diğer içerik yönetim sistemlerinde de yukarıda yer alan kodları eklenti, plugin olarak eklemeniz gerekir.

Düzenleme için gerekli kısımları, kırmızı renkle belirginleştirdim. Takıldığınız yerler olursa yorum yaparak bana bildirebilirsiniz.

ÖNERİ: Bu arada yukarıda kodlar arasında kırmızı renkle belirttiğim Cuma yerine "Hayırlı Cumalar" yazabilirsiniz.😉

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

Blogger tema düzenleme

Blogger (blogspot) bloglarında kullanılan temalarda yazı boyutunu, rengini, eklentilerle ilgili genişlik ayarlarını ve bunlara benzer ufak tefek değişiklikleri nasıl yaparız?

Sevgili dostlar bu yazımda Blogger sayfalarında, görünümde ufak tefek değişimleri nasıl yaparız ondan bahsettim. Hiç bir şekilde kod bilgisi gerektirmeyen bu basit yöntemle blog sayfalarınızda ufak tefek düzenlemeler yapabileceksiniz. Peki nasıl değişimler ve düzenlemelerden bahsediyorum? Örneğin istediğiniz alanın arka plan rengini, yazı boyutlarını, yazı renklerini, eklentilerin ya da sayfaların genişliklerini gibi değişimler...

Bu düzenlemeleri yapacağımız alan Google Chrome. Tabi aynı şekilde Mozilla Firefox ve diğer farklı browserlardan (internet tarayıcıları) da aynı işlemleri gerçekleştirebiliriz. Şimdi başlayalım...

Örneğin kendi kişisel blogumun ana sayfasında şöyle bir görünüm var:

Ve ben resimde de belirttiğim yayın başlığının rengini ve boyutunu değiştirmek istiyorum. Peki bunun için ne yapacağım?

Hemen aşağıdaki resimde gösterdiğim gibi fare ile yayın başlığını seçip, sağ tıklıyorum.

Ardından açılan seçeneklerden "İncele" seçeneğini seçiyorum. Bununla birlikte hemen sağ tarafta kodlar görünecektir.

Şimdi bu kısımda bazı bilgileri bilmemiz gerekir. Örneğin renkler... Kodlar arasında renkler başında # karakteri olan kodlarla belirlenir ve 6 karakterden oluşur. Mesela

#ffffff

kodu beyaz rengi ifade eder. Örneğin

#ff0000

kodu kırmızı rengi ifade eder. Tabi tüm renklerin kodunu ezberleme gibi bir şansımız yoktur. www.color-hex.com gibi sitelerden dilediğimiz rengin kodunu alabiliriz. Şimdi asıl konumuza geri dönelim. Yayın başlığımızın rengini değiştirecektik. Yayın başlığı resimlerden gördüğünüz gibi koyu gri renginde. Zaten incele seçeneği ile en son eklediğim resimde o gri rengin kodunu da gördük.

#2d3037

Şimdi bu renk kodunun yerine başka kodlar eklediğimizde, yayın başlığının nasıl göründüğünü anında görebiliyoruz.

Resimde gördüğünüz gibi kırmızı renk kodunu ekledim ve yayın başlığının nasıl göründüğünü anında görebiliyorum. Henüz hala Blogger kodlarında değişiklik yapmadım.

Kırmızı rengini beğendim diyelim. Ve bloguma bunu uygulamak istiyorum... Bloguma uygulamak için ise resimde sağ tarafta kırmızı kutu içerinde belirttiğim kodu kopyalıyorum.

h3.post-title a

Kopyaladıktan sonra Blogger kullanıcı panelinde Tema ardından HTML Düzenle seçenekleri seçerek kodların yer aldığı sayfaya ulaşıyorum. Ve bu sayfada klavyeden Ctrl F yardımıyla bu kodu aratıyorum.

Resimde gördüğünüz gibi kodumu buldum ve aynı paragrafta renk kodumu tespit ettim. Şimdi bu renk kodunun yerine dilediğim rengin kodunu ekleyebilirim.

"Ben yanlış yaparım!, Hiç anlamam zaten bu işten!" gibi karamsar düşüncelere gerek yok. Deneme yanılma yöntemi ile dilediğiniz değişikliği yapın. Eğer beğenmez ve eski haline dönmesini isterseniz eğer klavyenizden Ctrl Z yaparak tüm her şeyi eski haline döndürebilirsiniz.

Tabi aynı şekilde genişlik ve yazı boyutu düzenlemeleri de yapabilirsiniz. Yazı boyutu ve genişlikler için px değerleri görünür, örneğin:

14px

ya da genişlikler için:

width: 800px;
height: 200px;

kodları. Burada width genişliği, height uzunluğu temsil eder.

Sonlara doğru

Bu konuda bu kadardı sevgili dostlarım. Oldukça basittir. Değişiklik yapmak istediğiniz alanın üstüne gelip sağ tıklayın ve ardından incele seçeneğini seçerek kodları tespit edin. Daha sonra bu kodu Blogger kodlarınızda aratın ve dilediğiniz değişikliği yapın. Daha güvenli olması açısından temanızın yedeğini alabilirsiniz. Bu sayede yaptığınız değişiklikleri geri alma şansınız olacaktır. Konuyla ilgili sorularınız olursa yorum yaparak bana bildirebilirsiniz.

Temalar nasıl yedeklenir diye sorarsanız eğer, daha önce yazdığım

bu yazılar, size yardımcı olacaktır.

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

Blogger özel arama kutusu eklentisi

Blogger (blogspot) sayfaları için özel arama kutuları. Blogger blogları için, site içi arama kutusu eklentisi. Blogger arama kutusu widgeti...

Bu yazımda Blogger blog sayfalarına eklenen arama kutularından bahsettim... Web sitelerin çoğunluğunda site içi arama yapılabilen arama kutuları yer alır. Bu arama kutuları sayesinde site içerisinde istenilen konuların araştırması yapılır. Tabi aynı şekilde Blogger bloglarında da bu eklentiler mevcuttur.

Blog araması eklentisi

Blogger'ın hazır eklentileri arasında "Blog Araması" eklentisi yer alır. Bu eklentiyi "Yerleşim" bölümünden "Gatget Ekle" seçeneği ile kolayca blogumuza ekleyebiliriz. Maalesef bu eklentinin de görünümü bir çok bloggerın hoşuna gitmez😊

Daha önce Google Özel arama eklentisinden bahsetmiştim. Bu eklentinin görünümünü kolayca düzenlemek mümkün. O yazımda burada.

Tabi alternatif seçeneklerin olması her zaman iyidir. Örneğin dün sebepsiz yere kendi blogumda da kullandığım Google Özel arama eklentisinin düzgün çalışmadığını fark ettim. Başka blogları kontrol ettim ve sorun herkes için geçerli. Bu sorun ile birlikte hemen arama kutusu eklentisi araştırmasına girdim ve ufak bir düzenlemeyle şöyle bir arama kutusu bloguma ekledim.

Tabi bu eklentiyi de hemen sizinle paylaşmak istedim.

<style type="text/css">
#searchbox{width:300px;background:url(http://i.hizliresim.com/Ja4koo.png) no-repeat #576269}#searchbox input{outline:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input[type="text"]{background:transparent;border:0;font:14px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;color:#f2f2f2!important;padding:15px 40px 10px 20px;width:220px}#searchbox input[type="text"]:focus{color:#fff}#button-submit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLwkBXPDUXgYqVn615mbPWbGran62PvOzr1nbTe17eplinp7r2GYetpklvyG7-4-qDIZ9QK5-086IWAFVuT83QdAEb9J6ULZQ1gOctxwf0ujW8Q6SeGGtugM-oenlc11iVH6cpB-nKZnL/s1600/search-icon.png) no-repeat;margin-left:-25px;border-width:0;width:40px;height:50px;cursor:pointer}#button-submit:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9IaO66lm_XUh1EKNeRPimFbDMJc6t6qy4glPj77JVzL08uW-JUHdN-L-SGJ9EnDYLOgjrra39g0nkIi8LAdlNuMJdgJD5DxQMuwo5spP0BNuCoZy-HloJQ4IEu5FHcNHxEXjQ7z4kWmr/s1600/search-icon-hover.png)}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="Aranacak kelime..." /><input id="button-submit" type="submit" value=" "/></form>

Kendi blogunuza eklemek için ise; "Yerleşim" kısmından "Gadget Ekle" seçeneğini seçin ve ardından HTML/JavaScrpt bölümüne yukarıda yer alan kodları ekleyin. Daha sonra kaydederek blogunuzu kontrol edin. Oldukça basit yani.

Düzenleme

Ben standart bir görünüm olsun diye 300px genişliğinde ayarladım eklentiyi. Siz yukarıda kırmızı renkle belirtiğim 300px ve -25px değerlerini değiştirerek kendinize göre eklentinin genişliğini düzenleyebilirsiniz. Ayrıca kırmızı renkle belirttiğim linkteki resmi düzenleyebilir ve gri renkli arka planı da #576269 renk kodunu değiştirerek ayarlayabilirsiniz.

Konuyla ilgili sorularınız olursa yorum yaparak bana bildirebilirsiniz.

Şu an için bu eklentiyi kullanıyorum ama daha sonra Google Özel arama eklentisi düzenlendiği zaman tekrar o eklentiyi kullanacağım.

Bu yazımın ardından "Blogger için "email ile abone ol" eklentisi" başlıklı yazımı da bi' kontrol edin derim...

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

Blogger'da otomatik olarak linklere nofollow kodu ekleme

Linklere otomatik olarak nofollow kodu ekleme

Blogger (blogspot) bloglarında tüm dış bağlantılara nofollow kodu nasıl ekleriz? Otomatik olarak Blogger bloglarında tüm dış linklere rel="nofollow" kodu ekleme...

Bir önceki yazımda nofollow ve dofollow kodunun ne olduğundan ve ne işe yaradıklarından bahsetmiştim. Bir önceki yazımda belirttiğim gibi ise bu yazımda da blogumuzda ekli olan tüm dış bağlantılara, tüm linklere otomatik olarak nofollow kodunu nasıl ekleriz, bundan bahsedeceğim.

Öncelikle otomatik olarak linklere nofollow kodu eklemenin faydalarından bahsedelim

Bu kod sayesinde blogunuza eklediğiniz tüm linklere otomatik olarak nofollow kodu eklenmiş olacak. Daha önce eklediğiniz linklerde dahil buna. Bir önceki "Nofollow (rel="nofollow") kodu nedir, ne işe yarar?" başlıklı yazımı okursanız bunun ne kadar faydalı olacağını anlayacaksınız.

Şimdi gelelim bu kodu nasıl blogumuza ekleyeceğimize:

1. Öncelikle Blogger kullanıcı panelinde sol tarafta yer alan "Tema" seçeneğini, ardından da "HTML düzenle" seçeneğini seçin.

2. Kodların yer aldığı kısımda, klavyeden Ctrl F yardımıyla aşağıdaki kodu bulun.

</head>

3. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodu ekleyin.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
var a = $(this);
var href = a.attr('href');
$(document).ready(function() {
$("a[href^='http://']").each(function () {
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
$(this).attr('title', 'Click to open in a new window');
$(this).attr('rel', 'nofollow');
}
}
);
$("a[href^='https://']").each(function () {
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
$(this).attr('title', 'Click to open in a new window');
$(this).attr('rel', 'nofollow');
}
}
);
});
</script>

Ardından temanızı kaydedin ve blogunuzu kontrol edin.

Sonlara doğru

Bu kodla birlikte yorum kısmında, yazı içinde, sayfa içinde olan tüm linkler nofollow kodu ile birlikte açılır. Oldukça faydalıdır. Konuyla ilgili sorularınız olursa yorum kısmından bana bildirebilirsiniz.

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

Nofollow kodu nedir?

Nofollow kodu nedir? Nofollow kodu ne işe yarar? Nofollow, dofollow kodları nelerdir? Link çıkışlarında nofollow kodunu etkisi nedir?

Sevgili dostlar nofollow ve dofollow kodları ile ilgili 2 yazı paylaşacağım. Bugünkü yazımda nofollow ve dofollow kodlarının ne işe yaradığından ve link çıkışlarında, backlinklerde ne gibi etkileri olduğundan bahsedeceğim. Bir sonraki yazımda ise basit bir kodla bloglarımızdaki tüm link çıkışlarına otomatik olarak nasıl nofollow kodu ekleriz ondan bahsedeceğim.

Öncelikle blog yazılarımızda link eklemeyi hepimiz biliyoruz. Örneğin kişisel blog kelimesine link eklemek istersek, yukarıda yer alan bağlantı ekleme butonundan bağlantı ekleyebiliyoruz.

Nofollow (rel="nofollow") kodu

Yukarıya eklediğim resimde gördüğünüz gibi basit bir şekilde text link eklemeyi yapabiliyoruz. Aynı zamanda bu link kodu da aşağıdaki gibi.

<a href="http://blogtecrubem.blogspot.com/">Kişisel Blog</a>

Bu şekilde herhangi bir ekleme yapmadan link verdiğimizde zaten dofollow yapmış oluyoruz. Yani ekstradan

rel="dofollow"

kodunu eklememize gerek yok. Aynı işlemi yapacaktır. Nofollow kodu için ise, zaten Blogger basit bir tuşla bunu eklememize imkan sunuyor. Yukarıdaki resimde okla gösterdiğim kısım. Linklere eklemek için ise:

<a href="http://blogtecrubem.blogspot.com/" rel="nofollow">Kişisel Blog</a>

Kırmızı renkle gösterdiğim kodu, bu şekilde link kodlarının arasına yerleştirmeniz yeterli. Tabi konu bu kadar basit değil.

Nofollow kodu ne kadar önemlidir? Ne işe yarar?

Daha önce Alexa sıralamasından ve backlink konularından bahsetmiştim. Backlink ile ilgili olan yazımda, farklı sitlerden, bloglardan, forum ve sözlük sitelerinden kendi blogunuza link alın demiştim. Aldığınız bu linkler Alexa sıralamanızı yükseltecek ve SEO konusunda blogunuza, sitenize artı puan kazandıracak demiştim. İşte nofollow kodu bunu engelliyor. Nasıl mı?

Nofollow kodu anlayacağınız üzere "takip etme" komutu içerir. Bu komut arama motorlarının örümceklerine verilen komuttur. Bu komutla birlikte örümcekler link verilen siteyi takip etmez. Bu da sitenizin değerini korumanız anlamına gelir. Ama nofollow kodu SEO konusunda link verdiğiniz siteye yine yarar sağlar. Arama motorlarında üst sıralara çıkmasını sağlar.

Sonuç olarak...

Sonuç olarak, blogunuza sitenize gereğinden fazla link eklememeye çalışın. Eklediğiniz bu linkler sitenizin değerini düşürecektir. Ama eklerseniz de nofollow kodunu kullanmaya çalışın. Bu kodla sitenizin değerini korumuş olursunuz. Ama aynı zamanda SEO konusunda karşı tarafa destekte bulunmuş olursunuz.

Bir sonraki yazım için takipte kalın, ayrıca sorularınız olursa yorum yaparak bana bildirebilirsiniz.

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.