29 Haziran 2012 Cuma

12 Adımda Split Testing ile Takipçilerinizi Arttırın

Split Testing Nedir ? BlogHocam’a bıraktığım bir kaç yorumda Split-Testing’den bahsetmiştim. Şimdi Split-Testing’in anlamını, uygulanış biçimini ve faydalarından bahsedeceğim. İnternet sitenizin türü ne olursa olsun Split-Testing uygulanmalıdır. Split-Testing uygularsanız zamanla istediğiniz değerleri arttırabilirsiniz mesela takipçilerinizi arttırabilir, YouTube ve benzeri video sitelerine yüklediğiniz videoların izlenme sayılarını arttırabilir, sitenizin ziyaretçi sayısını arttırabilirsiniz hatta sahip olduğunuz yada satış ortaklığını yaptığınız hizmet yada ürünün satışlarını 2’ye 3’e katlayabilirsiniz.

 

Split-Testing, Türkiye’de pek önemsenmeyen, bilinmeyen bir konu. Çok az sayıda firma yada kişi Split-Testing yapmaktadır fakat yurtdışında ki firmalar ve bloggerlar bunun önemini anlamış ve üzerinde çok durmuşlardır.

 

Sizin için aşağıda bir görsel hazırladım, Split-Testing yaparak hiç zorlanmadan hedefinize ulaşabilirsiniz. Aşağıda ki senaryoya bakarsanız %1 dönüşüm var. Süreyi kısaltmak için ya ziyaretçiyi 10 katına çıkartmamız gerekiyor yada hedefi 10 kat küçültmemiz gerekiyor. Trafiği arttırmak o kadar kolay değildir ve zaman alır, hedefi küçültmeninde bir anlamı yoktur.

 

 

Split Test İstatistikleri

 

 

Split-Testing’in anlamı, ziyaretçinin hareketlerini test etmektir yani tasarımda ve içerikte yaptığınız ufak değişikliklere ziyaretçinin tepkisini ölçmektir. Bunu yapmak için az da olsa trafiğe ihtiyacınız var. Trafiği nereden sağlayacaksınız; Seo, Banner Reklam, Forumlar, Konuk Yazarlık, CPC vb.

 

Split-Testing yaparken kullanacağım araçlar Google Website Optimizer ve daha da önemlisi kağıt-kalem. Şuan için bu konuda tecrübesizim. Facebook vs beğenilerini nasıl otomatik takip edeceğimi bilmiyorum, belki de ufak bir script yazabilirim ( Bu scripti yaparsam sizinle paylaşırım ). Elimden geldiğince zorlukların üstesinden gelip ve size anlatmaya çalışacağım.

 

Şimdi Split-Testing’in anlamını ve ihtiyacımız olanları öğrendiğimize göre uygulamaya geçelim. Kendi blogumda Split-Testing uygulamaya başlayacağım. Şuan için Aweber gibi otomatik cevaplayıcı sistemler kullanmadığım için şimdilik takipçi sayılarımı ve Rss abonelerimi çoğaltmayı hedefliyorum. Blogumda bir makalede bahsettiğim gibi tam olarak 2012 sonuna kadar hedefim kullandığım sosyal medya hesaplarında ve Rss abonelerinde +500’e ulaşmak. Aslına bakarsanız bu canlı bir ders olacak, yani ilerleyişimi günbegün görebileceksiniz. Peki hedefime ulaşmak için neler yapabilirim ?

 

1- Sidebar’a site renkleriyle uyumlu bir takip kutusu ekleyebilirim. ( BlogHocam’da ki gibi )

 

2- Makale sonlarına eklediğim paylaşma ve takip tasarımının düzenleyebilirim. Renklerle oynayabilirim, yerlerini ve şekillerini değiştirebilirim.

Makale Sonu Paylaş
3- Site rengine uyumlu oklar kullanarak insanların dikkatini istediğim yere çekebilirim.

Bu yöntemi yurtdışında ki bloggerlardan öğrendim. Okları kullanarak insanların dikkatlerini istedikleri yerlere çekebiliyorlar. Böylece hem takipçi sayılarını arttırıyorlar hemde satışlarını ikiye katlıyorlar.

Örnek: Pat Flynn - GreenAxamAcademy.com, Siteye girdiğinizde yukarıda ki bannerda kırmızı bir ok göreceksiniz. Pat, o kırmızı okun satışlarını %30 arttırdığınız söylüyor. Bunu anlattığı videonun o bölümü .

 

4- Ücretsiz bir rehber çıkartarak insanların e-posta adreslerini alabilirim.

Bu en hızlı ve en kolay yoldur fakat dikkat etmemiz gereken bir şey var. İnsanlara verdiğimiz ücretsiz rehberlerin içi gerçekten kaliteli bilgi ile dolu olmalıdır. Baştan savma bir kitap verirseniz sadece insanların e-postalarını kaybetmekle kalmazsınız, onların güveninide kaybedersiniz.

 

5- Bir takım kodlarla ziyaretçi yazının sonuna geldiğinde bir süre sonra ona bir kutu gösterebilirim. Böylece dikkatini birden bire kutuya çekebilirim.

Pop-up’tan biraz daha farklı bir yöntem. Kodları bulup, kullanıp, sonuç alınca sizinle burada paylaşacağım.

 

6- Pop-up Yazılımları Kullanabilirim

Arama motorları ve ziyaretçiler tarafından rahatsız edici bulunsa da gerçekten işe yarayan bir yöntem. Tabi doğru kullanıldığında.

 

7- Hakkımda Sayfasına Takip Kutusu Ekleyebilirim

Bunuda yurt dışında ki bloggerlardan öğrendim. Oldukça etkili bir yöntem. İnsanların sizi tanıdığı sayfada size güvenip, sizi takip etmesi daha muhtemeldir. Bu hiç aklıma gelmezdi ama gerçekten işe yarıyormuş. Bunu deneyip bende göreceğim.

 

8- Yorum Kutusunu Kullanabilirim

Bunu çok denedim ama başarısız oldum, profesyonel bir yazılımcı bulup bunu ona danışacağım. İnsanlar bloguma yorum bırakırken e-posta adreslerini yazmak zorundalar. Onlardan bir checkbox yardımı ile izin isteyebilir ve böylece zahmetsizce bültenime kayıt edebilirim. Blogumda şuan +250 yorum var. Problemi çözebilseydim bu sayının yarısını bültenime kayıt edebilirdim.

 

9- Ödüllü Yarışmalar/Çekilişler Düzenleyebilirim

Her bir mecrada takip etmek bir çekiliş hakkı olsa, eminim 5-10 çekilişte amacıma ulaşabilirim.

 

10- Facebook Uygulaması ile E-Postalarını Alabilirim

Facebook uygulamaları ile ilgili bir kitap almıştım ama pek derinine inemedim. Okuldan arkadaşım ( Barış Gün ) kendini php konusunda kanıtladı. Ondan yardım alarak bu facebook yazılımını üretebiliriz. Böylece insanlardan, onları zahmete sokmadan e-postalarını alabilirim.

 

11- Yorumlara Teşekkür Eklentisini Kullanabilirim

Bir ziyaretçi, bloguma ilk yorumunu bıraktığında onu hazırladığım teşekkür sayfasına yönlendirip, samimi düşüncelerimi ona aktarabilirim. Daha sonra ona ücretsiz bir e-kitap verebilir yada gelecekle ilgili bir haber verip beni takip etmesini isteyebilirim. Eminim bu akılda kalıcı olacaktır.

 

12- İletişim Kutusunu Optimize Edebilirim

Genelde makale sonlarında " benden istediğiniz gibi yardım talep edebilirsiniz " mesajını veriyorum. İletişim sayfasından bana mesaj atmak isteyen bir kişi kesinlikle e-posta adresini vermek zorunda, ki geri dönüş yapabileyim.

 

31 Aralık 2012’ye kadar bunlar dahil bulduğum bütün yöntemleri uygulayıp bütün sosyal medyalarda +500 takipçiye ulaşmaya çalışacağım. Gelişmelerden sizi tekrar tekrar haberdar edeceğim ve sonuçları yine bir misafir yazı olarak BlogHocam’da paylaşacağım, elbette Serdar Kara kabul ederse. Hedeflerime ulaşmama yardım etmek için bana başka fikirler verebilir, beni takip edebilir ve bu yazıyı paylaşabilirsiniz.

 

Bu Makale : İnternetten para kazanmak, profesyonel blog yazarlığı ve uzmanlık sektörüyle ilgilenen ve içerik üreten Batuhan ŞASI tarafından yazılmıştır. Yazarın diğer yazılarını okumak için Affiliate Hocasi.com'u ziyaret edebilirsiniz. 

Android @ I/O: oyun alanı sizleri bekliyor

Geçtiğimiz yıl Google I/O’da momentum, mobil ve pek çok başka konu hakkında konuşmuştuk. Bu yıl ise kaldığımız yerden devam ediyoruz. Geçtiğimiz yılın Haziran ayında 100 milyon olan Android cihaz sayısı bu yıl 400 milyonun üzerine çıktı. Geçen her saniyede on iki yeni Android cihazı aktif hale geliyor – bu da günde 1 milyondan fazla cihaz demek. Bugün, Google Play’e daha fazla eğlence katan Android’in yeni versiyonu Jelly Bean’i ve size en iyi Google deneyimini sunacak olan iki güçlü ama tamamen farklı Nexus cihazını tanıtacağız.

Jelly Bean: basit, güzel ve akıllının ötesinde
Jelly Bean, Ice Cream Sandwich üzerine daha fazlasını ekliyor. Her şeyi daha pürüzsüz, hızlı ve akıcı yapıyor. Örneğin bildirimler artık daha dinamik: bir toplantıya geç kalmışsanız ya da bir cevapsız aramanız varsa bildirimler üzerinden doğrudan e-posta gönderebilir ya da arama yapabilirsiniz. Klavyesi daha akıllı ve hassas, bir sonraki kelimenizi tahmin edebiliyor. Sesle yazdırma da daha hızlı, data bağlantınız yokken bile çalışıyor.

Jelly Bean’deki arama özelliğini yeni bir kullanıcı ara yüzü, daha hızlı ve daha doğal Sesli Arama ile yeni baştan tasarladık. Aramak istediğiniz sözcüğü yazabilir ya da basitçe Google’a sorabilirsiniz. Google, arama sonuçlarının bir listesine ek olarak Knowledge Graph aracılığıyla kesin bir cevap vererek sizinle konuşacaktır.

Günümüzün akıllı cihazları hemen hemen her şeyi yapabilmek için size bağlıdır. Bu durum artık değişiyor. Google Now, doğru zamanda doğru bilgiyi size sağlayan yeni bir özellik. Güne başlamadan önce size hava durumunu, işe gitmek üzere evden çıkmadan önce trafik yoğunluğunu ve tuttuğunuz takımın maç sonuçlarını söyler. Bilgiler onlara en çok ihtiyacınız olan anlarda ortaya çıkar.

Temmuz ortasından itibaren Galaxy Nexus, Motorola Xoom ve Nexus S için güncellemelere başlayacağız ve aynı zamanda Jelly Bean’i açık kaynak kodlu olarak yayınlayacağız.

Google Play: daha fazla eğlence
Google Play müzik, film ve kitaplara ek olarak 600,000’den fazla uygulama ve oyun içeren dijital eğlence platformunuz olarak tasarlandı. Tamamen bulut tabanlıdır, yani tüm içeriğe bütün cihazlarından devamlı olarak erişebilirsiniz. Bugün, mağazamız dergileri de içerecek şekilde genişledi. House Beautiful, Men’s Health, Shape ve WIRED gibi dergileri kullanıcılarımıza sunmak için önde gelen yayıncılar Condé Nast, Hearst, Meredith ve daha fazlasıyla birlikte çalışıyoruz.

Artık film kiralamaya ilaveten filmleri satın da alabiliyorsunuz. Google Play’e televizyon programlarını da ekliyoruz – aslına bakarsanız ABC Studios, NBCUniversal ve Sony Pictures gibi dünyanın en büyük şirketlerinin normal ve kablolu yayında yayınlanan "Revenge," "Parks & Recreation" ve "Breaking Bad," gibi programlarının binlercesini ekliyoruz. Filmleri ve televizyon programlarını Android cihazınızda, internette Google Play ve YouTube üzerinden izleyebilirsiniz ve yakında bu deneyimi Google TV cihazlarına da taşıyacağız.

Film satın alma, televizyon programları ve dergiler, play.google.com adresinde mevcut ve önümüzdeki günlerde cihazlara da taşınacak.

Nexus 7: güçlü, taşınabilir ve Google Play için tasarlandı
Tüm bu muhteşem Google Play içeriği, 7” 1280x800 çözünürlüğünde HD ekrana sahip yeni bir tablet olan Nexus 7’de hayat buluyor. Tegra-3 ana kart, dört çekirdekli işlemci ve 12 çekirdekli grafik işlemci oyunlar dâhil her şeyi inanılmaz derecede hızlı hale getiriyor. Ve en güzel yanı, sadece 340 gram, piyasadaki çoğu tabletten daha hafif. Nexus 7 size en iyi Google deneyimini sunmak için tasarlandı. Ön yüzündeki kamerayla Google+ üzerinden 10 kişiye kadar aynı anda iletişim kurun, Chrome ile internette son sürat gezinin ve Gmail ile e-postalarınızı takip edin.


Nexus 7, "Transformers: Ayın Karanlık Yüzü" filmi, “The Bourne Dominion” kitabı ve Condé Nast Traveler ve Popular Science gibi dergiler ve Coldplay ve Rolling Stones gibi grupların şarkıları yüklenmiş olarak size geliyor. Aynı zamanda, Google Play’den kısıtlı bir süre için en sevdiğiniz filmleri, kitapları ve daha fazlasını satın alabilmeniz için 25$’lık krediniz yüklendi bile... ABD, Birleşik Krallık, Kanada ve Avustralya’da Nexus 7’nin ön satışı Google Play üzerinden başladı ve ABD’de 199$’dan başlayan fiyatlarla satılıyor. Temmuz ortasında cihazlar gönderilmeye başlanacak.

Nexus Q: Bu bir küre!
Eğlencenizi gittiğiniz yere götürebilmek harika, ama bazen kulaklıkları bir kenara atıp arkadaşlarınız veya ailenizle müziğin tadını çıkarmak isteyebilirsiniz. Bu nedenle, Android ve Google Play’in gücünü evinizde rahatça müzik ve video yayını yapabilmeniz için birleştiren ve tamamen bir Android telefon ya da tablet ile kontrol edilebilen Nexus Q’yu takdim ediyoruz. Google tarafından tasarlanan ve üretilen Nexus Q evinizdeki en iyi hoparlörlere ve TV’ye bağlanabilen bir küre. İlk sosyal yayın cihazı olan Nexus Q’yü, herkesin partiye kendi şarkısını getirebildiği bulut bağlantılı bir müzik kutusu gibi düşünün...

Piyasadaki 400 milyon Android cihazdan birine sahipseniz, bunun yalnızca bir tablet ya da telefondan daha fazlası olduğunu biliyorsunuzdur. En iyi Google deneyimine açılan kapınız – her şey ve tüm eğlence gittiğiniz yere sizinle birlikte gelir. Artık Android’in yeni bir versiyonuna sahipsiniz, daha fazla eğlence ve arasında seçim yapabileceğiniz gittikçe büyüyen bir Nexus portföyü – hepsi Google Play’de mevcut. Oyun alanı sizleri bekliyor.

Gönderen Andy Rubin, Mobil ve Dijital İçerik Kıdemli Başkan Yardımcısı

28 Haziran 2012 Perşembe

Blogger’dan Yeni Özellik: Özel Permalinkler

Blogger kullanıcılarının gelişmesini en çok istedikleri şeylerin başında şüphesiz SEO kontrolü ve deneyimi geliyor.Blogger da kullanıcılarının bu beklntisini kraşılayacak adımları atmaya devam ediyor.Blogger Draft’ta kullanılmaya başlanan ve çok yakında normal kumanda panelinde de aktifleşecek olan son özellik ise özel permalink ayarları.

 

Permalink Nedir?

 

Blogunuzda yer alan her hangi bir yazının  başlığına tıkladığınızda tarayıcınızın adres satırında gözüken URL’ye permalink ya da permanent link ( kalıcı bağlantı ) denir.

 

Blogger’da biryazı yayınladıktan sonra Blogger o yazınızın permalinkini 35-40 karakter olacak şekilde otomatik olarak belirler.Eğer başlıkta türkçe karakterler kullandıysanız oluşturulan bu otomatik permalinkanlamsız bir URL olur ve arama sonuçlarında sizi 1 adım geriye iter.

 

Daha önce bloguma misafir yazar olan Burak Göç, Blog Hocam için yazdığı SEO Dostu Url Oluşturalım başlıklı yazısında bu konudan bahsetmiş ve bu sorun için meşakkatli de olsa bir çözüm bulmuştu.Artık o yazıda anlatılan ve çoğumuzun üşendiği için uygulamadığı bu hileye gerek kalmayacak çünkü Blogger, Draft panelinde özel permalink ayarını kullanıma açtı.

 

Özel Permalink ( Kalıcı Bağlantı ) Nasıl Oluşturulur?

 

Yukarıda da söylediğim gibi özel permalink ayarı şu an için sadece Draft panelde mevcut.Bunun için öncelikle Blogger Draft paneine giriş yaparak yeni bir kayıt oluşturun.Yazınıın başlığını yazdıktan sonra sağ taraftaki Kalıcı Bağlantı seçeneğine tıkladığınızda yazı başlığınıza göre oluşturulan otomatik URL’yi göreceksiniz.

 

Örneğin ben yazı başlığına Özel Kalıcı Bağlantı Ayarı yazdım ve otomatik URL şu şekilde oldu: http://bloghocam.blogspot.com/2012/06/ozel-kalc-baglant-ayar.html

Blogger Özel Kalıcı Bağlantı Ayarı

 

Gördüğünüz gibi otomatik oluşturulan permalink türkçe karakterleri içermediği için oldukça anlamsız oldu ve beni Google aramasında bir adım geri attı.

 

Şimdi buradaki Özel URL seçeneğini işaretleyip SEO dostu bir permalink oluşturacağım.Özel URL olarak Ozel-Kalici-Baglanti-Ayari yazarsam türkçe karakterlerden kurtulmuş olurum böylece permalinkim daha anlamlıı bir hale dönüşür: http://bloghocamtest.blogspot.com/2012/06/Ozel-KaliciBaglantiAyari.html

 

Blogger Özel Kalıcı Bağlantı Ayarı

 

Blogger eski arayüze alışan kullanıcılarını (ben de dahil) yeni arayüze geçmeye bir türlü ikna edemediği için tüm eski arayüzü tammamen iptal etme kararını aylar öncesinden almasına rağmen sürekli erteliyordu.Bu sırada kullanıcılara yeni arayüze geçmeleri içinyeni sebepler üretmeye devam etti.Son sebebimiz de bu özel permalink ayarı.Bakalım yeni arayüze geçmeye ne zaman mecbur bırakılacağız.

27 Haziran 2012 Çarşamba

Kıtalar Arası bir KuşAtma!

9 metrelik dev bir sapan, kocaman Angry Birds kuşları, üzerinde domuzcukların olduğu devasa bir platform ve muhteşem İstanbul Boğazı manzarası... Bunların hepsi biraraya gelmiş ve bu görüntüleri oluşturmuş:



Videonun asıl amacı Cheetos için hazırlanan ve www.istanbulkusatmasi.com  adresinde bulunan özel Angry Birds oyununu tanıtmak. Oyunda hergün 1 iPad 2 başta olmak üzere Angry Birds anahtarlıklar, peluş oyuncaklar, 100 ve 200 TL’lik Teknosa hediye çekleri de ödül olarak veriliyor. Twitter paylaşımlarında da #istanbulkusatmasi hashtag’i ile video yayılmakta.

Bir bumads advertorial içeriğidir.

Sayfayı Kaydırınca Açılan Mesaj Kutusu

Okuyucularınıza bir duyuru yapmak veya onları bir aksiyona davet etmek için uyarı kutuları ve çubukları çok faydalıdır.Daha önce bu amaçla kullanabileceğiniz 3 farklı eklenti paylaşmıştım.Bunlar:

Hepsini birbirinden farklı özellikleri vardı.Bu yazıda paylaşacağım mesaj kutusunun da bambaşka özellikleri var.Bunlrdan kısaxa bahsedecek olursam;

 

Sayfayı Kaydırınca Açılan Mesaj Kutusu

 

Farenin tekerleği veya sayfadaki kaydırma çubuğu ile sayfayı aşağıya doğru kaydırmaya başladıktan sonra bu mesaj kutusu sayfanın belirlediğiniz yerinde otomatik olarak açılıyor.Sayfayı tekrara yukarıya çıkardığınızda mesaj kutusu tekrar kapanıyor.Blogunuzda sayfalar arasında dolaşırken mesaj kutusunun tekrar gözükmesini istemeyenler için de kapatma seçeneği mevcut.Daha iyi anlamak için aşağıdaki videoyu izleyebilirsiniz.

 

 

Eklentiyi blogunuza eklemek için aşağıdaki kodları HTML/JavaScript gadget olarak eklemeniz yeterli.

 

<script type="text/javascript" src="http://yourjavascript.com/34145129629/sayfayi-kaydirinca-acilan-mesaj-kutusu.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:#000; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#66ad3d;">Buraya mesajınızı yazın. </strong>
</div></div>

 

Kırmızı renkle gösterdiğim yere kutuda gözükmesini istediğiniz mesajı yazın.

25 Haziran 2012 Pazartesi

“Yazı Kaç Kez Okundu?” Eklentisi

Blogunuzda yayınladığınız bir yazının kaç kez okunduğunu Analytics veya benzeri araçlarla detaylı bir şekilde görebilirsiniz ancak bunu her yazının başında veya sonunda okuucularına göstermek isteyen blogcular da olabilir.O yüzden bu eklentinin işe yaraycağını düşündüm ve paylaşmaya karar verdim.

 

Öncelikle birkaç uyarıda bulunmak istiyorum.Bu eklenti ile yazıyı kaç kişinin okuduğunu değil, kaç kez okunduğunu görebiliyorsunuz.Yani o yazıya her girildiğinde sayıda artış olacaktır.Bu yüzden çok doğru sonuçlar vermeyebilir ve kolayca manüpile edilebilir.

 

“Yazı Kaç Kez Okundu?” Eklentisi

 

Resimde gördüğünüz örnekte ben eklentiyi yazının hemen altına ekledim.Anlatımı da bu şekilde yapacağım.İsterseniz farklı bir yere de ekleyebilirsiniz.

 

Eklentiyi blogunuza eklemek için şablonunuzdan ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

.ziyaretci-sayac{
background-image:
url(http://icons.iconarchive.com/icons/deleket/soft-scraps/16/Document-Copy-icon.png)
; background-position: 1em 1em; background-repeat:
no-repeat; background-color: #Fff; width: 50%; border:1px
#333 solid; padding: 1em; padding-left: 70px;
color: #ff2a00;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:5px;
}

 

İkinci olarak şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function setC(visitors, value){
var expireDate=new Date (2099, 12, 31);
document.cookie = visitors + "=" + escape(value) + ((expireDate == null) ? "" : ("; expires=" +
expireDate.toGMTString())) }
function readC(visitors){
var search = visitors + "=";
var i, j;
if (document.cookie.length > 0) {
i = document.cookie.indexOf(search);
if (i != -1) {
i += search.length;
j = document.cookie.indexOf(";", i);
if (j == -1) j = document.cookie.length;
return unescape(document.cookie.substring(i,j));
} } }
var num;
num=readC("visitors");
if (!num) num=0;
num++;
setC("visitors", num);
document.write("<div class='ziyaretci-sayac'>");
document.write("<b>Bu yazı daha önce "+num+" kez okundu.<\/b>");
document.write("<\/div>");
//]]>
</script>
</b:if>

 

Eklentiyi sadece kayıtları okumak için içine girdiğinizde gözükecektir.Blogunuzun ana sayfasında gözükmez.

22 Haziran 2012 Cuma

Yemek Siparişinde Tek Bir Restorana Bağlı Kalma Devri Kapandı!

Öyle bir yemek sipariş sitesi düşünün ki ister evde, ister yolda, isterseniz işte olun binlerce yemek çeşidinden biri en hızlı şekillde ayağınıza gelsin.Üstelik farklı ödeme seçenekleri sayesinde hiç bir güvenlik sorunu yaşamadan. Ben bu şekilde kusursuz hizmet veren bir site tanıyorum: www.istelezzet.com

Yemek Siparişi Sepet ile Taşınmaz...:) from Istelezzet on Vimeo.


Istelezzet.com’un kullanışlı internet sitesi ve mobil aplikasyonu sayesinde kolayca siparişinizi verebiliyorsunuz.Üstelik verdiğiniz her siparişte biriken puanlarınızla ücretsiz yemek siparişi verebiliyorsunuz.

Istelezzet.com’un en beğendiğim özelliği ise bize tek seferde farklı firmalardan sipariş verebilme imkanı sunması. Ayrıca www.istelezzet.com’da ne yiyeceğine karar veremeyenler de düşünülmüş ve Karasızım isimli bir servis oluşturulmuş. Bu servis bulunduğunuz yere en yakın ve size en uygun seçenekler önererek seçim yapmanıza yardımcı oluyor.

Zengin restoran seçenekleri, ihtiyaca göre menü belirleme ve menü fiyatlarını sürekli güncel tutma gibi özellikleriyle sizi fazlasıyla tatmin edecek bir site olan istelezzet.com, bünyesindeki işletmeleri sürekli kontrol ederek kullanıcılarına kaliteli ve sağlıklı servis sunmayı da ihmal etmemiş.

Bir bumads advertorial içeriğidir.

20 Haziran 2012 Çarşamba

Click Box Eklentimi Paylaşıyorum

Blogumun sidebarında en üstte gördüğünüz Facebbok beğen, Twitter takip et ve Google +1 butonlarından oluşan bçölüme Click Box adını vermiştim.Bu bölbutonları ilk eklediğimde sizden güzel tepkiler almıştım.O günden beri yorumlarda ve mesajlarda bu Click Box’ın nasıl yapıldığını soran çok kişi oldu.Sanırım artık paylaşma zamanı geldi.

 

Kodların gadget olarak kolayca eleyebilmeniz olabildiğince sadeleştirdim.Bazı okuyucular butonlardan sadece 1 veya 2 tanesini kullanmak istediği için kodları ayrı ayrı paylaşıyorum.Yapmanız gereken sayfa adreslerini kendi adreslerinizle değiştirmek ve kodları HTML/JavaScript olarak kenar çubuğunuza eklemek.

 

Facebook Beğen Butonu

 

Click Box Facebook

 

İlk olarak Facebook beğen butonu ile başlayalım.Burada değiştrmeniz gereken tek yer http://bloghocam.blogspot.com/ yazan yer.Buraya beğen butonua basıldığında hangi sayfanın beğenilmesini istiyorsanız onun adresini yazın.Blogunuz veya Facebook sayfanız olabilir.

 

<style>
#clickface {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwP00oYS7WjaayzshlsSRrVeb-ydbzbppX8m5cyS6c32zTLxZzuUBcd805gsDT3iqzlMPTg1AM7LYRalaixUGbU4qnjFo6zLq46dbOhUNU9VSv1kUdfWYvDn0mKT5LQ9rJk53Gqc_NdQY/s265/face.jpg);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickface">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://bloghocam.blogspot.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div></div>

 

Twitter Takip Et Butonu

 

Click Box Twitter

 

İkinci  paylaşacaım kodlar click box’ın Twitter takip et butonuna ait kodlar.Burada da değiştirmeniz gereken tek yer var. http://twitter.com/bloghocam yerine kendi Twitter adresinizi yazın.

 

<style>
#clickfollow {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho87Wnibm4mrQ9kV14uiQJ83fP35pzO_wI05PRsZrznaJ_Ho2wXAtDUFim1-WZKSzuIL68Qzxv247GtQqsl2fnDg83LocImP0WV2UpsOUpa4YS_Llw7UXUw-u3LEm1B5ztF7AeS4urYn__/s280/twitter.gif);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickfollow">
<a href="http://twitter.com/bloghocam" class="twitter-follow-button" data-lang="tr">Follow @bloghocam</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>

 

Google +1 Butonu

 

Click Box +1

 

Son olarak Google +1 butonun kodlarını paylaşacağım.Burada da değiştirmeniz gereken sadece bir yer var. http://bloghocam.blogspot.com yerine kendi blogunuzun adresini yazın.

 

<style>
#clickplus {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZTLsU3usEk_dKWhtOaSDgkrWXLynXW3iPWzmEEmP96e6gkHbcXWDwHr6rOwP1Zw335mAZa4Y1fk4XGqG1FsNnXGIIWTZt2vDBjZ1D9he4ngCpWvUsqeW633oJkvYEotE9hYBBUVrsME6/s265/plus.jpg);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickplus">
    <g:plusone size="medium" href="http://bloghocam.blogspot.com"></g:plusone>


<script type="text/javascript">
  window.___gcfg = {lang: 'tr'};

  (function() {
    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>

 

Eğer bu eklentiyi beğendiyseniz aşağıdaki paylaşım butonlrını kullanarak yazıyı arkadaşlarınızla paylaşın.Ayrıca Click Box’taki beğen, takip et ve +1 butonlarna henüz tıklamadıysanız hemen şimdi tıklayabilirsiniz.

18 Haziran 2012 Pazartesi

SONY, XPERIA U'yla Yine Yapmış Yapacağını!

PrintXperia ailesinin en renkli, en eğlenceli çocuğu XPERIA U’da fizy müzik uygulaması telefonun her yerinde. İstediğiniz şarkıyı aratıp, anında dinleyebilir, Xloud ve 3D surround ses teknolojisiyle HD kalitesinde müzik keyfini yaşayabilirsiniz. Xperia U’ya entegre olarak gelen fizy sayesinde, müzik çalarda dinlediğiniz herhangi bir şarkının farklı versiyonlarını ya da şarkıcının diğer tüm şarkılarını fizy üzerinden aratıp ve dinleyebilirsiniz. Bununla birlikte Haziran sonunda gerçekleşecek TrackID güncellemesiyle, TrackID uygulaması üzerinden radyoda veya sokakta duyduğunuz bir müziğin ne olduğunu bulup, fizy’de aratma ve dinleme imkanına da sahip olacaksınız.



Xperia U gençler ve kendini genç hissedenler için özel olarak tasarlandı. Altındaki şeffaf bant, albüm kapağının veya resimlerin renklerine göre renk değiştiriyor. Üstelik Xperia U’yu değiştirilebilir alt kapaklarla da istediğiniz gibi kişiselleştirebilirsiniz.

Diyelim ki, tam fotoğraflık bir kare var. O anda çektiniz çektiniz. XPERIA U’nun bir saniyede çekim moduna geçme özelliğiyle, bu kareyi kaçırmanız imkansız. 5 Megapiksel kamerasıyla mükemmel fotoğraflar çekebilirsiniz. Üstelik 720p HD video çekim özelliğiyle gelsin bombastik videolar!

Xperia U, akıllı telefon dünyasına renk katacağa benziyor. Akıllı, eğlenceli, renkli, karizmatik… Tek kelimeyle stil sahibi bir telefon.

Daha fazla bilgi için tıklayın.

Bir bumads advertorial içeriğidir.

Yazıları Çerçeve İçine Almak

Bugüne kadar kullandığım ve tasarladığım temalarda yazı alanını hep bir çerçeve içine almayı tercih etmişimdir.Yazılarım genelde uzun, görselerle destekli ve kod içeren yazılar olduğu için Resimli Devamını Oku eklentisi kullanarak ana sayfada yazının küçük bir bölümünü gösteriyorum ve bu bölümleri çerçeve içine alarak birbirinden ayırıyorum.

 

İletişim formundan bunun nasıl yapıldığını soran çok mesaj aldım.Bu yazıda yazılarınızı nasıl çerçeve içerisine alacağınızı ve bu çerçevelere nasıl stil vereceğinizi anlatacağım.

 

1. Klasik ve basit bir çerçeve ile başlayalım

 

Blogger Yazıları Çerçeve İçine Alma

İlk örnek en basit çerçeve örneği olsun.Resimde gördüğünüz gibi yazılarınızı 1 pixel kalınlığında siyah bir çerçeve içine almak için ]]></b:skin> kodundan önce şu kodu ekleyin:

 

.post { border:1px solid #000; padding:8px }

 

2. Çerçevenin kalınlığını ve rengini değiştirelim

 

Blogger Yazıları Çerçeve İçine Alma

İkinci örnekte çerçevinin kalınlığını 3 pixele çıkaralım ve rengini kırmızı yapalım.Bunun için kodları şu şekilde değiştiriyoruz:

 

.post { border:3px solid #ef1010; padding:8px }

 

3. Çerçeve şeklini noktalı yapalım

 

Blogger Yazıları Çerçeve İçine Alma

Üçüncü ve dördüncü örnekte çerçevenin şeklinde yapabileceğiniz değişiklikleri göstermek istiyorum.Öncelikle noktalı çerçeve yapalım.Örneğin çerçevemiz 2 pixel kalınlığında, siyah renkte ve noktalı olsun.Bunun için eklememiz gereken kod şu:

 

.post { border:2px dotted #000; padding:8px }

 

4. Çerçeve şeklini çizgili yapalım

 

Blogger Yazı Alanına Çerçeve Ekleme

Çerçevemizin şeklini noktalı yapmanın dışında bir başka sık kullanılan yöntem de çizgili yapmaktır.Bunun için de kırmızı renkli, 1 pixel kalınlığında ve çizgili bir çerçreve örneği verelim.Eklememiz gereken kod şu:

 

.post { border:1px dashed #ef1010; padding:8px }

 

5. Oval köşeli çerçeve yapalım

 

Blogger Yazıları Çerçeve İçine Alma

Bu ve bundan sonra göstereceğim örnekte kullanacağımız yöntem CSS3 olduğu için Internet Explorer gibi çağ dışı tarayıcılarda çalışmaz.Bu örnekte yazımızı 1 pixel kalınlığında, siyah renkli ve 10 pixel yarıçapında oval köşeli bir çerçeve içine alacağız.Eklememiz gereken kod şu:

 

.post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

 

6. Oval köşeli noktalı çerçeve yapalım

 

Blogger Yazıları Çerçeve İçine Almak

Son olarak oval köşeli çerçevinin şeklini noktalı , kalınlığını 2 pixel ve yarıçapını 20 pixel yapıp bir çerçeve oluşturarak yazıyı bitirelim.Ekleyeceğimiz kod şu:

 

.post { border:2px dotted #000; padding:8px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; }

 

Son Söz

Olayın mantığını anlamanız için bu kadar örneğin yeterli olduğunu sanıyorum.Bundan sonra kendiniz de çeşitli kombinasyonlar oluşturarak farklı çerçeveler kodlayabilirsiniz.Sormak istediğiniz bir şey olursa yorum yazarak sorabilirsiniz.Bu arada yazıyı oluşturmak için epey zaman harcadım.Faydalı bir yazı olduğunu düşünüyorsanız aşağıdaki paylaşım butonlrını kullanarak yazıyı paylaşın lütfen.

15 Haziran 2012 Cuma

Slayt Manşet Eklentisi

Şuan kullandığım temanın eski halini hatırlarsanız yazıların hemen üstünde Jquery oluşturulmuş bir slayt manşet bölümü vardı ve ön plana çıkarmak istediğim yazıları bu  mamşete koyuyordum.Ancak sürekli güncellemek zor olduğundan ve içerdiği scriptler  nedeniyle blogumuu yavaşlattığını düşündüğümden o slayt manşeti kaldırmıştım.

 

Slayt Manşet Eklentisi

 

Kullandığım o slayt manşetin kaynak kodlarını Web Developer Plus isimli bir siteden almıştım ve benden isteyenlere kaynağın adresini veriyordum.Ancak gelen mesajlardan eklentiyi ekleme konusunda çoğu kişinin sorun yaşadığını gördüm ve blogunuza slayt manşet eklentisini nasıl ekleyeceğinizi detaylı bir şekilde anlatmaya karar verdim.

 

1.Adım: Şablonunuzdan </body> kodunu bulun ve hemen üstüne aşağıdaki script kodlarını ekleyin.

 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js' type='text/javascript'/>

<script type='text/javascript'>
    $(document).ready(function(){
        $(&quot;#featured&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);
    });
</script>

 

2.Adım: Şablonunuzdan ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki stil kodlarını ekleyin.

 

#featured{
float:left;
width:900px;
height:300px;
padding:0;
margin-bottom:30px;
position:relative;
overflow:hidden;
border:3px solid #4494c5;
background:#000;
}

#featured ul.ui-tabs-nav{
position:absolute;
top:0;
left:610px;
list-style:none;
padding:0;
margin:0;
width:300px;
height:292px;
overflow:auto;
overflow-x:hidden;
z-index:100;


}

#featured ul.ui-tabs-nav li{
padding:0 0 0 15px;
}

#featured ul.ui-tabs-nav li img{
float:left;
margin:0 5px 0 0;
background:#fff;
padding:3px;
width:70px !important;
height: 57px !important;
}

#featured ul.ui-tabs-nav li span{
position:relative;
left:0;
top:13%;
line-height:1.3em;
}

#featured li.ui-tabs-nav-item a{
background:#000;
color:#fff;
display:block;
padding:5px;
height:63px;
text-decoration:none;
line-height:1.2em;
outline:none;
width: 300px;
font-family: verdana;

}

#featured li.ui-tabs-selected{
background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/resultset-previous-icon.png) center left no-repeat;
z-index:100;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#4494c5;
color:#FFF;
}

#featured .ui-tabs-panel{
width:630px;
height:292px;
position:relative;
padding:0;
margin:0;
z-index:50;
}

#featured .ui-tabs-panel img{
width:630px !important;
height:290px !important;
z-index:50;
}

#featured .ui-tabs-panel .info{
position:absolute;
padding:5px 20px 5px 20px;
bottom:0;
left:0;
overflow:hidden;
height:63px;
width:610px;
background:#111;
opacity:0.85;
filter:alpha(opacity=85);
.width: 100%; /* IE */
z-index:50;
}

#featured .info h3{
font-size:18px;
padding:0;
margin:0;
overflow:hidden;
font-family: Verdana;
font-style: bold;
}

#featured .info p{
margin:0;
padding: 5px 20px 5px 0px;
line-height:1.4em;
color:#fff;
}

#featured .info a, #featured .info a:visited{
text-decoration:none;
color:#56c0fd;
}

#featured .info a:hover{
text-decoration:underline;
}

#featured .ui-tabs-hide{
display:none
}

 

3.Adım: Blogger’ın kendi şablonlarından birini kullanıyorsanız  <div class='columns-inner'> kodunun altına, özel bir tema kullanıyorsanız <div id='content-wrapper'> kodunun altına aşağıdaki HTML kodlarını ekleyin.

 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='featured'>
               <ul class='ui-tabs-nav'>

                   <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-4'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Ukq7orCVr4sG3uh8w9a1SpyZEIiOzze82jkntZs8GhC6RHi6TxlcW6pGJX8TkfuIcChZxuJv3OXicw163dy_b1PKa2Niik9OjhFJaM7HVgGbBMo87cc-plJDbHZvwQFpfO7_bgNeozS-/s1600/bloghocama-misafir-olmanin-faydalari.jpg' width='80'/><span>Blog Hocam&#39;a Misafir Olmanın Faydaları </span></a></li>

                   <li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmKwc1G2lZhGpsby4q9S0EZurLZrIRIRNWW6F8niaLtcLzWhu_eD7A5VohwOzJTrjuckKs6R6vFUTk9WuS7MIMyI_APPETosXyqF86ZgjhvatXuQqMRIPew82s9ebeWQntwRTdRsZat4j/s576/misafir-blogculuk.png' width='80'/><span>Misafir Blogculuk E-Kitabı</span></a></li>

                   <li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvuCnW4RbDLRYXhPFwWBvBn9ZBPY4X0pSGX6W-YH7ib71KizUyHZHgw1EKR1VTvj4PFa-SqjwXENWYzgop88GAsTWfJ82i0OGe66Bg8f69zEO0naCwrDYdeWIN560dYc4tpWt99GjSuQ_p/' width='80'/><span>Bir Blogcunun Sahip Olması Gereken 5 Temel Beceri</span></a></li>

                   <li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwlZmfl4Mdyxkp_7tjO4-SJjCuwCkdn-SZtY6q06R3IOUVQ7mk9wYMJkIXHGpwOsTtypW4wdkDagV80cAk2JEtepNhHZJMqgQR-cyIJhxZzkxiXPijxefidds4pGqj9Ar3oyr6pkCM-ugY/' width='80'/><span>Başarılı Blogcuların Özellikleri </span></a></li>
               </ul>

               <!-- First Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Ukq7orCVr4sG3uh8w9a1SpyZEIiOzze82jkntZs8GhC6RHi6TxlcW6pGJX8TkfuIcChZxuJv3OXicw163dy_b1PKa2Niik9OjhFJaM7HVgGbBMo87cc-plJDbHZvwQFpfO7_bgNeozS-/s1600/bloghocama-misafir-olmanin-faydalari.jpg' width='600'/>
                   <div class='info'>
                       <h3><a href='http://bloghocam.blogspot.com/2012/05/blog-hocama-misafir-olmann-faydalar.html'>Blog Hocam&#39;a Misafir Olmanın Faydaları</a></h3>
                           <p>Kendi blogum duruken, yazımı neden başka bir blogda yayınlayayım? ve Blog Hocam&#8217;a neden misafir olayım? diye soranlara cevaben bir örnek vermek istiyorum...<a href='http://bloghocam.blogspot.com/2012/05/blog-hocama-misafir-olmann-faydalar.html'>Devamını Oku</a></p>
                   </div>
                </div>

               <!-- Second Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
                    <img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmKwc1G2lZhGpsby4q9S0EZurLZrIRIRNWW6F8niaLtcLzWhu_eD7A5VohwOzJTrjuckKs6R6vFUTk9WuS7MIMyI_APPETosXyqF86ZgjhvatXuQqMRIPew82s9ebeWQntwRTdRsZat4j/s576/misafir-blogculuk.png' width='600'/>
                    <div class='info'>
                       <h3><a href='http://bloghocam.blogspot.com/2011/12/mini-e-kitabm-okuyun-misafir-blogculuk.html'>Misafir Blogculuk E-Kitabı</a></h3>
                           <p>Bu e-kitap sayesinde misafir blogculuk kavramının daha iyi anlaşılacağını ve daha çok kişi tarafından uygulanacağını umuyorum.Siz de bu kitabı okuyun ve kitabın linkini paylaşın...<a href='http://bloghocam.blogspot.com/2011/12/mini-e-kitabm-okuyun-misafir-blogculuk.html'>Devamını Okuyun</a></p>
                    </div>
                </div>

                <!-- Third Content -->
               <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
                   <img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvuCnW4RbDLRYXhPFwWBvBn9ZBPY4X0pSGX6W-YH7ib71KizUyHZHgw1EKR1VTvj4PFa-SqjwXENWYzgop88GAsTWfJ82i0OGe66Bg8f69zEO0naCwrDYdeWIN560dYc4tpWt99GjSuQ_p/' width='600'/>
                   <div class='info'>
                      <h3><a href='http://bloghocam.blogspot.com/2011/08/bir-blogcunun-sahip-olmas-gereken-5.html'>Bir Blogcunun Sahip Olması Gereken 5 Temel Beceri</a></h3>
                          <p>Bu yazıda blogunuzun uzun ömürlü başarılı ve uzun ömürlü olması için blog oluşturduktan sonra başarıya ulasşmak için bilinmesi gereken bir konudan bahsedeceğim ....<a href='http://bloghocam.blogspot.com/2011/08/bir-blogcunun-sahip-olmas-gereken-5.html'>Devamını Oku</a></p>
                   </div>
                </div>

                <!-- Fourth Content -->
               <div class='ui-tabs-panel' id='fragment-1' style=''>
                   <img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwlZmfl4Mdyxkp_7tjO4-SJjCuwCkdn-SZtY6q06R3IOUVQ7mk9wYMJkIXHGpwOsTtypW4wdkDagV80cAk2JEtepNhHZJMqgQR-cyIJhxZzkxiXPijxefidds4pGqj9Ar3oyr6pkCM-ugY/' width='600'/>
                   <div class='info'>
                       <h3><a href='http://bloghocam.blogspot.com/2011/06/basarl-blogcularn-alskanlklar.html'>Başarılı Blogcuların Ortak Özellikleri </a></h3>
                          <p>Dünyaca ünlü ve başarılı blogcuları başarıya götüren bazı alışkanlıkları ...<a href='http://bloghocam.blogspot.com/2011/06/basarl-blogcularn-alskanlklar.html'>Devamını Oku</a></p>
                   </div>
               </div>
            </div>
</b:if>
</b:if>

 

Düzenlemeniz Gereken Yerler

 

Sadece 3.adımdaki HTML kodlarında değişiklik yapacaksınız.Örnek olarak manşette gösterilen ilk öğeyi nasıl değiştireceğinizi yazayım diğerlerini aynı şekilde düzenlersiniz.

 

Şimdi İşinizi İnternete Taşıma Zamanı

Google Türkiye olarak önceliklerimizden biri, iş dünyasının, özellikle ekonominin itici gücü olan KOBİ’lerin İnternet dünyasının sunduğu fırsatları değerlendirmeleri ve bu dünyada doğru şekilde var olabilmelerini sağlayacak projeleri hayata geçirmek. ‘İşinizi İnternete Taşıyın’ girişimimiz ile bunu bir adım daha ileriye taşıyarak Türkiye çapındaki tüm KOBİ’leri e-ticaret ile tanıştırmak, onların rekabet gücünü artırmak için yola çıktık.

‘İşinizi İnternete Taşıyın’ Platformu ile e-ticaret ikiye katlanacak


Garanti Bankası, Yurtiçi Kargo, IdeaSoft ve SadeceHosting desteği ile kurduğumuz platform; KOBİ’lerin e-dönüşüm sürecine rehberlik ederek, rekabet gücünü artırmayı hedefliyor. Platform, 1 milyon KOBİ’ye erişerek, ilk yıl sonunda mevcut 10 bin aktif e-ticaret sitesini ikiye katlamayı amaçlıyor. "İşinizi İnternete Taşıyın" platformu kapsamında; internet teknolojilerini işlerine entegre etmek isteyen KOBİ’lere bir yıl boyunca ücretsiz çözümler sunulacak. İşletme sahipleri, www.isinizinternette.com.tr adresine girerek; 1 yıl boyunca herhangi bir ücret ödemeden, .com alan adı alabilecek, web sayfalarını oluşturabilecek, e-ticaret altyapılarını kurabilecek, hosting servisinden faydalanabilecek ve böylece ürün ve hizmetlerinin internet üzerinden tanıtımını ve satışını yapabilecekler.

İşinizi İnternete Taşımak Hızlı ve Kolay

İşletmeler platform kapsamında sunulan altyapı ile herhangi bir teknik desteğe ihtiyaç duymadan kolay ve hızlı bir şekilde işlerini internete taşıyabilecekler. Platform kapsamında, Garanti Bankası ödeme sistemleri konusunda destek sağlarken, IdeaSoft e-ticaret sitesi hazırlama aracını, Sadece Hosting ise web sitesi oluşturma aracı ve hosting hizmetini sağlayacak. E-ticaret sitesi kuran firmalar, ürün gönderimlerinde Yurtiçi Kargo’nun özel fiyat avantajları ve servislerinden faydalanabilecekler . Google AdWords reklam programı desteği ile de işletmeler, ürün ve hizmetlerini hedef kitleleri ile buluşturma imkanına sahip olacaklar.



İnternet ile birlikte yaşanan bu değişim ve dinamizm ile birlikte sunulanbüyük fırsatları yakalamak için www.isinizinternette.com.tr’yi tıklayarak, kısa sürede bu dünyanın bir parçası olun.

Mustafa İçil; Türkiye, Ortadoğu ve Kuzey Afrika Bölge Pazarlama Müdürü

13 Haziran 2012 Çarşamba

Mobil Ortama Hazır Mısınız? Sorusunun Cevabı Gomo.com.tr’de…

Hayatımıza giren ve süper bilgisayarlar olarak tanımladığımız akıllı telefonlar ile birlikte mobil dünyanın bilgiye erişimde sağladığı özgürlüğü seviyoruz. Artık cihazdan bağımsız olarak bilgiye erişimde hızı ve aynı kalitede deneyimi yaşamak istiyoruz. İşletmeler için de bu beklentiye doğru cevap vermenin püf noktası mobil dostu bir internet sitesi yaratmaktan geçiyor.

Google öncülüğünde başlatılan GoMo girişimi, web sitelerini mobil cihazlara daha uygun hale getirmeleri için gerekli araç ve kaynakları işletmelere sağlayarak “Mobil Uyumlu Site” yapmalarına yardımcı olmayı amaçlıyor.

Artık gomo.com.tr web sitesini kullanarak, hedef kitle ile mobil dünyada daha iyi nasıl iletişim kurabilirsinizin cevabını Türkçe olarak bulabilirsiniz.

İşletmeler, GoMo web sitesinde sunulan GoMoMetre aracını kullanarak, sitelerinin mobil cihazlarda nasıl görüntülendiğini takip edebilir ve mobil cihazlara daha uygun bir deneyim yaratmak için kişiselleştirilmiş öneriler alabilir. Ayrıca, şirketlerin mobil sitelerini oluşturmalarına yardımcı olmaya hazır bir geliştiriciler listesi barındırmasının, güncel mobil eğilimler ve mobil sitelere yönelik en iyi uygulamalara ilişkin bilgilere de erişebilirler.

GoMo.com.tr sitesinde paylaşılan bilgileri yararlı bulacağınızı umuyor, görüşlerinizi bekliyoruz.

Bizimle mobil harekete katılın, herkes için daha iyi bir mobil web ortamını ve deneyimini birlikte yaratalım.

Aslıhan Ulutaş - Ürün Pazarlama Müdürü & Can Demirezen - Medya Çözümleri Uzmanı

Blogları Takip Etmenin En İyi Yolu: Google Reader

İletişim formundan bana gelen mesajlardan anladığım kadarıyla blogcular takip etmek istedikleri diğer blogları iki şekilde takip etmeye çalışıyorlar.En çok kullandıkları yöntem Google Friend Connect aracılığıyla bloglara üye olarak yeni yazıları Blogger kumanda panelinden takip etmek.Kullandıkları ikinci yöntem ise blogları sık kullanılanlar listesine ekleyerek ara ara ziyaret ederek yeni bir yazı olup olmadığını kontrol etmek.Takip ettiğiniz blog sayısı arttıkça her iki yöntem de sizi zorlamaya başlar.Gelen mesajlardan da bunu rahatlıkla anlayabiliyorum.Bu sıkıntıları ortadan kaldırmak için, benim gibi onlarca hatta yüzlerce blogu takip eden blogcuların işini çok kolaylaştıracak ve yıllardır kullandığım bir araç olan Google Reader’dan bahsedeceğim.

 

Google Reader Nedir?

 

Google Reader kısaca; blogların RSS beslemelerini algılayarak o blogları takip etmenizi sağlayan ücretsiz bir araçtır.Çalışma prensibi şu şekildedir: Takip etmek istediğiniz blogların tam adreslerini veya RSS adreslerini araca eklersiniz.Eklediğiniz bloglarda yeni bir yazı yayınlandığında o yazı otomatik olarak Google Reader ana sayfasında görüntülenir.Şimdi Google Reader’a ait ekran görüntülerinin de yardımıyla, soru-cevap şeklinde aracı nasıl kullanabileceğinizi anlatmaya çalışacağım.

 

1. Google Reader’ı kullanmaya nasıl başlayabilirim?

Google Reader Ana Sayfa

Google Reader kullanmak için ihtiyacınız olan tek şey bir Google yani Gmail hesabıdır.Google Reader ana sayfasını ziyaret edip Google hesabınızla giriş yaptıktan sonra Google Reader kullanıma hazır olacaktır.

 

2. Takip etmek istediğim blogları Google Reader’a nasıl ekleyebilirim?

Google Reader Blog Ekleme

 

Sol taraftaki kırmızı Abone Ol butonuna tıkladığınızda açılan kutudaki satıra blogun tam adresini (http://bloghocam.blogspot.com/) veya RSS adresini (http://feeds.feedburner.com/bloghocam) yazdıktan sonra Ekle butonuna basarak o blogu takip listesine ekleyebilirsiniz.

 

3. Takip Ettiğim Blogları Konularına Göre Nasıl Kategorilere Ayırabilirim?

 

Google Reader Kalasör Oluşturma

 

Google Reader’ın en sevdiğim özelliklerinden biri abone olduğum blogları kategorilere ayırabilmemdir.Bunun için sol taraftaki Abonelikler bölümüne eklenen blogun ismine tıkladıktan sonra üst taraftaki Yayın Ayarları’na tıklayıp Yeni Klasör seçeneğine tıkladıktan sonra klasöre isim verip blogu o klasörün içine atabılırsiniz.

 

4. Takip Ettiğim Bloglardaki Yeni Yazılardan Nasıl Haberdar Olabilirim?

 

Google Reader Yeni Yazıyı Görüntüleme

 

Google Reader ana sayfasına giriş yaptığınızda eğer abone listenize eklediğiniz bloglardan birinde yeni bir yazı yayınlanmışsa ana sayfada özet şeklinde gözükür ve yazı başlığına tıklayarak yazının devamına ulaşabilirsiniz.Yazıyı okuduktan sonra okundu olarak işaretlenecek ve ana sayfadan kalkacaktır.

 

5. Abone Olduğum bir blogu takip listemden nasıl kaldırabilirim?

 

Google Reader Aboneliği İptal Etme

 

Sol taraftaki Abonelikler kısmında abone olduğunuz blogların listesi vardır.Oradan aboneliğini iptal etmek istediğiniz blogun ismine tıklayın.Üst taraftan Yayın Ayarlarını açın ve listeden Aboneliği İptal Et seçeneğini seçin.

 

Başlangıç için bu kadar bilgi yeterlidir sanırım.Basit ve Türkçe arayüze sahip olduğu için diğer özelliklerini kullana kullana kendi başınıza rahatça öğenebilirsiniz.

11 Haziran 2012 Pazartesi

Hani Facebook'ta İş Yoktu? İnsankaynaklari.com ile İş Bulmak Artık Çok Kolay!

Yenibiris.com'un yeni uygulaması insankaynaklari.com adaylara Facebook üzerinden profesyonel iş ağı oluşturarak en uygun işi en kısa sürede bulma fırsatı tanıyor!



İnsankaynaklari.com, zaten dahil olduğunuz Facebook’u iş hayatınızda da etkin bir şekilde kullanmanızı sağlayan bir uygulama. İnsankaynaklari.com ile profesyonel iş ağınız genişlerken, ağdaki tüm iş ilanlarına doğrudan ulaşabilir,  'Şimdi Başvur' tuşuyla istediğiniz ilana başvuru yapabilirsiniz. Ve dahası istediğiniz pozisyonların olduğu şirketlere arkadaş listenizden 1 ya da 2. derece bağlantınız varsa bulabilir, gerekli gördüğünüzde bu bağlantıları kullanabilirsiniz.

Ücretsiz olan uygulamada Yenibiris.com ya da Linkedin özgeçmişlerinizi uygulamaya aktararak iş ilanlarını inceleyip başvurularınızı gerçekleştirebilirsiniz. Üstelik profil gizlilik ayarlarını kullanarak özgeçmiş bilgilerinizin ne kadarının gözükeceğine kendiniz karar verebilirsiniz. İnsankaynaklari.com sayesinde bağlantılarınız üzerinden profesyonel profillerinizi zenginleştirebilir, diğer sosyal ağlardaki bağlantılarınızı da davet edebilirsiniz.

Uygulamayı incelemek ve giriş yapmak için Facebook ile bağlan!

Bir bumads advertorial içeriğidir.

Blogunuza Sosyal Takip Butonları Ekleyin

Bu yazıda sizlere blogunuzun kenar çubuğuna ekleyebileceğiniz ve ziyartçileri sosyal profillerinize yönlendirebileceğiniz sosyal butonlar paylaşacağım.

 

Sosyal Takip Butonları

 

Bu sosyal butonlar CSS sprite özelliği kullanılarak oluşturulmuş.Bu ne anlama geliyor? Sosyal ağlara ait ayrı ayrı butonlar kullamnak yerinr hepsi tek bir görselde toplanmış bu sayede sayfa boyutunda düşüş yani açılış hızında artış sağlanmış.

 

Ayrıca yine CSS sprite ile hover özellği verilmiş.Yani hepsi tek renk olan sosyal ikonların üzerine gelindiğinde renkli hale dönüşüyor ve o sosyal ağa ait tooltip dediğimiz bir açıklama metni çıkıyor.

 

Sosyal takip butonlarını blogunuza eklemek için öncelikle şablonunuzdan ]]></b:skin> kodunu buşun ve hemen üstüne aşağıdaki kodları ekleyin.

 

ul#m-soc2{  
margin: 18px 0 0 10px;padding: 0;width: 220px;height:50px;}
ul#m-soc2 li{
list-style: none;margin: 7px;padding: 0;float:left;border: none;}
ul#m-soc2 li a{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju1KYagxY-NZIuG0Kr2hBJTQVl_V2BkKOMt6KNpa2CHHxfgIQUo2rR83KdKKasbyz66DQ5AE0Zts1nlJqU9pzUKxITDbisoDu6r94e46mDODf2ApV_JW4O5M4XdVwB5YmnZCGImXjuxjD4/s132/sosyal-butonlar.png) no-repeat 0 0;
margin:0;padding:0;display: block;position:relative;
width: 33px;
height: 33px;
overflow: visible;
}
ul#m-soc2 li a.twitter{
background-position: 0 0;
}
ul#m-soc2 li a.facebook{
background-position: -33px 0;
}
ul#m-soc2 li a.google{
background-position: -66px 0;
}
ul#m-soc2 li a.rss{
background-position: -99px 0;
}
ul#m-soc2 li a.twitter:hover{
background-position: 0 -33px;
}
ul#m-soc2 li a.facebook:hover{
background-position: -33px -33px;
}
ul#m-soc2 li a.google:hover {
background-position:-66px -33px;
}
ul#m-soc2 li a.rss:hover{
background-position:-99px -33px;
}
ul#m-soc2 li a span{
background: #555;position:absolute;
top:-10px;left:-10px;width:auto;height:auto;opacity:0;
padding:3px;text-align:left;
color:#fff;filter:alpha(opacity=0);
white-space:nowrap;border-radius:3px;font-size:12px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;} ul#m-soc2 li a:hover{text-decoration:none}
ul#m-soc2 li a:hover span{
opacity:.7;
filter:alpha(opacity=70);
top:-23px}

 

Ardından sayfa yerleşimine gidin ve  HTML/JavaScript gadet olarak aşağıdaki kodları ekleyin.

 

<ul id="m-soc2"><li><a class="twitter" href="http://twitter.com/bloghocam"><span>Twitter</span></a></li><li><a class="facebook" href="http://facebook.com/bloghocam"><span>Facebook</span></a></li><li><a class="google" href="https://plus.google.com/108761595756468128383"><span>Google+</span></a></li><li><a class="rss" href="http://feeds.feedburner.com/bloghocam"><span>RSS</span></a></li></ul>

 

Kodlarda değiştirmeniz gereken yerler:

9 Haziran 2012 Cumartesi

Google’da Üst Sıraları Hedefleyin!

Google’ın dünyada en çok tercih edilen arama motoru olmasında sağlıklı işleyen algoritması ve site indeksleme modüllerinin başarısı yatmaktadır. Bu nedenle, yazılarının google sıralamasında daha iyi yerlere gelmesini isteyen blogcular için en doğru yol; son zamanlarda sıkça artan, backlink kazandırma iddiası ve/veya blogunuzun tanıtımı için koşullar sunan sitelere başvurmadan önce, özgün içerik oluşturmaktan geçer. Tam burada, üst sıraları hedefleyen yazarlar için yüksek google pagerank değeri ve düşük alexa sıralaması en önemli noktalardır.

 

vGoogle’da Üst Sıraları Hedefleyin!

 

SEO, yani; “arama motoru optimizasyonu” için bugün kurumsal kimliği önplanda olan siteler başta olmak üzere, kar amacı güden bir çok blogcununda çeşitli hizmet kanallarıylada başvurduğu bir çalışma. Google’da hakettiğiniz yerde olmadığınızı düşünüyorsanız, sizin içinde “blogunuzun ayarlarıyla oynamanın vakti” geldi demektir. Her blogcu, dikkat edeceği birkaç küçük nokta ile kendi SEO çalışmasını yapabilir.

 

İşte Blogcular için bazı basit ipuçları;

 

1-) Google, Blogger görsellerini önemser;

 

Bir google hizmeti olan Blogger, görseller açısından Google’ın en kısa sürede indekslediği blog hizmetidir. Bu nedenle sitedeki postların mümkün olduğu kadar görsel içermesi önemlidir fakat dikkat edilmesi gereken bazı şeyler var;

 

* Görselleriniz özgün olsun.

 

Postunuza eklediğiniz görsellerin, muhtemel benzer içeriğe sahip görsellerden öne çıkması için görsellerinizi “farklı” ve “özgün” hale getirmelisiniz, bunuda; aldığınız görseli farklı kaydederek yani boyutunu/niteliğini değiştirerek sağlayabilirsiniz. Mümkünse kullancağınız görsel, benzer alanda sizinle yarışacak konularda kullanılmış olanlardan daha dikkat çekici olmalı.

 

* Görselinizi yeniden adlandırın.

 

Google’ın en ilginç hizmetlerinden biri olan, “görsel sürükleyerek arama yapma” imkanından da anlıyoruz ki; google, anahtar kelimeler için ilgili konularda eklenen görselin adınıda değerlendiriyor. Örneğin üstte kullandığım görselin adı, sıkça rastladığımız şekilde ”..4j3p98.png” gibi anlamsız değil, konu başlığıyla alakalıdır. Resmi farklı kaydederek görebilirsiniz.

 

* Görsel sayısı, içeriğin barındırdığı karakterle orantılı olmalı.

 

Konu ile ilgili olarak, gönderilere eklenen görseller aramalar için Google tarafından indekslenirken, içerikle ilişkilendirilir. Eğer içerik; “kısır”, “kısa” veya yeterince görselle ilgili kelime içermiyorsa; yalnızca başlığınızın görselinizle ilgili olması, iyi bir sıralama için yetersizdir.

 

2-) Uzmanlık yazıları yazın;

 

Menfaatçi ziyaretçi ve meraklı ziyaretçi arasındaki ayrımın başladığı nokta, her zaman; “uzmanlık yazıları” olarak nitelediğim faydalı içeriklerdir. Google’ın pagerank değeri açısından en fazla önem verdiği nokta, özgün ve faydalı içerik.

 

Uzmanlık yazısını örnekle açıklayım;

 

Şu an okuduğunuz bu yazının başlığı; “Google’da Üst Sıraları Hedefleyin!”. İçeriğimizde ise; “blog”, “görsel”, “site”, “pagerank”, “google” ve “seo” gibi konumuzla tam olarak ilgili kelimelere sıkça yer veriliyor. Bu demek oluyor ki; yazımız, üst sıra hedefi veya benzer konularda Google’a başvuran bloggerlara tam olarak istediğini sunabilecek yetide faydalı bir yazı.

 

Bir başka açıdan sıralamaya etkisini ele alırsak; uzmanlık yazıları ziyaretçisine faydalıdır, buda demek olur ki, ziyaretçi ulaştığı sitede daha fazla zaman geçirecektir. Siteye ulaşan ziyaretçinin, sayfada geçirdiği sürenin uzunluğuda Google sıralama algoritmasının temel taşı olan pagerankı doğrudan etkiler.

 

Günlük gibi nitelendirilebilecek tarzda yazıların olduğu blogların, alexa sıralaması ve pagerank puanı açısından başarısızlığını, yukarıda anlattığım; “uzmanlık yazısı” bağlamında değerlendirdiğimizde konu daha iyi anlaşılacaktır.

 

Bu tip yazılarda, Popüler öğelere fırsat buldukça yer verin.

 

3-) Back link kazanmaya çalışın, fakat dikkatli olun!

 

Sayfa dışı seo uygulamarının başında “back link” kavramı gelir. Pagerankı yüksek sitelerden alacağınız tıklanmalar, özellikle ilgili site ile benzer içeriğe sahipseniz Google sıralamanızı olumlu yönde etkiler. Pagerank değeri 1 olan siteden 100 kez link almak yerine; pagerank’ı 5 olan benzer içerikli siteden bir kez link kazanmak; sizinde pagerank puanınızı arttıracaktır. Fakat bu varsayım, kazanacağınız back linkin ait olduğu sitenin; özgün içereğe sahip olması, legal, kaliteli ve dönüşlü ziyaretçisinin yoğun olmasınada bağlıdır.

 

Yazının başında da değindiğim gibi; bugün, blogcuların back link kazanmak adına atacağı adımları, bilgisiz olmalarından faydalanarak kötüye kullanan çok sayıda site mevcut. Google tıpkı içerik indekslerken yaptığı gibi, bu siteleride belirli aralıklarla kara listesine ekliyor. Bunlardan biriside sizin blogunuz ya da siteniz olabilir. Dikkat!

 

Blogunuzu seviyosanız; hırs ile asla bu yola başvurmayın. Kaliteli içeriğiniz ile zamanı geldikçe güvenilir siteler tarafından referans verileceğinden kuşkunuz olmasın.

 

4-) Sitenizi güncel tutun;

 

Deneysel olarakta kolayca farkedebileceğiniz bir gerçek olan site güncellemenin Google sıralamasına etkisini, blogunuzu terketmişseniz kolayca farketmişsinizdir aslında. Yine aynı şekilde; düzenli olarak sitenizi güncellediğiniz sürece, site içeriğiniz sizi hakettiğiniz alexa sıralamanıza doğru yaklaştıracaktır.

 

Unutmayın; Google, güncel bloglara içerilen benzer konularda öncelik tanır.

 

5-) Meta Taglar kullanın;

 

Sitenizin kodlarında, “head” bölümüne yerleştireceğiniz bazı kodlar ile, arama motorunun sitenizi denetimini düzenleyebileceğiniz gibi, Google arayüzünde sitenize istediğiniz açıklamalarla yer vererek ziyaretçinin dikkatini çekebilirsiniz.

 

Son olarak; yazılarınızda bold, italic karakterlere ve tırnak işaretlerine gerek gördükçe yer verin.

 

Yazar Hakkında: Bu yazı Mustafa BAŞER tarafından Blog Hocam için yazılmıştır.Yazarın diğer yazılarını kişisel blogu olan Cafe Mystic’te okuyabilirsiniz.