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 >>>