Online HTML Editor

Kodlarınızı üstdeki bölüme yazıp Önizleme butonuna basın. Alt bölümde oluşumu göreceksiniz.
Kolay gelsin...

<style type="text/css"> Buraya CSS Kodunu Ekleyin </style> Buraya HTML Kodunu Ekleyin

Okuoku.Com Sponsorluğunda Kitap Ödüllü Çekiliş

Sponsorlar firmalarla iş birliği yaprak okuyuculara hediyeler dağıtacağımı 2013 hedeflerimde belirtmiştim. Bu hedefim doğrultusunda 2.etkinliğimi de düzenliyorum. Bu kez Okuoku.com Blog Hocam’a sponsor oldu ve  3 kişiye kitap hediyesi var. Detaylara geçmeden önce size bu etkinliğin sponsoru olan Okuoku.com hakkında biraz bilgi vermek istiyorum.

 

Online Kitap Alışveri Siteniz Okuoku.com

 

 

Çevrimiçi kitap alışverişinde yeni bir dönem başlatan Okuoku.com hediye ürünleri, kampanyaları ve hizmet kalitesi ile kitap kurtlarının keyif dolu alışveriş yapmalarını sağlıyor.

 

Zengin ürün çeşidi ve güncel kampanyaları ile Türkiye’de 2 seneyi aşkın bir süredir hizmet veren Okuoku.com’un müşterileri çok ekonomik fiyatlardan ve süper hızlı kargo hizmetinden fazlasıyla memnun. Ayrıca paketlerin içerisinden çıkan bol miktarda ayraç, hediye kitaplar ve ilginç bir şekilde kahve paketleri de kargonuzu aldığınızda sizi ayrı bir mutlu ediyor. Çok satanlar, ucuz ürünler, yakında çıkacaklar, hepsi ve daha fazlası Okuoku.com’da. Üstelik her gün 1 ürüne ve her hafta bir yayın evine müthiş indirimler uyguluyor. Hobi alanı henüz yeni açılan Okuoku.com Puzzle, Lego, Kutu Oyunları ve daha bir çok çeşidi ile sizlere hizmet veriyor.

Okuoku Kitap Dünyasına katılmak istiyorsanız vakit kaybetmeyin. Kitabınızı sepete ekleyin ve uygun ödeme koşullarından yararlanın. Üstelik kredi kartınızı internette kullanmak istemiyor ve havale seçeneğini de kullanmak istemiyorsanız kapıda ödeme yapabilirsiniz. Kargonuz geliyor ve siz ödemeyi kargo personeline yapıyorsunuz. Eski yeni kelepir son çıkanlar ve dahası aradığınız tüm kitapların adresi Okuoku.com Hızlı müşteri hizmetleri ile her türlü soru ve şikayetlerinizi iletebilirsiniz.

Sloganları da bir harikaymış; ‘’Aradığınız kitapları bize sorun, kendinizi değil bizi yorun…’’

 

Ödüller

Sponsor firmayı tanıttıktan sonra çekiliş sonucunda verilecek ödüllerden bahsedelim. Çekiliş sonucunda toplam 3 kişi kitap kazanacak. Verilecek kitaplar şunlar:

80 Gün Arzunun Rengi Kategori: Roman - Günümüz Yazar: Vina Jackson Üretici: Pegasus Yayıncılık

 

Efsane Kategori: Roman - Günümüz Yazar: İskender Pala Üretici: Kapı Yayınları

 

Yeni Başlangıçlar Mevsimi Kategori: Roman - Günümüz Yazar: Debbie Macomber Üretici: Martı Yayınları

 

Katılım Şartları

 

- Aşağıdaki metni Facebook, Twitter veya Google+ profillerinizden birinde paylaşırsanız 1 katılım hakkı kazanırsınız.

 

Okuoku.com sponsorluğunda yapılacak çekilişle 3 kişiye kitap hediye ediyoruz. Katılmak için tıklayın! http://goo.gl/i0sF1

 

- Aşağıdaki çekiliş görseline ait kodu HTML/Javascript gadget olarakblogunuza eklerseniz 3 katılım hakkı kazanırsınız.

 

<a href="http://bloghocam.blogspot.com/cekilis" target="_blank"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Kitap Ödüllü Çekiliş" border="0" alt="Kitap Ödüllü Çekiliş" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixjjuTimBV0HVdxr8NRVKGH-gJw9bIflluEHWpJ2YqMeJnvOT9fuYNPQQUFuoEPN-4Yl0HIyalsqA6PCRKxAVuRcmkzCdMTfzy1GuR8h5EOFD4R6-LfwSEoplH7-tEgJsjQbs58bMamHOE/s250/kitap-cekilisi.png" /></a>

 

- Aşağıdaki metni blogunuzda yayınlarsanız 5 çekiliş katılım hakkı kazanırsınız.

 

Blog Hocam okuyucularına çekilişle kitap hediye ediyor. Okuoku.com sponsorluğunda düzenlenen bu çekiliş sonucunda 3 talihliye ödül olarak verlecek. Sosyal medya kullanıcısı veya blog yazarı olan herkes bu çekilişe katılabilir. Çekiliş Sayfası

 

* Çekiliş metninin HTML kodları *

 

 

Çekiliş Tavimi

- Son katılım tarihi: 22 Şubat 2013 Cuma, saat 23:59
- Çekiliş tarihi: 24 Şubat 2013 Pazar
- Açıklanma tarihi: 25 Şubat 2013 Pazartesi

 

Önemli Bilgiler

 

- Çekilişe katılan isimleri ve katılım hakları çekiliş tarıhinden bir gün önce Blog Hocam’ın Facebook, Twitter ve Google+ sayfalarında açıklanacaktır.

 

- Çekiliş web tabanlı bir uygulama olan random.org aracı ile yapılacak ve video olarak kaydedilerek katılımcılarla paylaşılacaktır.

 

- Ödül kazananlar haklarını satamaz, devredemez ve erteleyemez. Ayrıca ödül kazananlarla 72 saat çerisinde irtibat kurulamazsa, hakları yedek talihliye geçer.

 

- Sadece çekilişler için oluşturulmuş paravan bloglar ve fake sosyal medya hesaplarıçekilişe kesinlikle dahil edilmeyecektir.

 

Tüm katılımcılara bol şans diliyorum.

Blogcular İçin Faydalı Chrome Uzantıları

Konuya tarayıcılardan ve uzantılardan bahsederek başlamak istiyorum. Öncelikle şunu belirtmeliyim ki bu Blog Hocam’ı oluşturduğum beri internet tarayıcısı olarak Chrome kullanıyorum ve herkese de Chrome kullanmasını öneriyorum.

 

Blog Hocam Okuyucuları Hangi Tarayıcıyı Tercih Ediyor?

 

 

Görmüş olduğunuz bu grafik Blog Hocam açıldığından beri gelen ziyaretçilerin kullandığı tarayıcılara ait dağılımı gösteriyor. Mavi renkte gördüğünüz %66.06’lık oran Chrome’u, yeşil renkle gördüğünüz %19.74’lük oran Firefox’u, turuncu renkle gördüğünüz %10.03’lük oran se Internet Expolrer’ı temsil ediyor. Görmüş olduğunuz gibi ziyaretçilerin çoğu benim gibi Chrome tarayıcısını tercih ediyor. Yeri gelmişken şu hatırlatmayı da yapmak istiyorum: Blog Hocam’ı Internet Explorer ile ziyaret edenler blogu tam olarak görüntüleyemezler.

 

Neden Chrome?

 

Bildiğiniz gibi Chrome, Google tarafından geliştirilen bir internet tarayıcısı. Bu zamana kadar 4 farklı internet tarayıcısı denedim. Bunlar Internet Explorer, Mozilla Firefox, Google Chrmoe ve Opera’ydı. Hepsinin kendine özgü özellikleri olduğu bir gerçek ama totalde en memnun kaldığım tarayıcı Chrome’du. Hızı, sadeliği, güvenliği ve kişiselleştirme imkanları Chrome’u sevmemin başlıca nedenleriydi. Ve tabi sayısız uzantı seçenekleri.

 

Chrome Uzantısı Nedir?

 

Chrome uzantıları, Chrome'a kolayca ekleyebileceğiniz fazladan özellikler ve işlevlerdir. Uzantılar, tarayıcınızı kullanmadığınız özelliklerin karmaşasından kurtarırken, Google Chrome'u beğendiğiniz özellikleri içerecek şekilde özelleştirebilmenizi sağlar.

 

Blogcular İçin Faydalı Chrome Uzantıları

 

Chrome tarayıcısı ve uzantıları hakkında bilgi sahibi olduğumuza göre artık işinize kolaylaştıracak, bizzat kullandığım ve kullanmanızı önerdiğim uzantılara geçebiliriz.

 

1. Alexa Traffic Rank

 

Alexa’nın resmi Chrome uzantısı. Ziyaret ettiğiniz sitelerin global ve lokal Alexa değerlerini, yapılan yorumları, değerlendirmeleri ve o siteye verilen linkleri kolayca görebilirsiniz.

 

2. Goo.gl URL Shortener

 

 

Bulunduğunuz sayfanın linkini Twitter veya başka bir yerde paylaşmak istediğinizde bu uzantı URL’yi otomatik olarak kısaltıyor ve paylaşmanızı kolaylaştırıyor. Ayrıca kısalttığınız linkin kaç kez tıklandığı ile ilgili istatistikleri de görebiliyorsunuz.

 

3. PicMonkey Extension

 

 

Online resim düzenleme sitesi olan PicMonkey’nin resmi Chrome uzantısı. Ziyaret ettiğiniz sayfada bulunan bütün resimleri otomatik olarak tanıyarak tek tıkla PicMonkey sitesine aktarıyor ve hızlı bir şekilde düzenlemenizi sağlıyor.

 

4. Screen Capture

 

 

Ekran görüntüsü almaya yarayan bir uzantı. İster sayfanın tamamının, ister bir kısmının görüntüsünü alabilirsiniz. Aldığınız görüntüye yazılar yazabilir, şekiller ekleyebilir, çizgiler çizebilirsiniz. Resimli anlatım yaparken çok işinize yarayabilir.

 

5. PageRank Status

 

 

Geldik benim favori Chrome uzantıma. Komple bir SEO asistanı. Ziyaret ettiğiniz sitenin PageRank durumu, index, backlink ve sosyal paylaşım bilgileri, On-Page SEO  değerlendirmesi ve site hızı gibi pek çok SEO kriterini tek panelden kontrol edebilirsiniz.

 

Eklediğim Chrome Uzantılarını Nasıl Silebilirim?

 

Eklemiş olduğunuz Chrome uzantılarını bir süre silmek isteyebilirsiniz. Yüklemiş olduğunuz tüm uzantılara Chrome tarayıcısının sağ üst köşesinde bulunan ayarlar ikonuna tıklayarak araçlar > uzantılar  bölümünden ulaşabilirsiniz. Buradan istediğiniz uzantıyı pasif hal getirebilir veya tamamen kaldırabilirsiniz.

 

Söz Sizde

Umarım bu yazıdan sonra tarayıcı olarak Chrome kullanmayanlar fikrini değiştirmiştir. Chrome kullanıcıları, kullandıkları faydalı uzantıları bizimle paylaşırlarsa çok iyi olur.

SEO Uyumlu Yazı Nasıl Yazılır?

Blogunuzda bir yazı paylaşırken kaliteli bir yazı olması ne kadar önemliyse bu yazının SEO konusunda da aynı başarıyı göstermesi o kadar önemlidir. Çünkü yazınızın kalitesi okuyucularınıza belli bir konuyu açıklayıcı bir şekilde anlatmada yetse bile arama motorlarına anlatmada yeterli olmayacaktır. Bu yüzden yazılarınızı yazarken okuyucularınızı düşündüğünüz kadar yazılarınızın SEO uyumlu olmasını da düşünmelisiniz.

 

Peki SEO uyumlu bir yazı nasıl hazırlanır ?

 

Öncelikle yazınızın SEO uyumlu olmasından önce blog tasarımınızın belli başlı optimizasyonlarını yapmış olmanız önemlidir. Bunun için daha önce yayınlanan yazılara göz atabilirsiniz.

- Blogger İçin Google Sitemap Oluşturma

- Blogger a Meta Etiketleri Ekleyin

- Arama Sonuçlarında Yazı Başlıkları Blog İsminden Önce Görünsün

- Görseller İçin SEO

 

1-Arama Motorları İçin Düzenlenmiş Yazı Başlığı Hazırlayın

Yazı başlığınız google görünmenizi sağlayacak en önemli etkenlerden biridir. Arama motorları yazınıza ait ilk başlığınızı indexler ve arama motorlarında sizi arayanlar ilk yazı başlığınızı görür. Yazınızın tıklanması da yazı başlığınızın ne kadar başarılı bir şekilde olduğuyla orantılıdır. Bu yüzden yazınızı iyi bir şekilde özetleyen ve anahtar kelimeleri içeren yazı başlığı yazmalısınız. Bunun için insanlar google da ilgili konuyu ne şekilde arıyor diye bir araştırma yapabilirsiniz :

• Google ile Anahtar Kelime Araştırma Rehberi
• Anahtar Kelime Araştırması Rehberi

2-Yazı Linkini ve Arama Açıklamasını Düzenleyin

Bildiğiniz gibi google 2012 yılında SEO konusunda bir çok yenilik tanıttı. Yazı URL lerini özelleştirmeniz ve her yazınıza farklı arama açıklaması ekleyebilmek bunlar arasında öne çıkanlardan. Bu konuyu kısaca açıklarsak:

Blogger da bir yazı yazdığınızda sistem yazı başlığınızla ilgili otomatik olarak bir URL belirler. İçerisindeki Türkçe karakterleri ve noktalama işaretlerini atlar. Belki de gereksiz kelimeleri URL’ niz içinde yer verebilir. Bu yüzden URL’nizde önemli kelimelere yer verebilmek için URL’nizi özelleştirmelisiniz.

• Özel Yönlendirmeler İle Kendi URL’lerinizi Oluşturun
• SEO Dostu Url Oluşturalım

Buna ilaveten yazınızın kısa arama açıklamasını da oluşturmayı ihmal etmeyin. Çünkü google da yazınız indexlenirken bu arama açıklaması ile belirir. Şöyle ki diyelim yazınıza şu şekilde başladınız :

“Bu haftaki yazımda sizlere daha faydalı olması açısından blog yazılarınıza değer katacak bir konuyu paylaşmak istedim.”

Amacınız blogger da SEO konusundan bahsetmek ama yukarıdaki açıklamanın içerikle hiçbir alakası yok. İşte bu düzensizlikten kurtulmak için her yazınız için farklı arama açıklaması oluşturmalısınız.

• Yeni Arama Tercihleri İle Blogger’da SEO Daha Kolay
  

3-Resimleriniz İçin SEO Düzenlemesini Yapmayı İhmal Etmeyin

Bildiğiniz gibi arama motorları eklediğiniz resimleri tanımazlar. Ne olduğunu anlamazlar. Onlara resminizin ne ile alakalı olduğunu bildirmelisiniz. İyi bir resim başlığı ve ekleyeceğiniz alt etiketi resimlerinizin indexlenmesini  ve arama motorları tarafından tanınmasını sağlayacaktır.

• Görseller için SEO

4-Kalın ve Renkli Kelimeler ve Listeleri Yazılarınıza Ekleyin

Süregelen bir tartışmadır bu. Kalın yazılan yazılar google tarafından önemsenir mi? Okuduğum kadarıyla çok büyük etkisi olmasa da bu tür yazıların az da olsa etkisinin olduğu yönünde. Bu sebepten ötürü yazılarınızda kalın efektli ilgili kelimelere yer verin. Listeler oluşturarak yazınızın ilgi çekiciliğini artırın.

 

5-Eski Yazılarınıza Atıfta Bulunun

Bu yazıyı okurken eminim zaman zaman verdiğim site içi linkleri fark etmişsinizdir. Bu tür hatırlatmalar okuyucularınızda farklı bir pencere açar ve linklerinizin tıklanma ihtimalini artırır. Bu dahili linkler sayesinde eski yazılarınızı tekrar göndeme getirebilir ve onların trafiğinin artmasını sağlayabilirsiniz.

Son Sözler

Yukarıda sizlerle bir makalenin arama motorları için nasıl uygun hale getirebileceğimize dair paylaşımda bulundum. Konusunda açıklayıcı, kaliteli ve özgün bir yazıyla birlikte yukarıdaki adımları da uygularsanız yazılarınızı hem arama motorlarına hem de okuyucularınıza sevdirmeyi başaracaksınız.

Bir yazının SEO konusunda başarılı olabilmesi için farklı yöntemler var mıdır? Tecrübelerinizi bizimle paylaşın.

Yazar Hakkında:

Bu yazı; blogger ipuçları, windows uygulamaları, SEO ve sosyal medya konularında içerik üreten Poyraz Şahin tarafından yazılmıştır. Yazarın diğer yazılarını Ehl-i Blog’da okuyabilirsiniz.

Sexy sosyal medya takipci butonu

How To Add Follow Me Sliding Gadget/Widget Button To Blogger or WordPress.
Blogger veya WordPress siteniz için kayan sexy sosyal medya takipci butonu ekleyin.

Blogger'a Ekleme:
1.Blogger Kumanda Panelinize gidin
2.Düzen tıklayın
3.Gadget/Widget Ekle Hit
4.HTML / JavaScript seçeneğini seçin.
5.Aşağıdaki kodu kopyalayın ve yapıştırın.
6.isterseniz bir başlık ekleyebilirsiniz.

WordPress Siteniz için:
1.Appreance git
2.Sonra Widget
3.Metin ekleyin. Kap ve kenar koymak.

<style>
#wtss{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#wtss a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#wtss li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#wtss .facebook, .googleplus, .Youtube, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(http://1.bp.blogspot.com/-JKq0eFFwx34/UGx39fhHO_I/AAAAAAAABE4/56i9phAS2do/s1600/MBT+Sprites+Social+Icons.png) no-repeat;  background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;  box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap;  line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#wtss li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt);  line-height:32px;}
#wtss .icon{overflow:hidden; color:#fafafa;}
#wtss .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#wtss .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#wtss .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#wtss .Youtube{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#wtss .rss{ width:32px;  height:32px;  background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#wtss li:hover .icon,
.touch #wtss li .icon{width:210px;}
.touch #wtss li .facebook, #wtss li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #wtss li .twitter, #wtss li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #wtss li .googleplus, #wtss li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #wtss li .Youtube, #wtss li:hover .Youtube{background-color:rgba(174,45,39,1);}
.touch #wtss li .rss, #wtss li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id="wtss">
<li data-alt="Follow me on Facebook"><a class="icon facebook" href="http://www.facebook.com/meftunmede.blogger">Follow on Facebook</a></li>
<li data-alt="Follow me on Twitter"><a class="icon twitter" href="http://www.twitter.com/MeftunMEDE">Follow on Twitter</a></li>
<li data-alt="Follow me on Google+"><a class="icon googleplus" href="http://plus.google.com/113884753756003696845">Follow on Google Plus</a></li>
<li data-alt="Subscribe with Youtube"><a class="icon Youtube" href="http://www.youtube.com/user/Meftun48">Follow on Youtube</a></li>
<li data-alt="Subscribe with RSS"><a class="icon rss" href="http://feeds.feedburner.com/MeftunMede">Subscribe to RSS feed</a></li></ul>

Kodu denemek için Online html editor'ü kullanabilirsiniz.
Yukarıdaki kırmızı ile belirttiğim alanları kendi adınıza göre düzenlemeyi unutmayın! Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...