Facebook Ve Twitter Gönderilerini Blog Yazısına Eklemek

Bir süre önce yurt dışındaki kullanıcıları için, gönderileri blog yazısının içine gömme yani embed özelliğini aktifleştiren Facebook, sonunda bu özelliği Türkiye’deki kullanıcılarına açtı. Bu işlemi nasıl yapacağınızı anlatan bu yazıyı hazırlıyordum ki aklıma Tweetleri blog yazılarını gömmeyi anlatmak da geldi. Hazır elim değmişken ikisini birden bu yazıda paylaşayım dedim : )

 

 

Facebook Gönderilerini Blogger’a Gömmek

 

 

Öncelikle taze bilgi olan Facebook gönderilerini gömme işlemi ile başlayalım. Facebook sayfanızdaki her hangi bir gönderinin sağ üst köşesindeki işarete tıkladıktan sonra açılan seçeneklerden Gönderiyi Göm seçeneğine tıklayın.

 

 

Açılan pencerede üst tarafta yazının içerisine ekleyeceğiniz kodu göreceksiniz. Bu kodun tamamını kopyaladıktan sonra Blogger kumanda panelinde yazının HTML bölümünde istediğiniz bir yere yapıştırın. Canlı örneğini de bu yazıda test etmiş olalım:

 

Gönderi by Blog Hocam.

 

 

Tweetleri Blogger’a Gömmek

 

 

Şimdi de Twitter’da herhangi bir tweet blog yazınıza nasıl gömeceğinize gelelim. Bunun için tweetlerden birinin altındaki Daha fazla yazısına tıklayarak Tweeti yerleştir seçeneğine tıklayın.

 

 

Aynı Facebook’ta olduğu gibi bir pencere açılacak ve üst tarafta yazıya eklenecek kod gözükecektir. Bu kodun tamamını kopyaladıktan sonra Blogger kumanda panelinde yazının HTML bölümünde istediğiniz bir yere yapıştırın. Canlı örneği:

 

Hangi konuda blog yazarsanız yazın diğerlerinden bir şekilde ayrılmayı, fark yaratmayı bilin.

— Blog Hocam (@BlogHocam) July 23, 2013

 

 

Sosyal medyanın, iletişimin ve etkileşimin öneminin giderek arttığı bu dönemde  Facebook ve Twitter gönderilerini bloglara gömmenin, etkileşimi arttıracağı bir gerçek.

Yandan açılır Google+ takipçi kutusu

Sliding Google+ Followers Box For Blogger
Yandan açılır Google+ takipçi kutusu

Google+ sayfanızı sitenize bağlayın. Google aramada siteniz için daha fazla öneri alın ve Google+ ürününde kitlenizi artırın.
Google Plus için bu güne kadar +1 butonu ya da çevrelerine ekle butonu görmüş olabilirsiniz. Şimdi size tamamen yeni bir özellike tanıtacağız. Google Plus Yandan açılan Takipçi Kutusu. Tıpkı Facebook'unuzda oluşturduğunuz gibi sizi çevrelerine ekleyen insanları gösteren bir kutu. Ayrıca “Çevrelerine Ekle” butonuda yer alıyor.
Blogunuzda hem fazla yer kaplamaması için hemde tasarım açısından görsel güzellik kazandırması açısından güzel bir eklenti.

1. Kumanda paneline giriş yapın.
2. Yerleşim → Gadget ekle → HTML/Javascript bulun.
3. Aşağıda kodu kopyalayıp yapıştırın.
Kırmızı ile belirtdiğim yere Google+ adresini yazın.

Sağdan açılan versiyon

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "-35"}, "medium");}, function() {$(this).stop().animate({right: "-373"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css">
.gplusbox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFP-7YFdqRNVncQSgPzL5loZK_OfZTPjqzuy3sKgjy3TD-zAuQx3lMHVtb9167IDPmiM29oN75vIpJe3SWspge9WaUkEY8Qa2oov1qr0LOzAJF1Jvpkb8OO_s8q0Ouo5es-xSDaXuzmfel/s1600/mef_gplus_sag.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 275px;
padding: 0 33px 0 33px;
width: 340px;
z-index: 99999;
position:fixed;
right:-373px;
top:20%;
}
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 15px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" 

data-href="https://plus.google.com/113884753756003696845" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'tr'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>

Soldan açılan versiyon

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({left: "-35px"}, "medium");}, function() {$(this).stop().animate({left: "-373"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css">
.gplusbox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwpUjxU9_6BnIBjTc-7N-XaY4vnitLNoBSVwdfWXJ9eArm1pOSNcZMSmDYmrgEFuLcuRHZooFk4kPQLzGlLvKnJcJBh-z2fsQD9pHpXNDSD-n-AHSVHKPPkFG-R0PuhmM5ag93Bh5mb2q2/s1600/GPlus2.png") no-repeat scroll right center transparent !important;
display: block;
float: left;
height: 275px;
padding: 0px 33px 0px 33px;
width: 340px;
z-index: 99999;
position:fixed;
left:-373px;
top:20%;
}
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 15px;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" 

data-href="https://plus.google.com/113884753756003696845" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'tr'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>

Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Blog Dünyasının En İyi Kitap Blogları

Her iyi “bog yazarı” aynı zamanda iyi bir okuyucuğudur. Hatta yazdığından daha çok okur diyebilirim. Bolca blog gazete, dergi, kitap vs okuyan bloggerlar kendilerini o kadar belli ediyor ki… Yazı dilleri, kullandıkları kelimeler, kurdukları cümleler sıradanlıktan çok uzakta oluyor. Kitap bloggerlarının yazılarını okumak bu yüzden çok keyifli oluyor. Okuyana her defasında “Vayy bee” dedirtebiliyorlar.

 

Blog Hocam’ı takip edenler zaman zaman belli kategorilerdeki bloglardan beğendiklerimi bir araya getirerek tanıttığımı bilirler. Daha önce moda blogları,  yemek blogları, kişisel bloglar, teknoloji blogları ve gezi bloglarını derlemiştim. Bu kez yukarıda bahsettiğim kitap bloglarından bir derleme yapmak istiyorum.

 

 

Vampirellanın Güncesi

 

 

Temmuz 2011’den beri yayında olan Vampirellanın Güncesini, Türkiye'nin tek "genç yetişkin" kitap blogu olarak nitelendiyor yazarı. Vampirella’nın Güncesi’nde hangi kitapların, nereden, ne kadara alındığı, bu kitaplar hakkında yorumlar ve fotoğrafların yanı sıra yazarlarla yapılan söyleşiler kitap kurtlarının ilgisini çekiyor. Ayrıca Vampirella’nın puan tablosunda, yazarın okuduğu kitaplara verdiği puanları görebilir ve saın almayı düşündüğünüz kitaplar hakkında fikir sahibi olabilirsiniz.

 

 

Zimlicious

 

 

Zimlicious’ın yazarı Simay Hanım blogunda en büyük tutkusu olan kitaplarla ilgili herşeye yer veriyor. Uzun yıllardır blog yazarlığıyla uğraşan Simay Hanım, okuma yazma ile alakalı ilgisini çeken şeyleri Zimlicous’da paylaşıyor. Zimlicious’ın başarısı konusunda en önemli e-dergilerde biri olan “Kitapçı”nın da dikkatini çektini ve 5. sayısında bu bloga yer verdi.

 

 

Kitaplık Kedisi

 

 

Aslında bir kültür sanat blogu olarak nitelendirebileceğimiz Kitaplık Kedisi'nde kitap ağırlıklı yazılar yazıldığı ve ilgi gördüğü için bu listeye eklemek istedim. Kitap haberleri ve yorumlarının yanı sıra, blogun yazarı Elif Hanım’ın dekorasyon kategorisinde paylaştığı birbirinden güzel kitaplık resimlerine mutlaka göz atmalısınız.

 

 

The Reading Lady

 

 

Yaklaşık 1 yıllık bir blog olan The Reading Lady’nin içerik sayısı listedeki diğer bloglara göre az olsa da kalitesiyle öne çıkmayı başaran bir blog. Özellikle birbirinden değerli yazarlarla yapmış olduğu röportajlar, diğer ziyaretçilerinin olduğu gibi benim de dikkatmi çekti.

 

 

Rafların Arasından

 

 

2010 yılında yayın hayatına başlayan Rafların Arasından, 3 yılı aşkın süredir güncel kalmayı başarmış ve kitap hastalarını dopdolu içerik sunan bir blog. Şuan 4 adet yazarı bulunan blog, her hafta bir konuk yazar ağırlayarakiçeriğini çeşitlendiriyor.

 

 

Kitap Delisi Gizem

 

 

Blogun yazarı Gizem Hanım, en büyük tutkusu olan kitaplarını, yaşadıklarını, gördüklerini ve öğrendiklerini samimi bir şekilde okuyucularıyla paylaşıyor. Okuduğu kitaplar hakkında bilgi vermekle kalmıyor, kara sıra kişisel yazılar da yazıyor Gizem Hanım.

 

 

Liste elbette bunlarla sınırlı olamaz. 100’e yakın blogu yaklaşık 1 dk. inceledikten sonra içime sinenleri sizlerle paylaştım ama kitap kurtları için çok daha fazla takip edilecek blog var. Onlar da yorum bölümünden zamanla paylaşılır.

 

 

Special Thanks To…

 

Yukarıda blogları olmasa da, bu yazının oluşmasında katkıları olan Betil Hanım, Pınar Hanım ve Zehra Hanım’a çok teşekkür ederim.

Tesla: Master of Lightning 2000 DVDRip indir | Online izle

Tesla: Master of Lightning 2000 DVDRip indir | Online Türkçe Altyazılı izle

http://www.imdb.com/title/tt0272884/

Yönetmen: Robert Uth
Tür: Belgesel, Biyografi, Tarih
İmdb Puanı: 8.7/10
Yapım: 2000
Süre: 87 dakika
Dil: İngilizce
Senaryo: Phylis Geller, Robert Uth
Müzik: Charlie Barnett
Görüntü Yönetmeni: Thomas Kaufman
Yapımcılar: Zoran Amar, Phylis Geller, Robert Uth

Tarihin gizemli dahilerinden olan Nikola Tesla'nın buluşlarını, hayatımıza kattıklarını ve yaşantısını ele alan belgesel... Tesla'nın hayatımız kolaylaştıran buluşlarının yanı sıra, şuan bile hala gizemini koruyan ve azımsanamayacak sayıdaki pek çok bilim insanına göre hala ütopik görünen çoğu tasarısına da yer verilmiş.. Değeri geç anlaşılmış, kimi zaman çeşitli haksızlıklara uğratılmış bu dahiyi daha iyi tanımak için kaçırılmaması gereken bir belgesel. İzleyin, izlettirin! Elektrik denildiğinde aklınıza ilk Edison gelir.Radyo denildiğinde ise Marconi.Fakat, adını neredeyse unuttuğumuz bir elektrik dehası var...Dünyaya sınırsız enerji sağlayabilme hayali ile yaşamış bir adam. Adı Nikola Tesla'ydı...ve kendisi "Yıldırımların Efendisi" idi.




http://rapidshare.com/files/Tesla.Master.of.Lightning.2000.part1.rar
http://rapidshare.com/files/Tesla.Master.of.Lightning.2000.part2.rar

Not: Tam Uyumlu TR Altyazı dosyanın içinde Mevcuttur. İyi Seyirler...

KartTR Sponsorluğunda Tablet Ödüllü Çekiliş

Yaklaşık 1 hafta önce sosyal medya hesaplarımda duyurduğum çekiliş etkinliğinin zamanı geldi. Bu zamana kadar yaptığım etkinliklerle 12 kişiye çekilişle çeşitli ödüller dağıtmış, 1 kişiye de çekiliş yapmadan yazarından imzalı kitaplar hediye etmiştim.

Bu etkinlik ile birlik 3 kişiye daha çekilişle çeşitli hediyeler dağıtacağım. Çekilişin sponsorluğunu ise KartTR.com sitesinden Ümit Köse üstlendi. Ödüllere ve çekilişin detaylarına geçmeden önce etkinlik sponsoru hakkında biraz bilgi vermek istiyorum.


KartTR.com – Ukash Kart Resmi Web Sitesi

İlk olarak İngiltere’de kullanılan ukash kart kısa süre içerisinde sanal dünyada yayılarak bir çok kullanıcısı tarafından sevilmiştir. Karttr.Com, Ukash Kart'ın Türkiyedeki resmi bayisidir. Kredi kartı ile ukash kart satışı yapan Türkiyede sayılı Ukash kart firmalarından biridir.


KartTr.Com uzun süredir Ukash kart pin kodu satışı yapmaktadır ve Ukash kart satın almak isteyen kullanıcılar tarafından tercih edilen yasal ve güvenilir bir firmadır. Daha detaylı bilgi için KartTrCom Facebook ve @KartTRcom sayfalarını da takip edebilirsiniz.


Çekiliş ile Verilecek Hediyeler

Gelelim çekiliş etkinliğine. Yazının başında da söylediğim gibi sosyal medya hesaplarımda ödüllerle ilgili biraz nabız yoklamıştım ve gelen mesajların da yardımıyla bayan-erkek, genç-yaşlı herkesin işine yarayacak ödüller seçmeye özen gösterdim. 

Çekiliş sonucunda toplam 3 kişiye ödül verilecek. Sırasıyla 1. 2. ve 3.’nün ödülleri şunlar:

- Piranha Tablet Bilgisayar
Android işletim sistemi, 7” ekranı, 8 GB hafızası sayesinde yüksek performansla kullanabileceğiniz bir cihaz. 2 MP dijital kamerası ile sevdiğiniz herşeyi fotoğraflayabilir, en güzel anlarınızı filme alabilir, n kamerası ile görüntülü konuşma yapabilirsiniz. Film ve oyun meraklıları bu ürünü yanlarından ayırmak istemeyecekler.


- Philips MP3 Çalar

FullSound özelliğiyle MP3’lere hayat veren küçük ve eğlenceli bir ürün. Songbird ile müzik dosyalarını kolayca keşfedebilir, oynatabilir ve senkronize edebilirsiniz. LikeMusic ile uyumlu şarkılardan çalma listeleri oluşturabilir ve 15 saat boyunca kesintisiz müzik keyfi yaşayabilirsiniz.



- Açlık Oyunları Kitap Seti
Bilimkurgu, heyecan, gerilim ve aşkın zekice kurgulanması sonucu oluşmuş oldukça akıcı bir seri. Şuana kadar yazılmış en iyi üçlemelerden biri ve her kesme hitap eden bir seri. Bağımlılık yaratan Açlık Oyunları’nın 3 kitabından oluşan süper bir set.




Çekilişe Katılım Şartları

!!! Zorunlu Şart: Çekilişe katılıp, bu hediyelerden birine sahip olmak istiyorsanız aşağıdaki çekiliş metnini hiçbir değişiklik yapmadan blogunuzda yeni bir yazı olarak yayınlamanız gerekiyor. Yazıda, çekiliş metninin öncesine veya sonrasına dilediğinizi yazabilirsiniz. Önemli olan yazının içerisinde bir yerde bu çekiliş metninin aynen yer alması.

Blog Hocam, okuyucularına tablet hediye ediyor! Ukash kartın adresi KartTR sponsorluğunda düzenlenen çekilişle 3 kişiyi birbirinden güzel ödüller bekliyor. İsteyen her bloggerın katılabileceği bu çekiliş sonunda birinciye tablet bilgisayar, ikinciye MP3 çalar, üçüncüye ise kitap seti verilecek. Çekiliş sayfasına gitmak için buraya tıklamanız yeterli.

* Çekiliş metninin HTML kodları *

Ekstra +1 Katılım Hakkı
Çekilişe katılmak için zorunlu şart olan çekiliş metnini blogunuzda yayınladıktan sonra ekstra +1 katılım hakkı kazanmak isterseniz aşağıdaki metni Facebook veya Twitter hesabınızda paylaşabilirsiniz. Facebook ve Twitter paylaşımlarınızın geçerli sayılması için herkese açık olarak paylaşmalısınız.

KartTR.com sponsorluğunda düzenlenen çekilişle 3 kişiye hediyemiz var. Katılım için: http://bloghocam.blogspot.com/cekilis #çekiliş

Örnek Katılım Şablonu

Şartları yerine getirdikten sonra aşağıdaki yorum formunu kullanarak bizi bilgilendirmeniz gerekiyor. Yorumu şu şekilde yazmanız yeterli:

- İsim: Serdar Kara
- Çekiliş metnin bulunduğu postun URL’si: http://bloghocam.blogspot.com/2013/08/xxx.html
- Çekiliş mesajının Facebook URL’si: http://www.facebook.com/bloghocam/posts/xxx
- Çekiliş mesajının Twitter URL’si: https://twitter.com/BlogHocam/status/xxx
- İletişim adresi: bloghocam@gmail.com veya http://bloghocam.blogspot.com/p/iletisim.html


Kurallar Ve Hatırlatmalar

• Sadece çekiliş duyuruları yapan veya bu tür etkinlikler için açılmış blogların başvuruları kabul edilmez.
• Çekiliş metni yeni bir post olarak, blogunuzun ana sayfasında görünecek şekilde yayınlanmış olmalı.
• Çekiliş metninde bir değişiklik yapılırsa başvuru kabul edilmez.
• Ç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.

Çekiliş Takvimi

Son katılım tarihi: 29 Ağustos 2013 Perşembe 23:59 

Sonuçların açıklanma tarihi: 4 Eylül 2013 Çarşamba

Tüm katılımcılara bol şans dilerim!

Flash Animasyonlu Etiket Bulutu Oluşturma

Flash Animasyonlu Etiket Bulutu Oluşturma
Flash Animated Label Cloud Widget

Websitenize, blogunuza hareketli etiket bulutu ekleyerek görsellik katabilirsiniz. Flash olduğu için google bir indexleme yapmıyor yararı ise görsellik kattığı için ziyaretcilerin dikkatini çekerek ziyaret süresini uzatmayı amaçlamaktadır. Blog yazılarınızda kullandığınız etiketleri flash animasyonlu bir bulut olarak sidebarınıza ekleyebilirsiniz.

Live Demo

1. Kumanda paneline giriş yapın.
2. Yerleşim → Gadget ekle → HTML/Javascript bulun.
3. Aşağıda kodu kopyalayıp yapıştırın.
4. Kod içinde;
blogurl: Blog adresiniz.
color : Yazı rengi.
hoverColor: Etiketin üzerine gelindiginde oluşan renk.
backgroundColor: Arka plan rengi.
size: Yazı boyutu.
speed: Hızı.
width: Flash etiket bulutunuzun genişliği.
height: Flash etiket bulutunuzun yüksekliği.
transparency: Flash etiket bulutunuzun şeffaflığı.
Html Renkleri için HTML Renk Kodu Bulucu'yu kullanabilirsiniz.

<div id="MEFFlashContent"></div>  
<script type="text/javascript">
/*<![CDATA[*/  var MEFFlashLabelSettings = {      
blogurl        : "http://meftunmede.blogspot.com/",      
color          : "000000",      
hoverColor     : "333333",      
backgroundColor: "FFFFFF",      
size           : 12,      
speed          : 100,      
width          : 250,      
height         : 300,      
transparency   :true  };  
/*]]>*/  </script>  
<script type="text/javascript" src="https://meftun-mede.googlecode.com/svn/trunk/MEFflash_label_cloud.js">
</script>

Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...

İndirim Kodlarıyla İnternetten Daha Ucuza Alışveriş

İnternet üzerinden alışveriş Türkiye’de gün geçtikçe büyüyen bir pazar. Eminim çoğunuz benim gibi online alışveriş yapıyorsunuzdur. İlk zamanlarda cesaret edemediğim ve uzak durduğum online alışverişin rahatlığını ve pratikliğini gördükten sonra elektronikten giyime, ev aksesuarlarından ofis ihtiyaçlarıma çoğu ürünü internet üzerinden almaya başladım.

 

Yazının başında belirttiğim gibi internet üzerinden alışveriş ülkemizde hızla gelişen bir pazar. Bu durum büyük bir rekabeti de beraberinde getiriyor. Firmalar, yeni müşteriler kazanmak için farklı promosyon teknikleri deniyorlar. Tüketici tarafında olduğumuz için bu durum bizim oldukça işimize yarıyor.

 

Firmaların sık kullandığı promosyon yöntemlerinden biri de indirim kodu uygulaması. İndirim kodları sayesinde internet üzerinden yaptığımız alışverişleri daha ucuza getirebiliyoruz. Peki bu promosyon kodlarını nereden ve nasıl temin edebiliriz?

 

 

Türkiye’de henüz yeni bir firma olan ve birçok online mağazanın resmi paylaşım merkezi olan indirimkodlarim.com bu işi bizim yerimize yapıyor. Yüzlerce marka ve mağazada alışveriş yaparken kullanabileceğiniz kupon kodlarını bir araya getiriyor. Üstelik ücretsiz!

 

Örneğin Electro World’den 150 TL’lik teknoloji alışverişi mi yaptınız? Giriyorsunuz Electro World kupon kodları bölümüne, ücretsiz 50 TL’lik kuponu kullanıyorsunuz ve sadece 100 TL ödüyorsunuz.  Ya da D&R’dan bir kitap veya DVD almak istediniz. Giriyorsunuz D&R indirim kodları bölümüne, ücretsiz kargo kuponunu kullanıyorsunuz ve kargo ücreti ödemeden ürünleri satın alabiliyorsunuz. Harika değil mi?

 

Bunlar gibi pek çok özel indirim, fırsat ve hediye için indirimkodlarim.com sitesini incelemenizi öneririm. Unutmayın “Ucuza Almak Akıl İşidir!”

Google Tarzı Sabit Arama Kutusu

Arama kutuları ziyaretçilerin aradıkları içeriğe kolayca ulaşabilmesi açısından çok önemli. Hatta zaman zaman siz bile ardığınız bir konu için blogunuzdaki arama kutusunu kullanabilirsiniz. Özellikle içerik sayınız fazla ise. Bu bakımdan daha önce 2 farklı arama kutusu paylaşmıştım. Bunlar:

 

• Açılır Arama Kutusu
• PSD Arama Kutusu

Bu kez paylaşacağım arama kutusunu diğerlerinden ayıran pek çok özellik var. Örneğin tarz olarak Google’ın tarzına sahip. Ayrıca daha önce paylaştığım açılır arama kutusundaki tıklayınca açılma efekti bunda da var. En önemli özelliği ise blogun bir köşesinde sabit kalması. Floating ( yüzen, kayan ) denen bu özellik sayesinde ziyaretçiler sayfayı aşağı yukarı kaydırsa bile arama kutusu hep önlerinde olacak.

 

 

Sadece CCSS3 tekniği kullanılarak oluşturulan bu arama kutusunun nasıl çalıştığını daha iyi anlamak için aşağıdaki demo videoyu izleyebilirsiniz.

 

 

Bu arama kutusunu kullanmak için yapmanız gereken tek şey Blogger kumanda paneline girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izlemek ve aşağıdaki kodları eklemek.

 

<!-- Blog Hocam Google Tarzı Sabit Arama Kutusu -->
    <div class='bh-arama' id='bh-arama'>
      <form action='/search' id='bh-aramaformu' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ara...&quot;;}' onfocus='if (this.value == &quot;Ara...&quot;) {this.value = &quot;&quot;}' type='text' value='Ara...'/>
        <button id='sbutton' type='submit'>
          <span id='simg'/>
        </span></button>
      </form>
    </div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihM3xp58AhNMgylaVefld5Gy_0dj9ZRVVIQP49si0VEViyFGYqykBtLjxA0LmMaw4FhWboLrC65WMpIi6NjwKG9Sj0spAnLT5j4rFvYlE_VySgl_vINRonipLBtdc55mNUq_5PFRXHNhI/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.bh-arama {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- Blog Hocam Google Tarzı Sabit Arama Kutusu –>

 

Arama kutusu sayfanın sağ üst köşesinde konumlanacak şekilde kodlanmış. Eğer sol üst köede durmasını istiyorsanız right: 0; yazan yeri left: 1% olarak değiştirmeniz yeterli.

Google AdSense Reklamları İçin Başlangıç Rehberi

Blog yazarak para kazanma yöntemleri arasında en yaygını PPC yöntemidir. PPC, Pay Per Click kelimelerinin baş harflerinden oluşmuş bir kısaltmadır ve ziyaretçilerin blogdaki reklamlara tıklamalarından para kazanma esasına dayanır. Dünyada ve Türkiye’de en popüler PPC reklamları ise Google AdSense reklamlarıdır. Blogunuza Google AdSense reklamlarını yerleştirerek hiç bir şey yapmadan pasif olarak para kazanmaya başlayabilirsiniz.

 

 

Kayıt Olmadan Önce

 

Google AdSense ile para kazanmak kulağa çok hoş geliyor fakat bu sisteme kabul edilmek çok da kolay değil. Bazı şartları sağlamış olmanız gerekir.

• Öncelikle 18 yaşından büyük olmalısınız.
• Blogunuz pornografik ve şiddet barından içerik içermemeli .
• Blogunuzda ağır küfür, ırkçı hoşgörüsüzlükle ilişkili veya herhangi bir şahıs, grup veya kuruluş aleyhinde propaganda niteliğindeki içerik yer almamalı.
• Blogunuzda hack, crack, warez ve  uyuşturucu ile ilgili içerikler olmamalı.
• Blogunuzda alkol, tütün, reçeteli ilaç, silah, markaların taklit ürünleri, tez, ödev gibi şeylerin satışı yapılmamalı.
• Blogunuz yasa dışı, yasa dışı etkinlikleri teşvik eden veya başkalarının yasal haklarını ihlal eden diğer herhangi bir içerik içermemeli.
• Blogunuz Google’ın kalite yönergelerine uygun olmalı.
• Ayrıca blogunuzda bir “gizlilik politikası” sayfası oluşturmalısınız. Gizlilik politikası oluşturmayla ilgili bilgi almak için buraya bakabilirsiniz.

 

Kayıt Aşaması

 

Blogunuzu kayıt aşamasına hazır hale getirdikten sonra Blogger kumanda panelindeki Kazançlar sekmesinden veya AdSense kayıt sayfasından başvurunuzu yapabilirsiniz.

 

1. Onay Süreci: Başvurunuzu yaptıktan sonra yaklaşık 2-3 günlük inceleme sürecinin ardından ilk onayı alıp almadığınızla ilgili bir e-posta gönderilir. Eğer blogunuz onaylandıysa sizden reklam birimi oluşturarak blogunuza eklemeniz istenir.

 

2. Onay Süreci: Reklam birimi oluşurmak için Google AdSense hesabınıza giriş yaparak Reklamlarım > Reklam birimleri > Yeni reklam birimi yolunu izleyerek istediğiniz boyutlarda bir reklam birimi oluşturduktan sonra verilen kodu blogunuza eklemelisiniz. Onay aşamasında 1 adet reklam birimi oluşturmanız yeterlidir ve bu reklam birimine ait kodu Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip ederek ekleyebilirsiniz.

 

Onay sürecinin tamamlanması yaklaşık 1 ata sürer bu sürede eklediğiniz reklam biriminde boş bir alan gözükür. Blogunuzun incelenmesi tamamlanıp ikinci onayı da aldıktan sonra size bir bilgi e-postası gönderilir ve birkaç saat içinde boş reklamların yerinde AdSense reklamları gözükmeye başlar. Bu andan itibaren ziyaretçileriniz reklamlara tıkladıkça hesabınızda para birikmeye başlar.

 

Kayıt ve onay işlemi tamamlandaıktan sonra da Google blogunuzu incelemeye devam eder sizden bazı kurallara uymanızı ister.

• Kendi reklamlarınıza tıklamayın, kimseden Google reklamlarınızı tıklamasını istemeyin.
• Reklamların yanlışlıkla tıklanmasını sağlayacak numaralardan kaçının.
• Bir sayfaya en fazla 3 reklam birimi ekleyin ve reklam kodlarında değişiklik yapmayın.

 

Reklam Yerleşimi Ve Optimizasyonu

 

Reklam birimlerinin yerleşimini yaparken performansı olduğu kadar kullanıcı deneyimini ve Google AdSense politikalarını da göz önünde bulundurmalısınız.

• Blogunuzun içeriğini mantıklı bir şekilde düzenleyin ve blogunuzda gezinmeyi kolaylaştırın.
• Reklamlarınızı kullanıcıların ilgilendikleri içeriğin yakınına yerleştirin ve kullanıcıların aradıkları içeriği kolayca bulabildiklerinden emin olun.
• Blogunuzdaki resimleri reklamlarınızla hizalamayın veya reklamın yakınındaki içeriğin reklamlarınızın biçimlendirmesini taklit etmemesine özen gösterin.
• Reklamları, menü, gezinme veya indirme bağlantılarıyla karıştırılabilecekleri konumlara yerleştirmeyin.

AdSense yetkilileri  yaptığı araştırmalar ve A/B testleri sonucunda bloglar için en uygun reklam yerleşiminin şu şekilde olduğunu tespit etmişlerdir:

 

 

 

AdSense Reklamları Ne Kadar Kazandırır?

 

AdSense reklamları ile elde edilen kazanç siteden siteye farklılık gösterir. Kazancınızı belirleyecek 2 temel faktör vardır. Reklamlara tıklanma sayısı ve tıklama başına maliyet. Örneğin reklamlarınıza bir ayda 100 kez tıklandıysa ve TBM (Tıklama Başına Maliyet) 0.5$ ise o ay kazancınız 100x0.5 = 50$ olur.

 

Reklamlara tıklanma sayısını arttırmaya yönelik yerleşim ipuçlarından yukarıda kısaca bahsettim. Şimdi de TBM yani tıklama başına maliyeti arttırmak için neler yapabileceğinizden bahsedelim.

• Reklam birimlerinizin tümü için hem metin reklamların hem de resim reklamların/zengin medya reklamlarının gösterilmesi seçeneğini etkinleştirin.
• Filtre listenizi kısa tutun, böylece yüksek ödeme yapan reklamları engelleyerek gelir potansiyelinizi azaltmamış olursunuz.
• Yerleşim hedeflemeye yönelik özel kanallarınızı oluşturarak siteniz için rekabet eden reklam sayısını artırın.
• Blogunuzda belli konulara odaklanarak kaliteli içerik üretin.

 

Başlangıç için bu kadar bilgi yeterli diye düşünüyorum. İlerleyen günlerde AdSense reklamları ile daha fazla kazanmanıza yardımcı olacak makaleler yazmaya devam edeceğim.

 

Bol kazançlar!

Faydalandığım kaynaklar: - https://support.google.com/adsense/

                                  - http://adsense.blogspot.com/

                                  - http://productforums.google.com/forum/#!forum/adsense-tr

Dönme Efektli Sosyal Takip Eklentisi

Google’dan sonra en önemli trafik kaynaklarından biri olan sosyal medya kanallarında yer almaya dikkat etmeliyiz. Facebook, Twitter, Google+ gibi popüler sosyal platformlarda takipçi sayımız ne kadar çok olursa, blog trafiğimiz o kadar artar. Bu yüzden blogumuza sosyal medya butonları koyarak ziyaretçilerimizi bu platformlardaki hesaplarımıza yönlendirmeliyiz. İşte blogunuzun kenar çubuğuna ekleyebileceğiniz, hover efektli şık bir sosyal takip eklentisi…

 

 

Bu resimden başlıkta bahsettiğim dönme efektini anlamanız elbette mümkün değil. Bu yüzden aşağıdaki demo videoyu izlemenizi de öneririm.

 

 

Eklentiyi blogunuzda kullanmaya karar verdiyseniz Blogger kumanda paneline girdikten sonra Yerleşim > Gadge Ekle > HTML/JavaScript Gadget yolunu izleyerek aşağıdaki kodları eklemeniz yeterli.

 

<!--Blog Hocam Metro Spinning Sosyal Takip Eklentisi-->

<div class="subscribe">
<ul> <li class="rss"><a href="http://feeds.feedburner.com/bloghocam" target='_blank'><span></span>RSS</a></li>
<li class="twitter"><a href="http://twitter.com/bloghocam" target='_blank'><span></span>Twitter</a></li>
<li class="gplus"><a href="https://plus.google.com/108761595756468128383" target='_blank'><span></span>Google Plus</a></li>
<li class="facebook"><a href="http://facebook.com/bloghocam" target='_blank'><span></span>Facebook</a></li> </ul>
</div> 

<style>
.subscribe li {
display: block !important;
margin-right: 0 !important;
width: auto !important;
}
.subscribe li a span {
display: block;
height: 32px;
left: 0;
position: absolute;
top: 2px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transition-duration: 0.8s;
transition-property: all;
width: 32px;
}
.subscribe .twitter span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZs2f8DWLOycRlXpG0ciEdDAHnKnKCsKhP1bpdJbw3B45oJsGCxbhYU0maAD8dIGoY55vdCJnDv1s-n7zSqKli8xPhuTJvQKIgB5B96ZlisvVCuapmKooDKPdzVio_Tm6-LJw7B2TBt8/s1600/twitter_icon.png) no-repeat;
}
.subscribe .twitter a {
background: #91C661;
}
.subscribe li a:hover span {
transform:rotate(340deg);
-webkit-transform:rotate(340deg);   
}   
ol, ul {
list-style: none outside none;
}
.subscribe li {
display: block !important;
margin-right: 0 !important;
width: auto !important;
}
.subscribe li {
display: inline-block;
margin: 0 20px 10px 0;
position: relative;
width: 200px;
}
.subscribe .rss span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxRhfs-uw3yE6zFQX8OWWZUSl1LPD5ej8TmhlqqxOEwDso19pB1WmQXk1Y28M7eoK85HDVmWkelg_4qxydZN7opYsbiXZS448AYZDX4JEtm0bmNSuges75-0dxCxyVNN07BCTsBCJPfE/s1600/rss-icon.png) no-repeat;
}
.subscribe .rss a {
background: #F67F00;
}
.subscribe li a {
color: #FFFFFF;
display: block;
font-family: verdana;
font-size: 12px;
padding: 10px 10px 10px 40px;
text-decoration: none;
font-weight: bold;
}
.subscribe li a span {
display: block;
height: 32px;
left: 0;
position: absolute;
top: 2px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
transition-property: all;
width: 32px;
}
.subscribe li a:hover span {
transform:rotate(340deg);
-webkit-transform:rotate(340deg);
} 
.subscribe .twitter span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZs2f8DWLOycRlXpG0ciEdDAHnKnKCsKhP1bpdJbw3B45oJsGCxbhYU0maAD8dIGoY55vdCJnDv1s-n7zSqKli8xPhuTJvQKIgB5B96ZlisvVCuapmKooDKPdzVio_Tm6-LJw7B2TBt8/s1600/twitter_icon.png) no-repeat;
}
.subscribe .twitter a {
background: #91C661;
}
.subscribe .gplus span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimmq1UMQJwINOC81tWrJ3MMZqTu3eUW7ON2x0jeK6GJjC4tCX5xSNl_9q8n05b8IRv7CiTM7UEzmCjFPoiSEJ8jTfqXlwdyGWjhSEbzcpRPCnThtahIAj-j5W5_OvEpLCH-1Ns5d4Ym8Q/s1600/googleplus.png) no-repeat;
}
.subscribe .gplus a {
background: #D74D2F;
}
.subscribe .facebook span {
background-color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlxfia2v5c-uwu5g9hUcCejoEzEXiu5y5RvlJlzJWJMrNwn1Wtp6s9gKc5ZrNbqBxm31nP_Uqm0v5V1IJO8ndHP807J6gFJSpE5gYUoQ8cY_PGa4g1oCiJjGddxW0DA5GZpHlVC9CAuos/s1600/facebook-icon.png) no-repeat;
}
.subscribe .facebook a {
background: #3B5998;
}
</style>

<!--Blog Hocam Metro Spinning Sosyal Takip Eklentisi-->

 

Bordo renkle gösterdiğim Blog Hocam’a ait hesap adreslerinin yerine kendi adreslerinizi yazmayı unutmayın!

 

Alternatif sosyal takip eklentisi arayanlar daha önce paylaştığım şu eklentilere de bakabilirler:

 

• Blogunuz için Şık Bir Abonelik Widget'ı
• Blogunuza Sosyal Takip Butonları Ekleyin
• Hover Efektli Sosyal Takip Eklentisi
• Metro Tarzı Sosyal Medya Eklentisi
• İpucu Balonu Tarzında Sosyal Takip Butonları

Google Algoritma Güncellemelerinin Etkilerini Ölçün

Blog dünyasında en çok tartışılan konulardan biri Google’ın algoritma güncellemeleri ve bunların etkileridir. Bu konuya fazla kafa yoran blog yazarları etrafta dolaşan yanlış bilgilerin etkisinde kalarak her trafik düşüşünü Google’ın algoritma güncellemesine bağlayarak gereksiz evhamlara kapılmaktalar.

 

Trafikteki düşüşün sebebinin algoritma güncellemeleri olup olmadığını Google Analytics ve bazı yardımcı araçları kullanarak ile anlamak mümkün fakat bu işlemi bizim yerimize kolayca yapabilecek ücretsiz bir araç var.

 

Bararcuda Panguin Tool isimli bu araç Google Analytics hesabınıza bağlanarak organik trafik verilerinizi çıkarıyor ve databaseindeki algoritma güncelleme bilgileri ile birleştirerek size bir grafik çıkarıyor. Bu sayede hangi tarihte, hangi güncellemeden, nasıl etkilendiğinizi kolayca görebiliyorsunuz.

 

1. Adım: http://www.barracuda-digital.co.uk/panguin-tool/ adresine giderek ana sayfada bulunan Log-in to Analytics butonuna tıklayarak Analytics hesabınıza bağlanma işlemine bağlayın.

 

 

2. Adım: Devamında yeni bir pencere açılacak ve aracın Analytics hesabınıza bağlanması için izniniz istenecek. Burada Kabul Et butonuna basarak devam edin.

 

 

3. Adım: Devamında Analiytics hesabınıza bağlı olan sitelerin listesi gelecek. Burada incelemek istediğiniz sitenin ismine tıklayarak profile bağanın.

 

 

4. Adım: Ve algoritma güncellemelerinden nasıl etkilendiğinizi gösteren grafik hazır. Kırmızı renkli çizgiler Panda güncellemesini, mavi renkli çizgiler Penguen güncellemesini, turuncu renkli çizgiler ise diğer Google güncellemelerini simgeliyor.

 

 

Algoritma güncellemelerinden nasıl etkilendiğinizi anlamak için güncellemeyi simgeleyen çizgiden sonra gidişatın yukarı mı aşağı mı olduğuna bakın.

 

Son olarak Türkçe bloglarda bu verilerin %100 isabetli olduğunun garantisi olmadığını hatırlatmak isterim. Ancak organik trafik ile alogritma güncelleme tarihleri ilişkilendirildiği için doğruluk payı oldukça yüksek diye düşünüyorum.

gute nacht