Blog Araçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blog Araçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

18 Ağustos 2016 Perşembe

Blogger'da Font Awesome Kullanımı

Hızlı, pratik, kullanıcı dostu olması gibi nedenlerle son zamanlarda çoğu web projesinde gördüğümüz Font Awesome hakkında bilgi vermek istiyorum. Font Awesome nedir, ne değildir, ne işe yarar, nasıl kullanılır gibi soruların yanıtlarını bu yazıda vermeye çalışacağım.

font awesome


Font Awesome Nedir?

Font Awesome, vektörel ikonların font olarak bir araya geldiği, @font-face özelliğiyle çalıştığı için kullanımı oldukça kolay olan açık kaynaklı bir font/ikon kütüphanesidir.

Kısacası font awesome herkesin kullanımına açık olan bir font yani yazı tipi topluluğudur. Fakat bildiğimiz fontlarda harfler ve rakamlar varken font awesome’da ikonlar vardır.


Font Awesome Kullanmanın Avantajları Nelerdir?

Yukarıdaki tanımda da okuduğunuz üzere font awesome’ı kullanmaktaki amaç eski tip .jpg, .png, .gif grafik ikonlarının yerine daha hızlı, modern ve basit karakter ikonları göstermektir. Grafik ikonlar yerine font awesome ikonları kullanmanın avantajları kısaca şunlardır:

  • Blogda kullanacağınız ikonlar grafik olmadığı için sayfanın açılması daha hızlı olacaktır.
  • Font awesome ikonları hiçbir optimizasyona gerek duymadan mobil cihazlara uyacaktır.
  • Çok geniş bir ikon paketi mevcut olduğundan sadece basit bir HTML kodu kullanarak yüzlerce ikondan ücretsiz faydalanabileceksiniz.
  • İkonlar birbiriyle uyumlu olduğundan ve hepsi aynı familyadan geldiğinden görsel açıdan şık olacaktır.

Blogger’da Font Awesome Nasıl Kullanılır?

Font awesome ikonlarını Blogger’da kullanmanız için yapmanız gereken ilk şey font awesome dosyasını tanıtmak tır. Bunun için Şablon > HTML’yi Düzenle diyerek <head> kodunun altına şu kodu eklemelisiniz:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Şimdi  font awesome'ın ikon kütüphanesini ziyaret ederek kullanmak istediğimiz ikonun üzerine tıklayalım ve o ikona ait kodu alalım. Örnek olarak ben futbol topu ikonunu seçtim ve bu ikonu blogda göstermek için yapmam gereken tek şey o ikona ait HTML kodunu istediğim yere eklemek. Futbol topu ikonunun kodu şu:

<i class="fa fa-futbol-o"></i>

Bunu kodu eklediğimizde elde ettiğimiz sonuç ise şu:

Futbol topu örneğinden devam edelim. Futbol topu ikonunu daha farklı boyutlarda kullanmak istediğimizi düşünelim. Bunun için mevcut koda çok küçük bir ekleme yapacağız. Farklı ikon boyutları için odlar şu şekilde:

<i class="fa fa-futbol-o fa-lg"></i>
<i class="fafa-futbol-o fa-2x"></i>
<i class="fa fa-futbol-o fa-3x"></i>
<i class="fa fa-futbol-o fa-4x"></i>
<i class="fa fa-futbol-o fa-5x"></i> 

Ortaya çıkan sonuç ise şu şekilde:




Örneklerle devam ediyoruz. Şimdi de yine font-awesome'ın nimetlerinden faydalanarak sosyal ikonlardan bir yatay menü yapalım. Bunun için kullanacağımız kod şu şekilde olmalı:

<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a>
<a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
<a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
<a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a>
<a href="#"><i class="fa fa-rss fa-lg"></i></a>

Ortaya çıkan sonuç ise şu şekilde:




İkonlarının renginin yeşile döndüğünü fark ettiniz sanırım. Bunun nedeni sosdyal takip hesapları için ikonlara link vermem ve Blog Hocam'da tüm linklerin renginin yeşil olarak tanımlanmış olması. Sizin blogunuzda linkler kırmızı ise ikonlar da otomatik olarak kırmızıya dönüşecektir.

Fakat font awesome ikonlarını CSS ile istediğiniz gibi kontrol edebilirsiniz. Örneğin her ikonu farklı renk yapabilirsiniz. Bunu da bir örnekle gösterelim isterseniz. Bunun için her bir class için stil kodu tanımlamamız yeterli olacaktır:

<a href="#"><i class="fa fa-facebook fa-lg"></i></a><style>.fa-facebook{color:#3b5998}</style>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a><style>.fa-twitter{color:#00aced}</style>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a><style>.fa-instagram{color:#125688}</style>
<a href="#"><i class="fa fa-google-plus fa-lg"></i></a><style>.fa-google-plus{color:#dd4b39}</style>
<a href="#"><i class="fa fa-linkedin fa-lg"></i></a><style>.fa-linkedin{color:#007bb5}</style>
<a href="#"><i class="fa fa-pinterest fa-lg"></i></a><style>.fa-pinterest{color:#cb2027}</style>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a><style>.fa-youtube{color:#bb0000}</style>
<a href="#"><i class="fa fa-rss fa-lg"></i></a><style>.fa-rss{color:#ff6600}</style>


Ortaya çıkan sonuç ise şu şekilde:



Aynı örnek üzerinden devam edelim. Font awesome yardımıyla gadget olarak ekleyebileceğimiz bir sosyal takip eklentisi yapalım. Bunun için yukarıdaki örnekte kullandığımız ikonları alt alta sıralayalım ve yanlarına da takip seçeneklerini yazalım. Bunun için kodu şu şekilde düzenliyoruz:
<ul class="fa-ul">
<li><a href="#"><i class="fa-li fa fa-facebook fa-lg"></i>Facebook</li></a><style>.fa-facebook{color:#3b5998}</style>
<li><a href="#"><i class="fa-li fa fa-twitter fa-lg"></i>Twitter</li></a><style>.fa-twitter{color:#00aced}</style>
<li><a href="#"><i class="fa-li fa fa-instagram fa-lg"></i>Instagram</li></a><style>.fa-instagram{color:#125688}</style>
<li><a href="#"><i class="fa-li fa fa-google-plus fa-lg"></i>Google+</li></a><style>.fa-google-plus{color:#dd4b39}</style>
<li><a href="#"><i class="fa-li fa fa-linkedin fa-lg"></i>LinkedIn</li></a><style>.fa-linkedin{color:#007bb5}</style>
<li><a href="#"><i class="fa-li fa fa-pinterest fa-lg"></i>Pinterest</li></a><style>.fa-pinterest{color:#cb2027}</style>
<li><a href="#"><i class="fa-li fa fa-youtube fa-lg"></i>YouTube</li></a><style>.fa-youtube{color:#bb0000}</style>
<li><a href="#"><i class="fa-li fa fa-rss fa-lg"></i>RSS</li></a><style>.fa-rss{color:#ff6600}</style>
</ul>

Ortaya çıkan sonuç ise şu şekilde oluyor:


Kodlarda değişiklikler yaparak ve Font Awesome resmi sitesindeki dökümanlar ile örneklerden faydalanarak bu ikonlardan çok güzel çalışmalar yapabilirsiniz.

12 Nisan 2016 Salı

Blogunuz İçin Chrome Uzantısı Yapmaya Ne Dersiniz?

Blog yazarlarının insanlarla iletişim kurmalarını ve yeni yazılarından haberdar etmelerini sağlayan sosyal medya kanalları, e-posta bültenleri, mobil uygulamalar gibi pek seçenek mevcut. Peki bu seçeneklere dünyanın en çok kullanılan web tarayıcısı olan Chrome uzantısı eklemeye ne dersiniz?

Chrome kullanıcılarının araç çubuğunda ihtiyaçlarına göre Chrome Web Mağazasından ekledikleri uzantıları bilirsiniz. Hatta benim blogcular için faydalı Chrome uzantılarını derlediğim bir yazım bile vardı geçmişte. Bu kez blogunuz için kendi Chrome uzantınızı nasıl oluşturacağınızı anlatacağım. Üstelik ücretsiz! Üstelik çok basit!

Blogum İçin Oluşturacağım Chrome Uzantısı Ne İşe Yarar?

Yapacağınız Chrome uzantısı her şeyden önce sizi motve edecek. Blogunuzu daha çok seveceksiniz, insanlara havanızı atacaksınız vs. vs. :)

Blogunuz için oluşturacağınız Chrome eklentisi feed mantığıyla çalışıyor. Bir kullanıcı blogunuzun Chrome uzantısını tarayıcıya eklediğinde bir nevi beslemelere abone olacak ve yeni bir yazı yayınladığınızda uzantınız kullanıcıya bildirimde bulunacak.

Eğer Chrome uzantınızı Chrome Web Mağazasında eklerseniz blogunuzu hiç tanımayan insanlar bile mağazada gezinirken uzantınızı ekleyebilir. Böylece blogunuza yeni takipçiler kazanmış olursunuz.

Blogum İçin Chrome Uzantısı Nasıl Oluşturulur?

Chrome uzantısı yapmak için öncelikle bazı dosyalara ihtiyacınız olacak. Buradaki zipli dosyayı bilgsayarınıza indirdikten sonra unzip yaptığınızda gerekli dosyalara ulaşacaksınız.

indir


1. Adım: Öncelikle manifest.json dosyasını not defteri veya benzer bir program (ben kod çalışmaları yaparken notepad++ kullanıyorum) ile açarak aşağıdaki yerleri kendi blogunuzun ismi ve kısa açıklaması ile değiştirip kaydedin:

  • "name": "Blog Hocam - Daha İyi Bloglar İçin"
  • "description": "Blog nasıl oluşturulur? İyi bir blog kurmak için neler gereklidir? İhtiyacınız olan Blogger eklentileri nelerdir?"
  • "default_title": "Blog Hocam"
2. Adım: İkinci olarak extension.js dosyasını açın ve aşağıdaki feed adresini kendi feed adresinizle değiştirip kaydedin:

3. Adım: Son değişiklik için extension.html dosyasını açın ve blog adresi ile icon urlsini kendi blogunuzun urlleri ile değiştirip kaydedin:

  • <form action="http://bloghocam.blogspot.com/" method="post" class="f" target="_blank">
  • <a href="http://bloghocam.blogspot.com/"><img src="https://lh3.googleusercontent.com/-Ie640ruv-KA/Vwt7T5PqU2I/AAAAAAAAL6w/06OWAj6igsoraprkLL_tzLv8yqNsZu_LwCCo/s128-Ic42/icon.png" /></a>
* İkon urlsi için öncelikle 128x128px boyutunda bir görsel oluşturun ve bunu Picasa Web ya da başka bir resim hosting sitesinde upload ettikten sonra urlsini alın.

Ve bitti! Gerekli değişiklikleri yaptınız. Artık klasör uzantı olarak Chrome’a eklenmeye hazır.

Oluşturduğum Chrome Uzantısını Chrome’a Nasıl Eklerim?

Öncelikle belirtmek isterim ki ikon da dahil olmak üzere tüm dosyalar ( extension.css, extension.html, extension.js, icon.png, manifest.json ) tek bir klasörün içinde olmalı.

chrome uzantısı ekle


1. Adım: Tarayıcının adres satırına chrome://extensions/ yazıp enter tuşuna basın ve açılan sayfanın sağ üst tarafındaki geliştirici modu etkinleştirin.

2. Adım: Aynı sayfadaki paketi açılmış uzantı yükle butonuna basarak dosyalarınızın bulunduğu klasörü seçin ve ekleyin.

Ekleme işlemi tamamlanınca tarayıcınızın araç çubuğunda oluşturduğunuz ikonu göreceksiniz. Artık blogunuzun Chrome uzantısı aktif ve kullanıma hazır.

chrome uzantı


Chrome Uzantımı Chrome Web Mağazsanıza Nasıl Eklerim?

Açıkçası oluşturduğunuz Chrome uzantısı bu hali ile pek pratik değil. Bir kullanıcı uzantınızı eklemek için paylaşacağınız uzantı dosyasını aynı yukarıda anlattığım gibi geliştirici modundan eklemek zorunda.

Uzantınızın herkese açık kullanıma açılması ve Chrome uzantılarının bulunduğu web mağazasından kolayca eklenebilmesi için buraya giderek 5$ karşılığında uzantınızı ekleyebilirsiniz.

18 Kasım 2015 Çarşamba

Kizoa İle Slayt, Video Ve Kolaj Hazırlayalım

Blog yazılarında fotoğraf, video, animasyon, slayt gösterisi gibi görsel öğelerin kullanılmasının öneminden defalarca bahsettik. Bu şekilde oluşturulan içerikler her zaman daha fazla ilgi görür, daha çok paylaşılır.

Bloggerların en büyük sorunu ise bloglarında veya çeşitli projelerinde kullanmak istedikleri bu görsel öğeleri oluşturacak programlara ve bu programları kullanabilecek yetiye sahip olmamaktadır.

Bu durumda devreye her zaman olduğu gibi ücretsiz online araçlar giriyor. Bu yazıda tanıtacağım Kizoa isimli online araç ile sadece birkaç dakikada, ücretsiz ve profesyonel slayt gösterileri, kolajlar, animasyonlar ve videolar oluşturabilirsiniz. Bloggerların çok işine yarayacağını düşündüğüm bu araçla neler yapabileceğinizle ilgili birkaç örnek vermek istiyorum.

Fotoğraf Düzenleme

Neredeyse her yazıda kullandığımız görseller üzerinde oynayarak benzersiz çalışmalar yaratabilirsiniz. Bunun için;

1. “Fotoğraf/Video Ekle” butonuna bastıktan sonra açılan pencereden düzenlemek istediğiniz fotoğrafı seçin.



2. Seçtiğiniz fotoğraf yüklendikten sonra “Düzenle” seçeneğini seçin.



3. Düzenleme ekranında fotoğrafınız üzerinde pek çok oynama yapabilirsiniz. Yüzlerce çerçeveden birini kullanabilir, efektler ekleyebilir veya filtreler uygulayabilirsiniz.



Düzenleme işleminiz bittikten sonra “Kaydet” butonuna basıp, yeni bir kopya oluşturduktan veya mevcut fotoğrafı değiştirdikten sonra fotoğrafı bilgisayarınıza indirebilirsiniz.


Slayt Gösterisi Oluşturma Ve Bloga Ekleme

Kizoa’yı öne çıkaran en güzel özelliklerinden biri web için slayt gösterisi hazırlamaya ve bunu farklı formatlarda kaydetmeye olanak sağlaması. Bunun için;

1. ”"Slayt Gösterisi Yap” butonuna bastıktan sonra açılan pencerede “Şablonlar” ve “En Baştan” seçeneklerini göreceksiniz. Hazır şablonlardan birinde küçük değişiklikler yaparak harika slaytlar oluşturabilir veya sıfırdan kendi slaytınızı oluşturabilirsiniz. Ben hazır şablonları kullanacağım.



2. Sol taraftaki “Durumlar” sekmesinden istediğiniz şablonu seçtikten sonra yan tarafta önizlemesini görebilirsiniz. Önizlemenin hemen altından tercihi göre müziği değiştirdikten veya kapattıktan sonra “İleri” butonuna tıklayın.



3. Sırada slayt gösterisinde gösterilecek fotoğrafları seçmek var. 3 seçeneğiniz var, Facebook hesabınıza bağlanarak oradaki fotoğraflarınızdan seçim yapabilir, bilgisayarınızda kayıtlı fotoğrafları yükleyebilir veya demo fotoğrafları kullanabilirsiniz.



4. Ve slayt gösteriniz hazır. Şimdi sıra bu slayt gösterisini blogunuza ekleyerek ziyaretçilerinizi etkilemeye geldi. Sağ taraftaki seçeneklerden “Kaydet” butonuna tıkladıktan sonra açılan pencereden “Bloga Ekle”  butonuna basın.



5. Ayarlarınızı yaptıktan iframe kodunu kopyalayıp blogunuzda içerisine eklemek istediğiniz yazının HTML bölümüne girin ve slaytın gözükmesini istediğiniz yere iframe kodunu yapıştırın.



Yazıyı yayınla dedikten sonra slayt gösteriniz yazının içerisinde okuyucuları karşılamaya hazır.

Fotoğraflardan Kolaj Yapma

Özellikle bayan bloggerların moda, yemek, kendin yap konulu bloglardında sıkça kullandıkları kolajları siz de kolayca yapabilirsiniz. Bunun için;

1. “Kolaj Yap” butonuna bastıktan sonra açılan pencerede “Tablolar & Sihirli Kolajlar”, “Şablonlar” ve “En Baştan” seçeneklerini göreceksiniz. Hazır şablonlarda ve tablolarda her konuya uyacak kolajlar yapmanızı sağlayan seçenekler mevcut.



2. Sol taraftan itediğiniz şablonu seçtikten sonra yan tarafta önizlemesini görebilirsiniz. Şablonların bazıları hareketli olduğundan tercihinizi yaptıktan sonra “Seç” butonuna basın.



3. Sırada kolaja eklenecek fotoğrafları seçmek var. 3 seçeneğiniz var, Facebook hesabınıza bağlanarak oradaki fotoğraflarınızdan seçim yapabilir, bilgisayarınızda kayıtlı fotoğrafları yükleyebilir veya demo fotoğrafları kullanabilirsiniz.



4. Fotoğrafları seçtikten sonra kolajınız oluşturulacaktır. Fotoğraflarda ve varsa şablondaki metinde istediğiniz değişiklikleri yaptıktan sonra “"sağ alt taraftaki “İndir” butonuna basın.



5. Kolajın boyutunu belirledikten sonra tekrar “İndir” butonuna basarak kolajı .jpg olarak bilgisayarınıza indirebilirsiniz.



Oldukça yüksek çözünürlüklü ve kaliteli, bu kolajı blog yazılarınızda ve çeşitli projelerinizde kullanabilirsiniz.

Daha Fazlası

Kizoa’yı kullanmak için http://tr.kizoa.com/ adresini ziyaret edebilir, Türkçe yardım videolarını izleyerek kullanımı hakkında destek almak için YouTube kanalına bakabilirsiniz.

12 Haziran 2015 Cuma

Sorularla Google Analytics Kullanımı

Site istatistiklerini örenmek için kullanabileceğiniz en detaylı ve en başarılı araç Google Analytics’dir. Fakat öyle zannediyorum ki içerisinde çok sayıda ve detaylı veri olduğundan ya da terimlerle dolu bir arayüzü olduğundan insanlar bu aracı kullanırken zorlanıyorlar. Hatta çoğu kişi Analytics kodunu sitesine ekledikten sonra hesabına giriş bile yapmıyor.

Daha önce Google Analytics kullanımına dair detaylı ve görsel destekli bir yazı yazmıştım fakat geçen sürede Analytics’te pek çok değişiklik olduğu için yazı güncelliğini kaybetti. Ben de Analytics’in sık kullanılan özelliklerini soru-cevap şeklinde derlemek istedim. Böylece detaylara girmeden sitenizle ilgili en önemli verileri ve istatistikleri kolayca öğrenebileceksiniz.

1. Siteme Hangi Ülkeden Ve Şehirden Giriliyor?

Analytics Yer


Kitle > Coğrafi > Yer yolunu takip ederek seçtiğiniz tarih aralığında sitenizi hangi ülkeden kaç kişinin ziyaret ettiğini, bunların kaçının yeni ziyaretçi olduğunu ve bu ziyaretçilerin sitede kalma sürelerini görebilirsiniz. Eğer işi ziyaretçilerin hangi şehirden geldiklerini görmek isterseniz birincil boyut olarak ülke yerine “şehir”i seçmeniz yeterli.

2. Siteme Hangi Cihazlardan Erişmişler?

analytics mobil


Kitle > Mobil > Genel Bakış yolunu takip ederek sitenize bilgisayarlardan, tabletlerden ve yoksa cep telefonlarından kaç kişinin girdiğini görebilirsiniz. Mobil ve tabletten yapılan ziyaretleri eski dönemlerle karşılaştırırsanız ne kadar büyük artış olduğunu göreceksiniz. İşte bu yüzden sitemizin mobil versiyonuna çok daha fazla önem vermeliyiz.

3. Ziyaretçilerin Ne Kadarı Sitemi Tekrar Ziyaret Ediyor?

analytics geri gelenler


Kitle > Davranış > Yeniler – Geri Gelenler yolunu takip ederek ziyaretçilerinizin kaçının sitenizi ilk kez ziyaret ettiğini, kaçının daha önce de sitenizi ziyaret ettiğini görebilirsiniz. Buradaki verileri iki türlü yorumlayabiliriz. Eğer geri gelenler çok fazlaysa sadık bir kitleniz olduğunu söyleyebiliriz. Eğer yeni gelenler çok fazlaysa sitenizin tanıtım çalışmaları işe yarıyor demektir :)

4. Ziyaretçiler Sitemde Ne Kadar Kalıyor?

analytics katılım


Kitle > Davranış > Katılım yolunu takip ederek sitenizi ziyaret eden insanların sitenizde geçirdiği vakti öğrenebilirsiniz. Burada 0-10 sn vakit geçirenlerin çok olmasını şu şekilde yorumlayabiliriz; ya sitenize girdiklerinde onları kaçıran bir tasarımınız vardır, ya sitenize yanlışlıkla girmişlerdir, ya da aradıkları bilgiyi ilk 10 sn içerisinde bulamayıp sitenizden çıkmışlardır.

5. Siteme Hangi Kaynaklardan Gelmişler?

analytics kanallar


Edinme > Tüm Trafik > Kanallar yolunu takip ederek sitenize hangi kaynaklardan ulaşıldığı bilgisini görebilirsiniz. Direct, adres satırına doğrudan sitenizin adresi yazılarak veya sık kullanılanlardan tıklanarak yapılan ziyaretlerin değeridir. Organic Search, arama motorlarında yapılan aramalar sonucu sitenize ulaşanların değeridir. Üzerine tıkladığınızda hangi aramalardan geldiklerini görebilirsiniz. Social, sosyal medya sitelerinden gelen ziyaretçilerin değeridir. Üzerine tıkladığınızda hangi sosyal medya sitesinden kaç kişinin ziyaret ettiğini görebilirsiniz. Referral, başka sitelerde yer alan linkinize tıklayarak sitenize ulaşanların değeridir. Üzerine tıkladığınızdan hangi siteden kaç kişinin geldiğini görebilirsiniz. Email, maillerde yer alan linkinize tıklayarak yapılan ziyaretlerin değeridir.

6. En Çok Hangi Yazım Okunmuş?

analytics içerik


Davranış > Site İçeriği > Tüm Sayfalar yolunu takip ederek sitenizin en çok ziyaret edilen sayfalarını yani blogunuzun en çok okunan yazılarını görebilirsiniz. Burada ayrıca ziyaretçilerin her bir sayfada ortalama ne kadar vakit geçirdiğini ve kaçının yazıyı okuduktan sonra hemen sitenizi terk ettiğini (Hemen Çıkma Oranı) görebilirsiniz.

7. Sitemde Kaç Kişi Online?

analytics online


Gerçek Zamanlı > Genel Bakış yolunu takip ederek sitenizdeki online ziyaretçi sayısını, hangi yazılarınızı okuduklarını, hangi cihazlardan bağlandıklarını ve hangi kaynaklardan sitenize ulaştıkları bilgilerini görebilirsiniz.

Umarım faydalı olmuştur. Paylaşmaya değer bulup aşağıdaki butonları kullanarak sosyal medyada paylaşırsanız sevinirim. Google Analytics ile ilgili sorularınızı da yorum bölümünden sorabilirsiniz.

2 Haziran 2015 Salı

AdSense’e Kayıt Olamayanlar İçin Alternatif Reklamlar

Blog yazan nerdeyse herkesin para kazanmak için tercih ettiği 1 numaralı yöntem Google AdSense reklamları olsa da bu sisteme kabul edilmek ve AdSense yayıncısı olmak pek de kolay değil. Bazıları daha başvuruda bulunamadan “Blogunuz Şuan AdSense İçin Uygun Değil”  uyarısı alıyor ve kayıt olma butonu hiç aktif olmuyor, bazıları da ilk onayı alıyor ama yetersiz içerik gibi nedenlerle ikinci onayda takılıyor.

Bu şekilde AdSense kullanamayan bloggerlar için alternatif tıklama başına para kazandıran yöntemleri araştırdım ve en iyi 4 AdSense alternatifini inceledim.



1. Wordego

Türkiye’nin en kaliteli ve en ciddi reklam firması diyebilirim Wordego için. Blogunuza özel ve hedeflenmiş reklamlar gösterek österim başına para kazanmanızı sağlar. Yetersiz içerik, düşük trafik ve hizmet sözleşmesine aykırı içerik başvurunuzun reddedilmesine neden olabilir ama AdSense kadar ince eleyip sık dokumadıklarını söyleyebilirim. Hesabınızda 100 TL biriktiğinde ödeme talep edebilirsiniz. Ödemeler banka hesabınıza havale ile gerçekleştirilir.

2. AdHood

AdHood’a kayıt olduktan sonra sisteme site eklemeniz ve bu sitenin size ait olduğunu ispatlamnız gerekir. Siteler kısmından site ekle dedikten sonra site düzenle > site doğrulama kısmından alacağınız meta kodunu Blogger şablonundaki <head> kodunu altında bir yere yapıştırın.  Kaydederken hata alırsanız kodu şu şekilde değitirin: <meta name='AdNetwork value=adhood - www.adhood.com acceptcode=xxxxxxxxxxxxxxxx'/> Doğrulama işleminden sonra editörler sitenizin uygunluğunu inceleyip reklam yayınlamanıza onay verecekler. Tıklamaa başına ortalama 10 kuruş veriyor ve ödemeler banka hesabınıza yapılıyor.

3. CPM Fun

Neredeyse her başvuruyu onaylayan ve AdSense’de olduğu gibitıklama başına para veren bir reklam ağı. Manage Websites kısmından sitenize ekledikten sonra onaylanmasını bekler ve Ad Tags kısmından istediğin boyuttaki reklamları eklersiniz. En fazla 3 adet rekam birimi ekleebilirsiniz ve ödemeler 100$ ödeme eşiğine geldiğinizde Paypal hesabınıza yapılır.

4. Qadabra

Zararlı ve illegal içerik barındıan siteler hariç tüm siteleri kabul eden Qadabra da tıklama başına veren bir sistem. Ödemeler Paypal hesabınıza yapılıyor ve en güzel tarafı ödeme alt limitinin sadece 1$ olması. Banner reklamların yanı sıra popup reklamlar da ekleyebiliyorsunuz.

Hangi Reklamları Öneriyorum?

İçlerinde en uzun süre kullandığım reklam ağı Wordego. Güvenilir ve ilgili bir firma. Her kullanıcının bir hesap yöneticisi var. Sizi telefonla arayarak ya da mail yazarak kazancınızı arttırmaya yönelik ipuçları veriyor ve sorularınızı yanıtlıyor. Karşınızda bir muhattap olması bir online reklam firması için büyük hizmet. Ayrıca reklamlara tıklanmasını beklemek gibi bir sorununuz yok. Tüm bu nedenlerden dolayı blogu için bir reklam firması arayanlara Wordego’yu tercih ederim.

Önemli not: Bu yazıyı yazmak veya Wordego’yu övmek için her hangi bir ücret almadım. Tamamen şahsi ve samimi fikirlerimdir.

19 Mart 2014 Çarşamba

15 Ücretsiz Online Fotoğraf Editörü

Görseller blog yazarlığının her zaman önemli bir parçası olmuştur. Yazı içerisine eklenen fotoğraflar ve blog tasarımında kullanılan grafikler buna en güzel örnektir. Peki blogumuzda kullanacağımız resimleri düzenlemek gerektiğinde illa Photoshop veya GIMP benzeri profesyonel bir programa mı ihtiyacımız var? Tabi ki hayır.

 

Yaklaşık 2 yıl önce dönemin en iyi 5 resim düzenleme aracını derlediğim bir yazı paylaşmıtım fakat aradan geçen 2 yılda bu araçlardan bazıları kapandı. Ayrıca yeni ve çok kullanışlı yeni araçlar da kullanıma açıldı. Bu yüzden daha kalabalık ve daha güncel bir liste yapma gereği duydum.

 

1. Pixlr

 

pixlr

 

Bu araç için Photoshop’un online ve ücretsiz versiyonu diyebiliriz. Mobil uygulamalarının da olması önemli bir avantaj. Aracı kullanmak için Flash plug-in’in bilgisayarıınızda yüklü olması gerekir. Pixlr’ın blogunda, araç kullanılarak yapılan çalışmaların örneklerini görebilir ve kendinizi geliştirebilirsiniz.

 

2. BeFunky

 

befunky

 

Fotoğraflarıma biraz daha tarz katmak istiyorum ve kolajlar yapmak istiyorum diyenler için harika bir alternatif. Yine mobil uygulamaları olan Be Funky, kullandıkça kendini size bağllayacak bir araç.

 

3. iPiccy

 

iPiccy

 

Çok amamtör bir giriş sayfasın ve arayüze sahip olmasına rağmen sunduğu özellikler için oldukça profesyonel diyebilirim. Klasik renk ve düzenleme araçlarının yanı sıra, layerlarla, framelerle ve texture’larla da çalışabiliyorsunuz. Profil fotoğrafları için oluşturulan özel sekmeyi de mutlaka denemeniz gerekir.

 

4. PicMonkey

 

picmonkey

 

PcMag tarafından 2013’ün en 100 web sitesi arasında gösterilen PicMonkey, online resim düzenleme piyasasının 1 numarası diyebiliriz. Bazı özellikleri kullanmak için pro üyelik gerekse de ücretsiz sunulan özellikleri de oldukça kaliteli. Buradan ücretsiz Picmonkey derslerini görebilirsiniz.

 

5. FotoFlexer

 

FotoFlexer

 

Bu aracın en güzel özelliklerinden biri Facebook, Picasa veya online kaynaklardaki fotoğrafları da düzenleyebiliyor olması ve Türkçe dil desteğinin bulunması. Layerlar dahil, standart tüm resim düzenleme komutlarını Türkçe kullanmak isterseniz FotoFlexer’ı deneyebilirsiniz.

 

6. LunaPic

 

LunaPic

 

Reklamların çokluğu sinir bozucu olsa da, aracın sunduğu efektler ve animasyonlar sayesinde bu listeye dahil ettiğimi söyleyebilirim. Animasyon seçeneklerinden tek tıklama ile resimlerinizi hareketli hale getirebiliyorsunuz.

 

7. Fotor

 

fotor

 

Çoğu araçta yer alan standart özelliklere sahip olan Fotor’un en güzel yanlarından biri düzenlediğiniz resimleri sosyal medya hesaplarınıza direkt atarabilmeniz. Fotor’un blogunda öğretici dersler ücretsiz olarak paylaşılmakta.

 

8. Phixr

 

Phixr

 

Geleneksel bir fotoğraf düzenleme aracı olan Phixr, birkaç efekt dışında diğer raçlarla baş edecek kadar özelliğe sahip olmasa da, blogunda paylaşılan dersleri ve çalışmaları görünce bu listeye dahil ettim. Siz de bu anlatılanları okuyarak ortaya güzel işler çıkarabilirsiniz.

 

9. Ribbet!

 

Ribbet

 

Tek tıklmayla resimlerinizde hoş değişikler yapabileceğiniz bir araç fakat en güzel özelliklerini kullanmak için premium üyelik istiyor ne yazık ki. Yine de temel araçlar, stickerlar ve frameler fena değil.

 

10. FreeOnlinePhotoEditor

 

freeonlinephotoeditor

 

İsmi gibi kendi de açık ve net olan bir resim düzenleme aracı. Hiçbir arayüz yüklemesine plugine gerek kalmadan açılıyor ve temel düzenleme işlemlerinizi yapabiliyor bu araç. Diğer alternatiflerin yanında zayıf kalsa da işinizi çabucak halledebilirsiniz.

 

11. Aviary

 

aviary

 

Mobil cşhazlar için geliştirilmiş bir araç olan Aviary ile saniyeler içinde harika fotoğraflar oluşturabiliyorsunuz. Filtreleri, çerçeveleri, stickerları ve efektleri ile mobil cihazlarınızın vazgeçilmez aplikasyonlarından biri olabilir.

 

12. PhotoCat

 

PhotoCat

 

Bayanlar bu aracı kullandıktan sonra bildikleri diğer tüm resim editörlerini unutacaklar. Kolaj ve DIY çalışmaları oluşturmak için onlarca hazır şablonu, cilt ve yüz düzeltmek için gelişmiş araçları, eğlenceli arayüzüyle bayan bloggerlar için ideal.

 

13. Pho.to

 

Pho-to

 

Buna bir resim düzenleme aracından çok, resimi oluşturma aracı diyebiliriz. Kendi fotoğraflarınızı kullanarak eğlenceli ve yaratıcı montajları kolayca yapabiliyorsunuz. Blogundaki örnekleri ve buradaki ipuçlarını inceleyerek daha profesyonel çalışmalr yapabilirsiniz. Üstelik bu aracı Türkçe kullanabiliyorsunuz.

 

14.  PhotoFunia

 

PhotoFunia

 

Yine Pho.to gibi resimleri düzenlemekten çok eğlenceli ve orijinal montajlar yapmaya yarayan bir araç. Özel efektleri frameleri sayesinde çok ilginç çalışmalar yapabilirsiniz.

 

15.  Picadilo

 

Picadilo

 

Gelişmiş retouch efektleriyle insan ve yüz fotoğrafları için ideal bir araç gibi gibi gözükse de blogundaki örneklerden de yola çıkarak kendinize güzel kolajlar hazırlayabilirsiniz.

 

 

Son sözler

 

Listeyi oluştururken güncel ve gerçekten işe yarar araçlar olmasına dikkat ettim. Bu araçlarla grafik programlarına ihtiyaç duymadan, resim düzenleme işlerinizi yapabilirsiniz. Üstelik program yükleme, güncelleme, satın alma gibi dertleriniz olmaycak.

 

Bilmediğim ya da henüz keşfetmediğim, sizin kullandığınız ve önerdiğiniz bir online fotoğraf düzenleme aracı varsa lütfen yorum bölümünden paylaşın.

17 Mart 2014 Pazartesi

Bloglovin Kullanma Kılavuzu

Google Reader’ın kapatılmasıyla blogları tek bir yerden kolayca takip etmeyi sağlayan çevrimiçi RSS okuyucular arasında Google Reader kullanıcılarını kapma savaşı başlamıştı. Bu savaşın bana göre 2 galibi oldu. Birincisi Feedly, ikincisi ise bu yazıda tanıtacağım Bloglovin.

 

Bloglovin Nedir? Ne İşe Yarar?

 

Bloglovin, takip etmek istediğiniz blogları tek bir yerden kolayca takip etmenizi sağlayan, ayrıca yeni bloglar keşfetmenizi sağlayan bir platformdur. Takip etmek istediniz blogları Bloglovin sayfanıza eklersiniz. Bloglovin sizin için o blogun beslemelerini otomatik kontrol eder ve yeni bir yazı olduğunda okumanız için size hatırlatır. Bildiğimiz RSS okuyucuların biraz daha sosyal hali diyebiliriz sanırım :) Üstelik Bloglovin’i sadece bilgisayarınızda değil, iPhone, Android ve iPad’inizde de kullanabilirsiniz.

 

Bloglovin’e Nasıl Kayıt Olunur?

 

Bloglovin’e kayıt olmak için buraya gittikten sonra iki seçeneğiniz var. İsterseniz direkt Facebook hesabınızı kullanabilir, isterseniz de Sign up with email linkine tıklayarak e-posta hesabınızla üye olabilirsiniz.

 

bloglovin kayıt

 

- Kayıt formunu doldurup, e-mail adresinize gelen aktivasyon linkine tıkladıktan sonra, takip etmek için 3 adet blog seçmeniz istenecek. Takip listenizi daha sonra istediğiniz gibi düzenleyeceğiniz için bu adımda vakit harcamanıza gerek yok aslında. Önerilen blogları seçebilir veya arama kutusuna herhangi bir blog adı yazabilirsiniz (örneğin bloghocam). 

 

- 3 adet blogun yanındaki Follow butonlarına tıkladıktan sonra Next diyerek bir sonraki adıma geçebilirsiniz. Bu aşamada size başka bloglar  önerilecek. İlginize çekenleri takip edebilir veya Next butonuna basarak bu aşamayı geçebilirsiniz.

 

- Sıradaki adımda Facebook’taki arkadaşlarınıza bağlanarak onları takip etmeniz için bir seçenek sunulacak. Sayfanın altındaki next butonuna tıklayarak bu adımı da geçebilirsiniz.

 

- Son olarak, Bloglovin’de takip ettiğiniz bloglarda yeni bir yazı olduğunda sie haber vermesini sağlayan tarayıcı uzantısını yükleyip yüklemeyeceğiniz sorulacak. Şart değil ama isterseniz yükleyebilirsiniz. Eğer yüklemek istemiyorsanız Not now linkine tıklayabilirsiniz.

 

Bloglovin Nasıl Kullanılır?

 

Bloglovin’e kayıt işlemini tamamladıktan sonra aşağııdaki gibi bir panelle karşılaşacaksınız. Bu, sizin Bloglovin sayfanız. Bu sayfayı nasıl kullanabileceğinizden bahsedelim.

 

bloglovin kullanımı

 

Gördüğünüz gibi Bloglovin’in sade ve kullanıcı dostu bir arayüzü var. Sayfadaki ana bölümlerini numaralandırarak açıklamaya çalışayım.

 

1  Bu bölümde takip ettiğiniz blogları ve kaç adet yeni yazı olduğunu görebiliyorsnuz. Takip listenize yeni bloglar eklemek isterseniz, buradaki Follow more blogs linkine tıklayabilirsiniz. Friend activity ise işin sosyal kısmı. Bloglovin’de sadece blogları değil, insanları da takip edebiliyorsunuz. Bu bölümden arkadaşlarınızın sayfalarındaki aktiviteleri görebilirsiniz.

 

2  Bu bölüm feed sayfanızdaki blogları yönetmek için. Feed sayfanızdaki yeni yazıların özetlerine bakıp, okumaya değer bulmadığınızda Mark all as read butonuna basarak bu yzıları okundu olarak işaretleyebilirsiniz. Okundu olarak işaretlenen yazılar feed sayfanızdan kalkar. Yanındaki çark ikonunda ise yazıları sıralama seçenekleri vardır. Eskiden yeniye, yeniden eskiye, resimler büyük veya küçük gözüksün gibi seçenekleri seçebilirsiniz.

 

3 Bu bölüm, anlyacağınız üzere yeni yazının olduğu kutu. Bu kutuda blog ismi, yazı başlığı, yazının belli bir kısmı ve yazıdaki görsellerden biri yer alır. Bu bilgiler yazıyı okuyup okumayacağınıza karar vermek için yeterlidir. Eğer yazıyı okumaya karar verip başlığa tıklarsanız, Bloglovin penceresinde direkt o bloga ve o yazıya bağlanırsınız.

 

4  Bu bölümde yazının ne zaman yayınlandığı, kaç Bloglovin kullanıcısının beğendiği gibi bilgilerle birlikte yazıyı beğenmeniz veya sosyal alarda paylaşmanız için gerekli butonlar da yer alır. Ayrıca Mark as read yazan linke tıklayarak adece o yazıyı okundu olarak işaretleyebilirsiniz.

 

Bloglovin Widgetları Nasıl Eklenir?

 

Bloglovin’in widgets sayfasında, blogunuzda kullanabileceğiniz buton, sayaç ve ikon widgetları var. Blogunuza eklemek istediğiniz widgetın altındaki Get this icon linkine  tıkladıktan sonra açılan iarama kutrusuna blogunuzun ismini yazın ve bulun. Ardından AddWidget butonuna tıklyarak veya verlen kodu Blogger kumanda panelinden Yerleşim > Gadget ekle > HTML/JavaScript yolunu takip ederek blogunuza ekleyin.

 

Blog Hocam’ı Bloglovin’de Takip Edin

 

Eğer Blog Hocam’da yayınlanan yeni yazıları Bloglovin kolaylığıyla takip etmek isterseniz buraya tıklayarak Blog Hocam’ı takip listenize ekleyebilirsiniz.

3 Şubat 2014 Pazartesi

Alexa Kullanım Kılavuzu

1996’da, dünyadaki tüm web sitelerinin istatistiklerini tutmak amacıyla kurulan Alexa, bugün internet dünyasında sitelerin popülaritesini belirlemede en güvenilir kaynaklardan biridir.

Chrome, Explorer, Firefoz gibi internet tarayıcılarına yüklenen toolbar sayesinde kullanıcıların internette ziyaret ettikleri sitelerin datasını tutan Alexa, bu datalara göre sitelere bazı değerler verir. Bir sitenin Alexa sayfasını ziyaret ettiğinide şu bilgileri görebilirsiniz:

1. Türkiye Ve Dünya Sıralaması

How popular is ……” başlığının altında, o sitenin Alexa verilerine göre Türkiye’nin ve Dünya’nın kaçıncı popüler sitesini olduğunu görebilirsiniz.

alexa sıralaması


Örneğin Blog Hocam’ın Alexa sayfasını ziyaret ettiğinizde Türkiye’nin 894. Dünya’nın 49.375. popüler sitesi olduğu yazar.

2. Etkileşim

How engaged are visitors to ……?” başlığının altında ise ziyaretçilerin siteye olan bağlılığı ile igili veriler gözükmektedir.

alexa etkileşim


Alexa verilerine göre Blog Hocam’ı ziyaret edenlerin siteden hemen çıkma oranı %58.1. Kullnaıcılar Blog Hocam’ı ziyaret ettiğinde ortalama 2.17 sayfa görüntülüyor. Kullanıcıların Blog Hocam’da kalma süresi ise ortalama 1.6 dakika.

3. Demografi

Who visits ……?” başlığının aktında ziyretçilerin kitlesel ve coğrafik demografik blgilerini görebiliyorsunuz.

alexa demografi


Blog Hocam’ın ziyaretçi profilinde arasında erkeklerin biraz daha ağır bastığını görebilirsiniz. Ayrıca ziyaretçilerin %87.9’u Türkiye’den bağlanırken, %6.2’sinin Kırgızistan’dan, %2.5’inin ise ABD’den bağlandığını görebilirsiniz.

4. Trafik Kaynakları

Where do ……'s visitors come from?” başlığının altında ise ziyaretçilerin o siteye hangi kaynaklardan ulaştığını görebiliyorsunuz.

Alexa trafik kaynakları


Alexa’ya göre Blog Hocam’ın trafiğinin %23.9’u arama motorlarından geliyor. İnsanlar arama motoruna en çok “blog hocam”, “bloghocam”, “kişisel blog”, “blogger arama kutusu”, “hocam” yazarak Blog Hocam’a ulaşıyor. Alexa’ya göre Google dışında Blog Hocam’a en çok trafik gönderen siteler ise Blogger, Facebook ve Hürriyet.

5. Backlinkler

What sites link to ……?”  başlığının altnda o sitnin kaç adet backlinki olduğunu ve backlinkin yer aldığı sayfaları görebiliyorsunuz.

alexa backlinkler


Alexa Blog Hocam’a 495 farklı siteden link geldiğini algılamış ve bunlardan bazılarını göstermiş. Pinterest, Blogger, Hürriyet, Milliyet gibi sitelerden Blog Hocam’a bağlantı olduğunu görebilirsiniz.

6. Benzer Siteler

”What sites are related to ……?” başlığının altında ise o siteyle benzer konsepte sahip siteler görünmektedir.

Alexa benzer siteler


Benzer siteler Blog Hocam’da ve çoğu sitede gözükmüyor. Kriteri nedir bilmiyorum. Ama öneri olarak DMOZ’de bulunduğu kategoriyi gösteriyor. Buradan benzer sitelere ulaşabilirsiniz.

7. Subdomainler

Where do visitors go on ……?” başlığının altında ise sitede en çok ziyaret edlen alt domainler gözükmektedir.

alexa-subdomain
Blog Hocam’ın kendisi zaten bir subdamin olduğu için bu bölümde başka bir veri gözükmaz. Ama sitenin adresi bloghocam.com olsaydı ve bu sitenin forum.bloghocam.com gibi bir alt domaini olsaydı bu bölümde görebilirdiniz.

8. Site Hızı

How fast does …… load?” başlığının altında sitenin ne kadar hızlı yüklendiğini ve diğer sitelerle kıyaslamasını görebilirsiniz.

alexa site hızı
Örneğin Alexa’ya göre Blog Hocam 3.9 saniyede yükleniyormuş ve internetteki sitelerin %87’sinden daha yavaşmış.

9. Site Bilgileri

Where can I find more info about ……?” başlığının altında sitenin açıklaması, eskiden nasıl göründüğü ve site sahibinin iletişim bilgileri yer almaktadır.

Allexa Site Bilgileri
Site açıklaması ve iletişim bilgilerini siz oluşturuyorsunuz fakat site geçmişi, web.archive.org tarafından kendiliğinden kaydedilir. Örneğin 7 Ekim 2011’de Blog Hocam şu şekilde görünüyordu.


Alexa Verileri Ne Kadar Doğru?

Alexa bu verileri Alexa toolbarı yüklü olduğu tarayıcılardan topladığı için kesin doğruyuz diyemeyiz elbette. Google Analytics’den bounce rate, demografi, trafik kaynakları gibi verileri incelediğinizde bazı farklılıklar olduğunu göreceksiniz.  Bu yüzden Alexa’da ciddiye almanız gereken tek verinin 1 numarada belirttiğim sıralamalar olduğunu söleyebilirim. Kendi blogunuzla ilgili diğer verileri Google Analytics’den çok daha net elde edebilirsiniz ama hakkında hiçbirşey bilmediğiniz bir site için Alexa verileri size fikir verebilir.

Alexa’ya Kayıt Ve Site Ekleme

1. Öncelikle Alexa kayıt sayfasına giderek e-mail adresiniz ya da Facebook hesabınızla kayıt yapın.

2. Mail adresinizle kayıt yaptıysanız Alexa’dan bir mail gelecektir. Buradaki linke tıkladıktan sonra kayıt işleminiz tamamlanır. Açılan sayfada Alexa hesabınıza girnek için kullanacağınız şifreyi belirlemeniz istenecek.

3. Şifreyi belirledikten sonra artık Alexa hesabınıza gimiş olursunuz. Şimdi üst taraftaki My Account linkine tıklayarak şu yolu izleyin: Dashboard > Add It Now > Free Sign Up

4. Açılan sayfadaki kutuya blog adresinizi yazarak devam edin. Ardın sizden sitenizi onaylamanızı isteyecek. Bunun 2 yolu var. Biz 2. seçenek olan meta seçeneğini kullanacağız.

alexa-onay
Sayfada size özel üretilen bir Alexa ID’si göreceksiniz. Bunu blogunuza şu şekilde eklemeniz gerekmektedir:

- Blogger kumanda panelindenŞablon > HTML’yi Düzenle yolunu takip edin ve <head> kodunun altına şu satırı ekleyin:

 

<meta name="alexaVerifyID" content="Alexa ID’niz" />

 

Kırmızı renkli yere Alexa’dan aldığınız ID’yi yazdıktan sonra şablonu kaydedin ve Alexa’ya geri dönün. Alexa ID’nizi aldığınız sayfanın altındaki Verify My ID butonuna tıklayın.

5. “Your site is successfully claimed.” yazısını gördüyseniz blgunuz artık Alexa’ya eklenmiş ve onaylanış demektir. Continue butonuna basarak site bilgilerini yazmaya geçebilirsiniz.

6. Burada bazı özellikler sadece pro üyeler içindir. Fakat yukarıda 9. adımda bahssettiğim site başlığı, site açıklaması, ülke ve iletişim gibi bilgileri buradan seçebiliyorsunuz. Bu bilgileri girdikten sonra kaydedip işlemi sonlandırbilirsiniz. 

Son olarak  şunu belirtmeliyim ki blogunuza Alexa’ya ekledikten hemen sonra istatistikler ve veriler gözükmez. Bu verilerin oplanıp işlenmesi için süreye ihtiyacınız olacak.

Alexa Widgetları

Sitesinde Alexa verilerini göstermek isteyen kişiler için farklı tür ve boyutlarda Alexa widgetları mevcut. Dilerseniz kendi widgetınızı oluşturarak blogunuza ekleyebilirsiniz.

Widget oluşturmak için Alexa Site Widgets sayfasına giderek, eklemek istediğiniz widgetın yanındaki kutuya blog adrresinizi yazın ve Build Widget butonuna basın. Devamında açılan sayfasında seçtğiniz widget türünün farklı boyutları ve yanlarında kodları çıkacak. Burada ekleyeceğiniz widgetın kodunu kopyalayarak Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyin ve kodları yapıştırın.

İnternet Tarayıcınız İçin Alexa Toolbar

Alexa Toolbar internet tarayıcınza ücretsiz olarak ekleyebileceğiniz, siz internette dolaşırken arkaplanda çalışarak girdiğiniz sitelerle ilgili bilgileri Alexa databaseine gönderen bir eklentidir. Yani Alexa toolbar yüklü bir tarayıcıyla internet sitelerini ziyaret ettiğinizde, o sitelerin verilerinin hesaplanmasında siz de dikkate alınacaksınız.

Alexa toolbarı ücretsiz indirmek ve tarayıcınıza eklemek için Alexa Toolbar sayfasını ziyaret edebilirsiniz.

 

!!! Alexa verileri hergün güncellendiği için şuanki değerlerle yazıda yer alan değerler arasında küçük farklar olabilir. Yazıyı yaklaık 1 hafta önce yazmıştım.