Dilediğiniz Zaman Arayın Canlı SOHBET Edelim: 
(İlk 5 Dakika Bedava)

Cansu: 008818200818

Esra: 0034951250447

19 Eylül 2012 Çarşamba

Blogger’da Resimlerin Etrafındaki Çerçeve Ve Gölgeyi Kaldırma

Blogger temalarında en sevilmeyen özelliklerden biri, yazıya eklenen resimlerin kenarında çıkan çerçeve ve gölge.Kimileri resme bir güzellik kattığını düşünebilir ama kullandığınız resim transparan bir resimse, bu çerçeve ve gölge yüzünden transparanlık özelliğini kaybederek sevimsiz bir arkaplan oluşuyor.

 

blog

 

Bu yazıda, resimlerin kenarındaki çerçeve ve gölgeden nasıl kurtulacaınızı anlatacağım.Çözüm pratik ve kesin :)

 

Şablonunuzun HTML kodlarının olduğu pencereyi açın ve Ctrl+F tuşlarına basarak ]]></b:skin> kodunu bulun.Bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonu kaydedin.

 

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

 

Çok kişi tarafından sorulduğu için blogda paylaşma itiyacı hissettim.Umarım birilerinin işine yaramıştır.

17 Eylül 2012 Pazartesi

Bloglar Ve Çekilişler

Son zamanlarda bloglar arasında adeta bir çekliş yarışı var.ürü ne olursa olsun pek çok blogcu okuyucuları arasında çekiliş düzenleyerek ufak tefek bazı hediyeler dağıtıyor.Yazar ve okuyucu arasındaki bağı güçlendirdiği gibi blog promosyonu açısından çok etkili bir yönem çekilişleri siz de kendi blogunuzda düzenlemeyi düşünüyorsanız bu yazı size rehber olacaktır.

 

Çekiliş

 

Ödülünüzü Belirleyin

 

İşe çekiliş sonucunda vereceğiniz ödül yada ödülleri belirleyerek başlamanızı öneririm.Çok pahalı ve sıradışı ödüller belrlemeniz gerekmez.Önemli olan okuyucularınızın ilgisini çekecek türde hediyler olmasıdır.Örneğin bir yemek blogu yazıyorsanız hediyeniz yemek kitabı veya bir teknoloji blogu yazıyorsanız hediyeniz bir flash disk olabilir.

 

Kuralları Belirleyin

 

İkinci olarak katılım nasıl olacağını belirleyin.Okuyucularınız çekilişe katılmak için ne yapmalı? Bu adımda dikkatli düşünün ve kurallara hedefiniz doğrultusunda karar verin.Örneğin hedefiniz Twitter’daki takipçi sayınızı arttırmaksa kurallarınız şunlar olabilir: “1. Twitter’da takipçi olmalı, 2. Çekilişi tweetlemeli.” Veya backlink ya da trafik kazanmak istiyorsanız çekilişe katılmak için şu kuralları koyabilirsiniz: “1.Çekiliş hakkında yazı yazmak, 2. Yazının linkine yorum olarak bırakmak.

 

Çekilişinizi Duyurun

 

Özenli bir post hazırlayarak yapacağınız çekilişi okuyucularınıza duyurmalısınız.Postunuzda katılım şartlarını ve ödülleri net bir şekilde belirtilmelisiniz.Katılımı arttırmak için sosyal medyada da çekilişin duyurusunu yapabilir, çeşitli forumlarda paylaşabilir, diğer blogcu arkadaşlarınızdan duyuru konusunda yardım isteyebilirsiniz.

 

Çekilişi Yapın

 

Katılımcıları belirledikten sonra sıra çekilişi yapmaya geldi.Bu noktada bize Random.org sitesinin List Randomizer aracı yardım edecek.Bu araçtaki kutuya katılımcıların isimlerini yazdıktan sonra alt taraftaki Randomize butonuna basın.Araç rastgele bir sıralama yapıp sonuçları ekrana yansıtacaktır.

 

Sonuç

 

Çekilişin sonucunu blogunuzda paylaşırken çekiliş sonuç ekranın ekran görüntüsünü fotoğrav veya video olarak kaydederek sonuç duyuru postunuza mutlaka ekleyin ki insanların kafasında bir soru işareti kalmasın.

 

Söz Sizde

Ben bugüne kadar Blog Hocam’da çekiliş yapmadım ama bu yazıyı okuyan blogcular arasında çekiliş yapmış onlarca kişi olduğundan eminim.Bu kişiler deneyimlerini ve önerilerini benimle paylaşırsa sevinirim.

14 Eylül 2012 Cuma

Blogger Resimli Kategori Oluşturma

İletişim formu veya sosyal medya aracılığıyla sık sorulan soruların cevaplarını blogda vermeye devam ediyorum, edeceğim de.Bu şekilde hem konu sıkıntısı çekmiyorum, hem de insanların ortak problemlerini çözüyorum.

 

En çok sorulan şeyler den biri de bblogun sidebarına resimlerden kategori bölümü yapmak.Temel HTML bilgisi ile kolayca yapılabilecek bir işlem olduğunu bildiğim için bugüne kadar blogda yazmamıştım ama son zamanlarda aynı soru 4-5 kişi tarafından sorulunca detaylı bir şekilde anlatmak istedim.

 

Öncelikle daha iyi anlamanız için yapmak istediğimiz şeyin görüntüsünü paylaşayım.

 

Resimlerle Kategori Oluşturma

 

Şimdi sıfırdan bu çalışmayı nasıl yapacağımızı anlatacağım.Öncelikle ihtiyacımız olan şey her kategoriye birer ait resim.Google görsel arama veya başka kaynaklardan faydalanarak her kategoriye ait bir resim bilgisayarınıza kaydedin.Örneğin ben blog makaleleri kategorisinde kullanmak için şu resmi buldum.

 

Makale

 

İkinci adımda bu resmi sidebarda kullanmak için yeniden boyutlandıracağız ve zerine katogurinin ismini yazacağız.Ben bu işlem için Gimp programını kullanıyorum ama bu örnekte herkesin yapabilmesi için PicMonkey isimli online aracı kullanacağım.

 

http://www.picmonkey.com/ sitesine gidip Edit a photo butonuna basın ve katgeori olarak kullanacağınız resmi açın ve düzenlemeye başlayın.Yapacağımız işlemler:

  • Resize seçeneği ile resmi yeniden boyutlandrın (125x125).
  • Effects seçeneği ile resme istediğiniz bir efekti uygulayın (Soften).
  • Text seçeneği ile resmin üzerine kategori adını yazın (Blog Makaleleri).
  • Rounded Corners seçeneği ile resmin kenarlarını oval yapın ve resmi kaydedin.

Ortaya çıkan sonuç şu:

 

Blog makaleleri

 

Diğer kategorileriniz için de aynı şekilde resimleri düzenleyip tümm grafiklerinizi oluşturduktan sonra sıra bunlara alt alta sıralayıp kategorilere bağlantı vermeye geliyor.Bunun için temel HTML kodları işimizi görecek.

 

Örnek olsun diye Blog temelleri ve Blog araçları kategorileri için de grafiklerimi aynı yöntemle oluşturdum.

 

                               blog araçları     blog temelleri

 

Önce oluşturduğum bu resimleri bir yere upload etmem gerekiyor.Bunun için de Google hesabımızla kullanabildiğimiz Picasa Web Albümlerini tercih ediyorum.Oluşturduğunuz bu resimleri Picasa Web albümlerine yükledikten sonra Blogger kumanda paneline gidip HTML/JavaScript olarak aşağıdaki kodları ekleyin:

 

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Ara%C3%A7lar%C4%B1"><img src="https://lh3.googleusercontent.com/-9CKIk3iLh9w/UESTxaZ5JZI/AAAAAAAADxI/MC_UV3EezW4/s125/ba.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Makaleleri"><img src="https://lh5.googleusercontent.com/-9wDl-JG9jr4/UEST0H40foI/AAAAAAAADxQ/EdMInJZBMXA/s125/bm.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Temelleri"><img src="https://lh4.googleusercontent.com/-xjbMcTH7ss4/UEST2pnhHII/AAAAAAAADxY/PyktleSQfUM/s125/bt.png" /></a></p>

 

Yeni kategoriler eklerken yardımcı olması için kodların anlamlarında biraz bahsedeyim.Her kategoriye ait kod şu şekildedir:

 

<p><a href="Kategorinin URL’si"><img src="Resmin URL’si” /></a></p>

 

Elimden geldiğince basitleştirerek anlatmaya çalıştım ama kafanıza takılan bir yer olursa yorum bölümünden yazabilirsiniz.

12 Eylül 2012 Çarşamba

Google Ve Arama Sorguları

Blog yazarlarının kullanması gereken araçların başında Google Analytics geliyor.Blogunuz ve ziyaretçileriniz hakkında pek çok şeyi öğrenebiliyorsunuz.Özellikle insanların blogunuza ulaşmalarını sağlayan arama sorgularını incelediğinizde çok ilginç şeylerle karşılaşıyorsunuz.Bakın Blog Hocam’a insanlar Google’da neyi arayıp ulaşmışlar?

 

Ters Duran Adam

 

2 yaşındaki oğlum aynı kelimeyi defalarca tekrarlıyor: Aslında bunu arayan kişiyi (muhtemelen bir anne) takdir ediyorum.Çocuğunun sorununa bir çözüm arayışında.Asıl  ilginç olan bu arama sorgusunda Google Penguen Algoritması ile ilgili yazdığım yazının Google’da ilk sırada çıkması.Şaka değil ilk sırada çıkıyormuş :)

 

6 ağustos 2012 google teması: 6 Ağustos tarihi ve Google ile ilgili küçük bir araştırma yaptığımda ulaştığım tek sonuç o tarihte Google’ın cirit atan pinokyo doodle’ı.Aradığı şey o muydu bilemiyorum ama bu arama sorgusunda da Float Blogger temasını tanıttığım yazı ilk sırada çıkıyor :)

 

Adet olmanın faydaları: Çok yanlış yerdesin hanım kızım.Sen bu aramayı yaptığında Google 6.sıraya Blog Hocam’a misafir olmanın faydalarını koymuş ama insan tıklamadan önce başlığa bakmaz mı? Seni jinekologlara havale ediyorum.

 

Aracın teyp yazıları silindi ne yapmalıyım: Arkadaş bu aramayı yaptığında Google’ın verdiği ilk 22 sıradaki sonuçta bir cevap bulamamış ki 23.sıradaki resimli benzer yazılar eklentisine tıklamış : ) Bence al bir boya üstünden geç o yazıların.Eskisinden daha güzel olur : )

 

Birinin sizinle ilgilenmediğini nasıl anlarsınız test: Kadın dergilerinde böyle testler olurdu değil mi ? Ergen kızlar ve erkek arkadaş sorunları… Google 10. sırada bu kardeşimize, Batuhan’ın yazdığı misafir yazı olan split testing önermiş : ) İyi fikir.A/B testi yaparak seninle ilgilenip ilgilenmediğini kesin çözersin.Mutlaka dene : )

 

Blogger nasıl bir şey: Aklıma Kemal Sunal Ve Şener Şen’in oynadığı Kibar Feyzo filminden bir sahne geldi de yazmayayım şimdi.Sen kafanda nasıl bir şey olarak canlandırmıştın çok merak ediyorum.Umarım Googgle’ın sana 3. sırada önerdiği başarılı blog oluşturma ile ilgili yazı Blogger’ın nasıl bir şey olduğu konusunda biraz fikir vermiştir : )

 

Blogspot zevk: Çok masum şeyler aradığını düşünmüyorum ama şunu söyleyebilirim blog yazmak gerçekten çok zevkli iş.Bu arama sorgusunda blogum 3.sırada çıkıyormuş.Çıkan yazının da bumads advertoral içeriği olması çok ilginç.

 

Hangi siteye gold üye oldum acaba: Umarım bu gold üyelik için ücret ödememişsindir.Ücretini ödeyip gold üye olduysan, sonrada hangi site olduğunu unuttuysan vay haline.Google bu arkadaşa 12.sırada benim kazançlı teklifimi önermiş.Nasılsa üye olduğunu unutyorsun, bence vaktini harcayıp ta üyelik formu doldurmayla uğraşma : )

 

Panoya kağidi nasil tuttururum:Hemen cevap vereyim; raptiye ile tuttur.Başka bir alternatif istersen çift taraflı bant kullanabilirsin.En ilkel yöntem ise ciklet kullanmak : ) Tabi eğer bloguna bir not kağıdı tutturmak istiyorsan Google sana en iyi sonucu yani bloga not kağıdı eklemekle ilgili yazdığım yazıyı ilk sırada çıkarmış.

 

Yazılı blög olcam ben: Geldik en saçma arama sorgusunda.Bu arama sorgusu hakkında inanın ne yazacağımı bilmiyorum.Öncelikle Google’a teessüflerimi bildiririm.Ne diye 3. sırada Blog Hocam’a misafir olmanın faydalarını yazdığım yazıyı çıkarırsın anlamıyorum.Bu aramayı yapan arkadaş sana yazılı blög olma yolunda başarılar dilerm.Becerirsen mutlaka bize de öğret : )

 

Belki bu aramalar sayesinde ziyaretçi sayısı artıyor ama ben bu durumdan hç memnun değilim.10 tane bu şekilde ziyaretçi geleceğine 1 tane gelip sürekli takip etmesini tercih ederim.Neyse ki yazdığım konular belli olduğu için bu tür alakasız aramalar çok olmuyor.

 

Söz Sizde

Peki siz arama sorgularını kontrol edermisiniz? Böyle garip anahtar kelimelerle karşılaşıyormusunuz? Blogunuza ziyaretçi gönderen ve içeriğinizle alakasız en saçma 3 arama sorgusunu benimle psylaşırmısınız?

10 Eylül 2012 Pazartesi

Blogger İçin Son Tweetler Eklentisi

Bu yazıda paylaşacağım widget aslında yeni bir widget değil.Daha önce paylaştığım ve son tweetlerinizi gösteren widgetta kulanılan scriptin aynısı.Tek fark görünümünde yani stillerde.Eklentinin görüntüsü şu şekilde:

 

Son Tweetler

Bu eklentiyi blogunuzda kullanmak için aşağıdaki kodları kendinize göre düzenledikten sonra HTML/JavaScript gadget olarak eklemeniz yeterli.

 

<style>.tweetboxbg1 {background: #017398 url(http://1.bp.blogspot.com/-ldYGASEF40E/T_MwH8_wJDI/AAAAAAAABek/vA4oMakwu1M/s400/twitterboxbg1.png) no-repeat;padding: 101px 3px 3px 3px;border-radius: 5px;}#twitter_update_list {color:#fff;font-size:13px;font-weight:normal;}#twitter_update_list a {color:#42a9cc;text-decoration:none;font-size:14px;font-weight:bold;}#twitter_update_list li {border-bottom: 1px dotted #fff;}</style>
<div class="tweetboxbg1"><ul id="twitter_update_list"></ul></div><script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/bloghocam.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

 

Değiştirmeniz gereken yerler:

  • bloghocam yazan yere kendi Twitter kullanıcı adınızı yazın.
  • 5 yazan yere göstermek istediğiniz tweet sayısını yazın.

 

Bu arada Twitter’da blog yazarlığı, SEO, kişisel gelişim, girişimcilik, dijital pazarlama gibi konularda düşüncelerimi okumak, beğendiğim ve faydalı gördüğüm linkleri almak, blogum ile ilgili gelişme ve duyurulardan hsberdar olmak istiyorsanız beni Twitter’da takip edebilirsiniz.

7 Eylül 2012 Cuma

Misafir Yazı Göndermek İsteyenlere Hatırlatma

Son zamanlarda misafir blogculuğa olan ilgiden çok memnunum.Bugüne kadar 13 adet misafir yazı yayınladım blogda.Özellikle Blog Hocam’a misafir olduğunuzda neler kazanacağınızı bir örnekle açıkladığım yazıdan sonra yazı gönderen kişi sayısı oldukça arttı.Ancak insanlar sanırım misafir blogculukla ilgili yazdığım yazıları veya hazırladığım mini e-kitabı okumadıkları için ısrarla alakasız ve kendi bloglarında yayınladıkları yazıları gönderiyorlar.Artık bu yazıyı yazmak umumi bir ihtiyaç haline dönüştü.

 

Misafir

 

Blog Hocam’a Uygun Konularda Yazın

 

Blog Hocam’ın okuyucu kitlesinin çok büyük bölümü blog yazarlarından oluşuyor.Dolayısıyla yazacağınız yazı blog yazarlarını ilgilendiren bir konu olmalı.

 

Gelen mesajlarda “bana bir konu söyle, o konuda yazayım” gibi şeylerle de karşılaştım.Misafir blogculukta böyle ısmarlama yazı söz konusu değildir.

 

Ayrıca insanların kolayına geldiği için bir temayı veya eklentiyi tanıtan yazılar gönderiyorlar.Bu tür yazıları da kabul etmediğimi belirteyim.

 

Kendi Blogunuzdaki Bir Yazıyı Göndermeyin

 

İşte en sık karşılaştığım olay bu.Kendi blogundaki bir yazıyı “al bu yazıyı misafir yazı olarak yayınla” şeklinde çok mesaj alıyorum.Misafir blogculuk başka bir blog için içerik üretmektir.Bana gönderdiğiniz yazı daha önce başka bir yerde yayınlanmamış olmalı.Ayrıca yazıyı bana gönderdikten sonra tüm kullanım hakları bana geçtiğinden benden sonra da başka bir yerde yayınlamamalısınız.

 

5 Dakikada Yazdığınız Yazıları Göndermeyin

 

Kimseyi zorlamamak için karakter veya kelime sınırı belirtmiyorum ama bu, hiç özenmeden, kısa ve düzensiz yazıları kabul ettiğim anlamına gelmiyor.Diğer yazılarıma bir göz attığınızda ortalama hangi uzunluklarda ve ne şekilde yazdığımı görebilirsiniz.Ayrıca referans olması açısından yayınladığım diğer misafir yazıları da inceleyebilirsiniz.

 

Hayır Cevabına Hazırlıklı Olun

 

Birebir sohbet ettiğim arkadaşlar bilirler, insanları kırmaktan çok korkarım.Ama bu gönderilen her yazıyı kabul edeceğim annlamına gelmiyor.Okuyucularıma bugüne kadar olduğu gibi bundan sonra da kaliteli içerik sunmak istiyorum.Bunun için yazısının kalitesini yeterli görmeyerek yayınlamadığım kişiler lütfen ısrarcı olmasınlar ve neden sorusunu sormasınlar.

 

Misafir Yazılarınızı Bekliyorum

Bu yazıda yaptığım hatırlatmaları dikkate alarak yazacağınız misafir yazılarınızı bloghocam@gmail.com adresine bekliyorum.Size neler kazandırdığını gördükten sonra misafir blogcu olmak bir alışkanlık haline gelecektir.Bundan eminim.

3 Eylül 2012 Pazartesi

Röportaj Deneyimimden Kalanlar

Daha önce 4-5 kişi benimle iletişime geçip röportaj yapma isteklerini yazmışlardı.Sordukları sorulara samimi cevaplar vermeye çalışmıştım.Blogum için ilk röportajımı ise yeni tanıştığım arkadaşım Hayat ile yaptım.Bu deneyimden çıkardığım ders ise şuydu: Soru sormak, cevap vermekten çok daha zor.

 

Röportajlar hem trafik, hem network, hem de blogunuzda çeşitlilik yaratması açısından iyi bir fırsat olabilir ama doğru soruları soramaz ve beklediğiniz cevapları alamazsanız bu işi elinize yüzüne bulaştırabilirsiniz.

 

Ben ne kadar başarılı oldum bilmiyorum ama edindiğim deneyimden yola çıkarak röportaj yapmak isteyenlere bazı tavsiyelerim olacak.

 

Röportaj

 

Hedef Kitlenize Odaklanın

 

Bu röportajı okuyucularınız için yaptığınızı unutmayın ve sorularınızı hazırlarken hedef kitlenizi ilgilendirecek türde sorular sormaya özen gösterin.Örneğin bir programlama blogunuzun olduğunu ve programlamacı biriyle röportaj yaaptığınızı düşünelim.Okuyucu kitlenizin de programcılar olduğunu düşünürsek merak edecekleri sorular programlama konusunda kendini nasıl geliştirdiği, hangi programlama dillerini bildiği, önerdiği kaynaklar, yazdığı programlar gibi şeylerdir.Çok az kişi en sevdiği rengi veya dinlediği müzik türünü merak eder.

 

Röportaj İçin Sebebiniz Olsun

 

Röportajı neden yaptığınızı bilmek, temel bir konunuz olduğu anlamına geliyor.Kendi yaptığım röportajı örnek vereceğim.Hayat’la röportaj yapmamın bir nedeni vardı.Kendisi blogu sayesinde yeni bir kariyer fısatı yakalamıştı ve bu okuyucularıma ilham verecek bir olaydı.Dolayısıyla röportajın esas konusu bloglar ve kariyer fırsatları idi.Tüm sorularımı da bu konu çervresinde yönelttim.

 

Görsel Öğeler Kullanın

 

Tüm blog yazılarınızda görseller kullanarak yazıya renk katmanızı fırsat buldukça tavsiye ediyorum.Röportajda da aynı tavsiyede bulunacağım.Röportajın arasına mutlaka ufak görseller ekleyerek hem okuyucunun dikkatini çekin hem de içeriğinize renk katın.Ne gibi görseller kullanabilirim diye soracak olursanız röportaj yaptığınız kişiye ait bir fotoğraf veya o kişinin bir web sitesi varsa o siteye ait bir ekran görüntüsü olabilir.

 

Giriş Paragrafı Yazın

 

Röportajın başlangıcında size ait bir paragraf olsun.Bu paragrafta röportaj yaptıınız kişi hakkında fikirlerinizi, izlenimlerinizi, röportajın konusuyla ilgili görüşlerinizi yazabilirsiniz.Ayrıca bu paragrafta röportaj yaptığınız kişi hakkında kısaca bilgi verebilirsiniz.

 

Söz Sizde

Röportaj yapmak blogunuza içerik açısından çeşitlilik kazandıracak ve online çevrenizi genşletmenizi sağlayacak eğlenceli bir olaydır.Siz yaptığınız veya okuduğunuz röportajlarda nelerin olmasına/olmamasına dikkat edersiniz?

31 Ağustos 2012 Cuma

Blogunuzun Başarısını Nasıl Ölçersiniz?

Blogunuz sizce başarılı mı ya da ne kadar başarılı? Buna nasıl karar verebilirsiniz? Blogunuzun başarısını ölçümlemenin ne gibi yolları vardır? Bir blogu başarılı kılan kriterler nelerdir? Sizlerin de katılımı olursa bu konuyu biraz tartışmak isterim.

 

Başarı

 

Başarı = Hit midir?

 

Bloglarda başarı deyince blogcular arasında akla ilk gelen şey günlük/aylık hit oluyor.Yani ziyaretçi sayısı.Peki hitin ne kadar yükse o kadar başarılımısın gerçekten? Kesinlikle hayır.Hitiyle övünen bloglara bakarsanız ( bir kısmı ) Google aramalarından ziyaretçi çekmek için gündemdeki her soruya ait hazır yanıtları yayınladıklarını görürsünüz.Yani içerik üretmezler.Hazır bilgiyi çoğaltarak kullanarak.Tamam aramalardan günde 3-5 bin hit aldınız, bravo.Peki bu ziyaretçilerin kaçını blogunuzda tutabiliyor ya da kaçını okuyucuya dönüştürebiliyorsunuz? ( CTR ya da Engagement Rate dediğimiz şey ) Bu durumda arama motoru için içerik yayınlayan 5bin hitli bir bloga göre okuyucuları için içerik üreten ve etkileşim oranı  çok daha yüksek olan bir kişisel blog, günlük 500 hiti olmasına rağmen bence çok daha başarılıdır.

 

Bence Başarı

 

Evet ziyaretçi sayısı, abone sayısı, yorum sayısı, takipçi sayısı, pagerank, alexa rank gibi şeyler bir blog için önemli şeyler olabilir ama benim için başarı kriteri asla değildir.Ben blogumun başarısını koyduğum hedeflere ne kadar yaklaştığımla ölçerim.

 

Blogumu ilk oluşturduğumda kendime bir hedef koyarım.1 yılda 100 abneye ulaşmak gibi.1 yıl sonunda koyduğum bu hedefe ulaşabildiysem kendimi ve blogumu başarılı sayarım.Devamında yeni ve daha büyük hedefler koyarım.Bu benim başarı grafiğimi arttırma isteğimdir.

 

Söz Sizde

Sizce bir blogu başarılı kılan kriterler nelerdir? Bir blogun başarılı olup olmadığına nasıl karar versiniz? Kendi blogunuzun ve Blog Hocam’ın başarılı olduğunu düşünüyormusunuz? Neden? Fikirlerinizi yazarsanız sevinirim.

29 Ağustos 2012 Çarşamba

Sabit Açılır Sosyal Kutular

Daha geniş kitlelere ulaşmak isteyen blog yazarları için sosyal medya bulunmaz bir nimet.Bu yüzden çoğumuzun Facebook, Twitter ve Google+ gibi sosyal platformlarda hesabı var.Sosyal medyada takipçi sayımızı arttırdıkça okuyucu kitlemiz genişleyecek ve yazılarımız daha çok kişiye ulaşacaktır.Bu yüzden bloglar için sürekli sosyal medya eklentileri geliştiriliyor.

 

Sabit Açılır Sosyal Kutular

 

Daha önce paylaştığım sabit açılır Facebook beğen kutusunu hatırlıyor musunuz? Bu yazıda, o eklentinin Twitter ve Google+ versiyolarını da paylaşacacğım.Üstelik üçünü aynı anda kullanabileceksiniz.Eklentinin nasıl çalıştığını görmek için videoyu izleyeblirsiniz.

 

 

Eklentiyi blogunuzda kullanmak için aşağıdaki kodları HTML/Javacscript gadget olarak eklemeniz yeterli.

 

<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/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<script src="http://widgets.twimg.com/j/2/widget.js"></script>


<script>
if (typeof (jQuery) == 'undefined') {
    //output the script (load it from google api)
    document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
</script>
<style type="text/css">
.fblbCenterOuter *, .fblbReset * {
    clear: none;
    margin: 0;
    padding: 0;
    border: 0;  
    font-size: 100%;
    line-height: 18px;
}
.fblbCenterOuter {
    position: fixed;
    top: 0;
    height:100%;
    display:table;
    vertical-align:middle;
    z-index: 10000;
}
.fblbCenterInner {
    position:relative;
    vertical-align:middle;
    display:table-cell;
}
/* Fixed top */
.fblbCenterOuter.fblbFixed {
    position: fixed;
    top: 0;
    height: auto;
    display: block;
    vertical-align: top;
    z-index: 10000;
}
.fblbFixed .fblbCenterInner {
}

.fblbWrap {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    position: relative;
}
.fblbRight .fblbForm {
    /* margin-left: 60px;*/
}
.fblbHead {
    position: absolute;
    z-index: 9999;
    top: 50%;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
}
.fblbForm {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fblbInner {
    min-height:150px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.fblbHeader {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}
/*
.fblbInnerlight {
    background: #fff;
}
.fblbInnerdark {
    background: #333;
}
.fblbTheme0 .fblbForm {
    background: #3b5998;
}
*/
/* Tabs */
.fblbCenterOuterFb.fblbRight .fblbTab7 .fblbHead {
    width: 28px;
    height: 90px;
    background: url(https://lh4.googleusercontent.com/-HWSg3XpqQ-g/UDVXYDk-2sI/AAAAAAAADoU/L_ocmIpZIlY/s90/fb7-right.png);
}
.fblbCenterOuterTw.fblbRight .fblbTab7 .fblbHead {
    width: 28px;
    height: 90px;
    background: url(https://lh6.googleusercontent.com/-RSOxWdI1Wog/UDVXa_w56mI/AAAAAAAADok/2ZSxBpiTLxo/s90/tw7-right.png);
}
.fblbCenterOuterGp.fblbRight .fblbTab7 .fblbHead {
    width: 28px;
    height: 90px;
    background: url(https://lh4.googleusercontent.com/-M7DWykh3zsg/UDVXZ_T3l5I/AAAAAAAADoc/3IVAPxuPzKI/s90/gp7-right.png);
}
</style>
<script type="text/javascript">
//Setting_begin
var Fb_Url='http://www.facebook.com/bloghocam';
var Tw_Url='bloghocam';
var Gp_Url='https://plus.google.com/108761595756468128383';
var Tab_Style=7;
var Fix_Right=true;
var Fb_En=true;
var Tw_En=true;
var Gp_En=true;

//Setting_end


////Hidden widget to display as plugin
////and pre load media for not delay when user hover other image
document.write('<div class="bitp3pots-achor-hook" style="display:none"></div>');
$('.bitp3pots-achor-hook').parents('.widget').each(function(){
        $(this).children('h2').remove();                   
        $(this).attr('class','bitp3pots-plugin');
        $(this).attr('style','margin:0!important;padding:0!important;width:0!important;height:0!important;');                        
});

 

var Tp_Fb = '<div class="fblbCenterOuter fblbCenterOuterFb fblbFixed '+((Fix_Right) ? 'fblbRight':'fblbLeft')+'" style="margin-top: 50px;  '+((Fix_Right) ? 'right':'left')+': -305px;z-index: 1000;"><div class="fblbCenterInner"><div class="fblbWrap fblbTheme0 fblbTab1 fblbTab'+Tab_Style+'"><div class="fblbForm" style="background: #3b5998; height: 350px; width: 300px; padding: 5px 0 5px 5px";"><h2 class="fblbHead" style="margin-top: -175px; '+((Fix_Right) ? 'right':'left')+': 305px;">Facebook</h2><div class="fblbInner" style="background: #ffffff;"><div class="fb-like-box" data-href="'+Fb_Url+'" data-width="292" data-height="350" data-show-faces="true" data-stream="false" data-header="true"></div></div></div></div></div></div>';

var Tp_Tw = '<div class="fblbCenterOuter fblbCenterOuterTw fblbFixed '+(Fix_Right? 'fblbRight':'fblbLeft')+'" style="margin-top: 250px;  '+((Fix_Right) ? 'right':'left')+': -305px;z-index: 1000;"><div class="fblbCenterInner"><div class="fblbWrap fblbTheme0 fblbTab1 fblbTab'+Tab_Style+'"><div class="fblbForm" style="background: #33ccff; height: 400px; width: 300px; padding: 5px 0 5px 5px";"><h2 class="fblbHead" style="margin-top: -200px; '+((Fix_Right) ? 'right':'left')+': 305px;">Twitter</h2><div class="fblbInner"><script>new TWTR.Widget({version: 2,type: \'profile\',rpp: 3,interval: 30000,width: 300,height: 335,    theme: {shell: {background: \'#33ccff\',color: \'#ffffff\'},tweets: {background: \'#ffffff\',color: \'#000000\',links: \'#47a61e\'}},features: {loop: false,live: false,scrollbar: true,avatars: true,behavior: \'all\'}}).render().setUser(\''+Tw_Url+'\').start();<\/script></div></div></div></div></div>';

var Tp_Gp = '<div class="fblbCenterOuter fblbCenterOuterGp fblbFixed '+(Fix_Right? 'fblbRight':'fblbLeft')+'" style="margin-top: 150px;  '+((Fix_Right) ? 'right':'left')+': -305px;z-index: 1000;"><div class="fblbCenterInner"><div class="fblbWrap fblbTheme0 fblbTab1 fblbTab'+Tab_Style+'"><div class="fblbForm" style="background: #000000; height: 150px; width: 300px; padding: 5px 0 5px 5px";"><h2 class="fblbHead" style="margin-top: -75px; '+((Fix_Right) ? 'right':'left')+': 305px;">Google Plus</h2><div class="fblbInner" style="background: #000000; height: 150px;"><link href="'+Gp_Url+'" rel="publisher" /><script type="text/javascript">window.___gcfg = {lang: \'en-US\'};(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 class="g-plus" data-href="'+Gp_Url+'" data-size="badge"></div><div style="padding: 15px; overflow: auto; height: -16px;"></div></div></div></div></div></div>';

var Tp_Main = ((Fb_En) ? Tp_Fb : '') + ((Tw_En) ? Tp_Tw : '') + ((Gp_En) ? Tp_Gp : '');

 

 

 

document.write(Tp_Main);
</script>


<script type="text/javascript">
<!--
jQuery(document).ready(function(){
var fblbFbOrgRight=jQuery('.fblbCenterOuterFb').css('right');
var fblbFbOrgLeft=jQuery('.fblbCenterOuterFb').css('left');
jQuery('.fblbRight.fblbCenterOuterFb').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterFb').stop(true,false).animate({
    right: -3
   }, jQuery('.fblbLeft.fblbCenterOuterFb').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterFb').stop(true,false).animate({
    right: fblbFbOrgRight
   }, jQuery('.fblbLeft.fblbCenterOuterFb').find('.fblbForm').width());
});
jQuery('.fblbLeft.fblbCenterOuterFb').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterFb').stop(true,false).animate({
    left: -3
   }, jQuery('.fblbLeft.fblbCenterOuterFb').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterFb').stop(true,false).animate({
    left: fblbFbOrgLeft
   }, jQuery('.fblbLeft.fblbCenterOuterFb').find('.fblbForm').width());
});
var fblbTwOrgRight=jQuery('.fblbCenterOuterTw').css('right');
var fblbTwOrgLeft=jQuery('.fblbCenterOuterTw').css('left');
jQuery('.fblbRight.fblbCenterOuterTw').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterTw').stop(true,false).animate({
    right: -3
   }, jQuery('.fblbLeft.fblbCenterOuterTw').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterTw').stop(true,false).animate({
    right: fblbTwOrgRight
   }, jQuery('.fblbLeft.fblbCenterOuterTw').find('.fblbForm').width());
});
jQuery('.fblbLeft.fblbCenterOuterTw').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterTw').stop(true,false).animate({
    left: -3
   }, jQuery('.fblbLeft.fblbCenterOuterTw').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterTw').stop(true,false).animate({
    left: fblbTwOrgLeft
   }, jQuery('.fblbLeft.fblbCenterOuterTw').find('.fblbForm').width());
});
  
  
var fblbGpOrgRight=jQuery('.fblbCenterOuterGp').css('right');
var fblbGpOrgLeft=jQuery('.fblbCenterOuterGp').css('left');
jQuery('.fblbRight.fblbCenterOuterGp').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterGp').stop(true,false).animate({
    right: -3
   }, jQuery('.fblbLeft.fblbCenterOuterGp').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterGp').stop(true,false).animate({
    right: fblbGpOrgRight
   }, jQuery('.fblbLeft.fblbCenterOuterGp').find('.fblbForm').width());
});
jQuery('.fblbLeft.fblbCenterOuterGp').find('.fblbForm').hover(
  function(){
   jQuery(this).parents('.fblbCenterOuterGp').stop(true,false).animate({
    left: -3
   }, jQuery('.fblbLeft.fblbCenterOuterGp').find('.fblbForm').width());
  },
  function(){
   jQuery(this).parents('.fblbCenterOuterGp').stop(true,false).animate({
    left: fblbGpOrgLeft
   }, jQuery('.fblbLeft.fblbCenterOuterGp').find('.fblbForm').width());
});
  
// ===================
jQuery('.fblbCenterOuter').find('.fblbForm').hover(
  function(){
   //jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).hide();
   jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).css('z-index', parseInt(jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).css('z-index'))-100);
  },
  function(){
   //jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).show();
   jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).css('z-index', parseInt(jQuery('.fblbCenterOuter').not(jQuery(this).parents('.fblbCenterOuter')).css('z-index'))+100);
});
});
-->
</script>

 

Değiştirmeniz gereken yerler şunlar:

27 Ağustos 2012 Pazartesi

Harika Bir Galeri Teması: Pegasus

Pegasus teması, ana sayfada sadece yazıda kullanılan resimlerin gösterildiği çok şık bir tema.Resimlerin üzerine geldiğinizde o resme ait yazı başlığı beliriyor ve tıklandığında kayıt sayfasına yönleniyor.

 

Ana sayfada kayıtlara ait resimlerin dışında 4 sütunlu footer alanı ve yatay açılır menünün bulunduğu bir header var.Sayfalar arasındaki geçiş sayfa nbumaralandırma eklentisi kullanılarak kolaylaştırılmış.

 

Bu temanın sidebarı nerede diye sorabilirsiniz.Ana sayfada minimalist bir tasarım istendiği için sidebar sadece kayıt sayfalarında gözüküyor.

 

Son olarak yorum bölümünden bahsetmek istiyorum.Yorumlarda dişli yorum sistemi mevcut ve güzel bir stil kullanılmış.Ayrıca blog yazarının yorumlarının bir rozet kullanılarak belirginleştirlmesi güzel bir detay olmuş.

 

Pegasus Blogger Template

DEMO & DOWNLOAD

 

Demosuu inceleyip temayı kullanmaya karar verdiyseniz düzenlemeniz gerekenttekyer olan üstteki yatay menüyü nasıl düzenleyeceğinizi göstereyim.Menünün kodları şunlar:

 

<div class='menu-main-container'>
<ul class='sf-menu' id='menu-main'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Styling</a></li>
<li><a href='#'>Skins</a>
<ul class='sub-menu'>
<li><a href='#'>Black</a></li>
<li><a href='#'>Blue</a></li>
<li><a href='#'>Purple</a></li>
<li><a href='#'>Teal</a></li>
<li><a href='#'>Green</a></li>
<li><a href='#'>Orange</a></li>
<li><a href='#'>Silver</a></li>
<li><a href='#'>Yellow</a></li>
</ul>
</li>
<li><a href='#'>Templates</a>
<ul class='sub-menu'>
<li><a href='#'>Portfolio &amp; Blog Mixed Homepage</a></li>
<li><a href='#'>Full-Width Page</a></li>
<li><a href='#'>Full-Width Page with Featured Image</a></li>
<li><a href='#'>Full-Width Page with Slider</a></li>
<li><a href='#'>Standard Page with Featured Image</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Blog Categories</a>
<ul class='sub-menu'>
<li><a href='#'>Animals</a></li>
<li><a href='#'>Places</a></li>
</ul>
</li>
<li><a href='#'>Portfolio Categories</a>
<ul class='sub-menu'>
<li><a href='#'>Places</a></li>
<li><a href='#'>Animals</a></li>
<li><a href='#'>People</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Purchase</a></li>
</ul>
</div>

 

Menüde yer alan her öğeye ait kod  <li><a href='#'>Contact</a></li> şeklinde gösterilir.Buraadaki # yerine Contact yazısına tıklayınca açılmasını istediğiniz sayfanın URLsini yazacaksınız.

22 Ağustos 2012 Çarşamba

Herkesin Bir Gravatar’ı Olsun

Eğer sık sık diğer bloglara yorum yazan biriyseniz Gravatar ile mutlaka tanışmalısınız.Kişisel markanızı yaratmak ve tanınırlığınızı arttırmak için bir Gravatar hesabı oluşturmalısınız.Eğer Gravatar’ın ne olduğunu bilmiyorsanız bu yazı sizin için.

 

Gravatar Nedir?

 

Blogger altyapısı kullanan bloglara Google profiliniz ile yorum yaptığınızda isminizin yanında belirlediğiniz profil resminiz yani avatarınız gözükür.Wordpress altyapısı kullana bloglara yorum yaptığınızda isminizin yanında bış bir resim gözükür.Bazı kişilerin ise Wordpress bloglara yorum yaptığında bile isminin yanında profil resmi yani avatarı gözükür.İşte bunu sağlayann hizmetin adı Gravatar’dır.

 

E-posta adresinizle gravatara kayıt yaparak o e-posta adresini kullanarak yaptığınız yorumlarda gösterilmesini istediğiniz profil resmini belirlersiniz.Daha sonra bir blog yorum yaparken e-posta adresinizi yazdığınızda profil resminiz otomatik olarak tanınır ve isminizin yanında gösterilir.

 

Örnek olarak Batuhan’ın blogunun yorum bölümünü göstereceğim.Aşağıda resimde gravatarı olmayan bir kullanıcının yaptığı yorumu görüyorsunuz.

 

Gravatarsız Yorum

 

Bu resimde ise gravatar kullanan ben ve Batuhan’ın yoruunu görüyorsunuz.

 

Gravatar Yorum

 

Gördüğünüz gibi gravatar kullanarak yapılan yorumlar daha dikkat çekici oluyor ve farkındalık yaratııyor.

 

Gravatar Nasıl Oluşturulur?

 

1.Adım: Gravatar ana sayfasına giderek e-mail adresinizi yazın ve Get Your Gravatar butonuna tıklayın.

 

2.Adım: Mail adresinize gelen maildeki aktivbasyon likine tıklayın.

 

3.Adım: Bir kullanıcı adı ve şifre girerek Signup butonuna tıklayın.

 

4.Adım: Sağ üst taraftaki My Account yazan yere tıklayınca açılan menüden Gravatarlarımı yönete tıklayın.

 

5.Adım: Açılan sayfadak Add one by clicking here! yazan yere tıklayın.

 

6.Adım: İnternetten  ve bilgisayarınızdan bir resim seçerek Sonraki butonuna tıklayın.

 

7.Adım: Seçtiğiniz resmi gösterilmesini istediğiniz şekilde kırparak Kırp ve bitir! butonuna tıklayın.

 

8.Adım: Açılan sayfada 4 adet seçenek göreceksiniz.Bunlardan rated G olana tıklayın.

 

Tebrikler.Artık o e-posta adresini kullanarak yaptığınız yorumlarda belirlediğiniz profil resmi gçözükecek.

17 Ağustos 2012 Cuma

Banner Ve Logo Oluşturabileceğiniz Online Araçlar

Blogunuzun header bölümünde yani başlığında blogunuzun ismini ve sloganını metin olarak göstermek yerine şık bir banner olarak göstermek daha iyi olmaz mıydı? ( Örneğin benim yaptığım Blog Hocam  daha iyi bloglar için gibi )

 

Ben kendi bannerımı grafik düzenleme programları yardımıyla yaptım anck bu yazıda size bunun daha pratik yollarını göstermek istiyorum.Aşağıda ücretsiz ve kolay bir şekilde banner yada logo hazırlayabileceğiniz online araçları listeledim.

 

Cool Text

 

Cool Text

 

Önce logonuzun modelini belirliyorsunuz.Daha sonra logoda yazmasını istdiğiniz metni yani blogunuzun isimini, kullanmak istediğiniz fontu (font seçenekleri  oldukça zengin), boyutunu ve rengini seçtikten sonra logonuzu oluşturuyorsunuz. [ http://cooltext.com/ ]

 

Logo Maker

 

Logo Maker

 

Önce logonuzun konusunu seçiyorsunuz.Daha sonra o konuya ait hazır ikonlardan birini temel olarak kullanarak istediğiniz gibi düzenlior ve kendi orjinal logonnuzu yaratıyorsunuz. [ http://www.logomaker.com/ ]

 

Logoease

 

Logoease

 

Logonuzu 3 adımda kolayca oluşturabileceğiniz bir ara.Çeşitli kategorilerden bir logo seçiyorsunuz.İkinci admda onu istediğiniz gibi düzenliyorsunuz.Son adımda ise oluşturduğunuz logoyu bilgisayarınıza indiriyorsunuz. [ http://www.logoease.com/ ]

 

Online Logo Maker

 

Online Logo Maker

 

3 bileşen kullanarak harika logo ve bannerler yapabilirsiniz.İsterseniz hazır sembollerden birini kullanabilir, isterseniz bilgisayarınızdaki herhangi bir imajı kullanabilirsiniz.Bunlara metin ekleyip düzenleyerek logonuzu oluşturabilirsiniz. [ http://www.onlinelogomaker.com/ ]

 

 

Oluşturduğunuz Logoyu Blog Başlığında Gösterme

 

Bunlar benim önerebileceğim online logo ve banner hazırlama araçlarıydı.Şimdi sıra oluşturduğunuz bu bannerları blogunuzda kullanmaya geldi.Bunun için Blogger kumanda panelinize girdikten sonra soldaki menüden Yerleşim’e tıklayın.Üst Bilgi gadgetını düzenle dedikten sonra açılan pencreden Resim kısmında bilgisayarınızdan logonuzu seçin.Seçeneklerden Başlık ve tanımın yerine seçeneğini işareteyin.

 

Oluşturduğunuz Logoyu Blog Başlığında Gösterme

15 Ağustos 2012 Çarşamba

Bloglar Ve Kariyer Fırsatları Üzerine Bir Başarı Öyküsü [Röportaj]

Daha önce blog yazmanın bana kazandırdıklarından bahsederken yeni kariyer fırsatlarını da listeye dahil etmiştim.Gerçekten de yeteneklerinizi, meraklarınızı blogunuzda sergileyerek kariyer fırsatları yakalayabilmeniz mümkün.

 

Yakın zamanda tanıştığım bir arkadaşımın da kendi düşüncelerini yazdığı blogu sayesinde yeni kariyer fırsatları yakaladığını öğrenince kendisinden feyz almanız için onunla bir röportaj yapmak istedim.İlginizi çekeceğini düşünüyorum.

 

Hayat - Medya Galaksisi

 

- Merhaba, öncelikle bize kendini tanıtır mısın? Hayat Kimdir? Eğitimi, kariyeri nedir?

Valla benim eğitimim aslında çok karışık diyebilirim. Oradan oraya yer değiştirerek geçti küçüklüğüm. Babamın mesleği dolayısıyla… (Emekli Büyükelçi kendisi şu anda). Ankara ve İsviçre’nin Cenevre kentinin çeşitli okullarında okudum. Tevfik Fikret Lisesi’nden tut, Ankara Fransız Konsolosluğunun okulu sonra Cenevre’de ‘Ecole Internationale de Geneve’… Lise bittikten sonra yine Cenevre’de 1 senelik bir ‘Uluslararası İlişkiler’ macerası, Webster University’de. Fakat çocukluğumdan beri kararım karardı, mutlaka medya ile ilgili bir şeyler yapacaktım. İnat ettim ve İstanbul’a dönüp ÖSS-ÖYS sınavlarını kazanarak Marmara Üniversitesi Radyo Tv Sinema bölümüne girdim. Henüz çıkmadım aslında yani diploma orada duruyor çünkü alttan birkaç dersim var. Biraz fazlaca uzatmaları oynadım, oyundan sıkılarak açıkçası soğudum ve uzaklaştım öğrencilikten. Birgün yeniden o motivasyon gelirse belki Af falan filan geri dönüp veririm o dersleri.  Kariyerime gelince bir turizm şirketinde kısa dönem Müşteri İlişkileri bölümünde çalıştıktan sonra esas kendimi bulduğuma inandığım Cosmopolitan dergisine girdim. Orada çalıştığım iki yıl boyunca çok sayıda röportajlar yazıp yazılar yazdım, çeviriler yaptım. Şimdi ise hem medya galaksisi blogumla ilgileniyorum hem de Okan Bayülgen’in ekibinde On8Tv’deki yerimi almaya hazırlanıyorum. Bizim işlerimiz Eylül’de başlayacak.

 

- Medya Galaksisi isiminde bir blogun var.Bu blogu yazmaya nasıl ve ne zaman karar verdin?

Aslında 2010’dan beri bir blog açmak hep gündemimdeydi fakat bir türlü girişimde bulunmamıştım. 2011 yaz aylarında, kuzenimin büyük teknik ve manevi desteğiyle bir akşam medya galaksisi doğdu. Sormamışsın ama hemen söyleyim, medya galaksisi ismini de öyle uzun uzadıya düşünmedim. Bir anda spontane gelişti aslında herşey.

 

 

- Blog yazıların sayesinde Okan Bayülgen’in ekibine katıldın.Bize bu olayın gelişme sürecinden bahseder misin?

Okan Bayülgen zaten çok uzun süredir beni twitterdan takip ediyor. Blogumu da biliyordu. Daha sonra ise bir çekim vesilesiyle kendisiyle tanıştık, arka arkaya birkaç görüşmeyle ise sohbeti ilerlettik. Fakat ben bildiğiniz klasik CV göndermiş olmanın dışında işe girmek istediğime dair bir girişimde bulunmamıştım. Her şeyin bir yeri ve zamanı olduğuna inanırım. Birgün karar verdim, ‘başka bir şey deneyeceğim’ diyerek… Okan Bayülgen’e twitter üzerinden komik tatlı ‘Beni işe al’ tweetleri ve video/yazıları gönderdim. Hatta o hafta içinde sosyal medyadaki takipçilerimi ayağa kaldırdığımı söyleyebilirim. Sağolsunlar beni çok desteklediler. Okan beyin bana geri dönüşü ise çok kısa süre içinde oldu. Bir hafta en fazla on gün diyelim… Birgün stüdyoya programı izlemeye gittiğimde beni işe aldığını söyledi. Geçtiğimiz günlerde ise kendisiyle ciddi bir iş görüşmesi yaptık ve Eylül’den itibaren ben de On8 takımında yer alacağım.

 

 

- Okan Bayülgen ile birlikte önümüzdeki günlerde hangi proelerde, hangi görevlerde yer alacaksın?

Aslında biraz politik davranarak Okan beyle iş görüşmesinde neler konuştuğumuzu buradan aktarmasam ve hep birlikte yaşayarak görelim desem?:))) Fakat ben yazmayı seviyorum, programlarda yazı işlerinde mutlaka olacağım gibi… Sosyal medya ve halkla ilişkiler ayağında da bir şeyler olabilir. Fazla detaylara girmiyorum çünkü ben de yaşayarak öğreneceğim.

 

- Medya Galaksisi’nde sağlıktan güncel konulara, televizyon programlarından röportajlara kadar çok geniş bir içerik var.On8 Tv projesiyle birlikte sitede ne gibi değişiklikler olacak? Eskisi kadar vakit ayırabilecek misin?

Eskisi gibi vakit ayırabileceğimi pek sanmıyorum fakat yaşayıp görmeden de büyük konuşmayım. Ne gibi değişiklikler olacak? Bir defa artık ekipte olduğum için Okan Bayülgen’le ilgili yazı yazamayacağım. Bunu etik bulmadığım için kendisiyle ilgili son yazımı geçtiğimiz günlerde yazdım.

 

 

- Yazılarını Okan Bayülgen dışında pek çok ünlü kişini ve magazin gazetecileri de takip ediyor.Onlardan aldığın tepkiler nasıl ve twitterdan seni takip eden ünlüler kimler?

Twitterda 1700’den fazla takipçim olduğu için arada kaynayan ve beni takip edip de farkında olmadığım ünlü kişiler var mıdır acaba diyorum?:)) Fakat Okan Bayülgen dışında beni Emre Altuğ, Serdar Ortaç, Nil Burak, Ayşe Mine, Merih Ermakastar, Tolga Futacı, Aydan Kaya gibi sanatçılar takip ediyorlar. Televizyon dünyası hakkında en sıkı takip ettiğim site olan tvaktuel’in twitter hesabı da beni takip edenler arasında ve tabii ki bir sürü sevilen sanatçıların PR’ları, Okan Bayülgen’in ekibinin tamamına yakını, birkaç magazin sitesi takip ediyorlar… Ben Okan Bayülgen dışında bu güne dek en güzel geri dönüşümü Emre Altuğ’dan aldım. Kendisiyle hiç alakası olmayan bir sürü yazımı twitter hesabından paylaştı. Ciddi bir motivasyon kaynağı oldu benim için. Ayrıca yazılarımı paylaşması bakımından İskender Paydaş’ın da bana büyük desteği oldu bu güne dek… Bu vesileyle teşekkür ediyorum kendisine ve canım İnci Razaki’ye.

 

 

- Bu kadar özgün ve güncel blog yazmak için yazmaktan keyif almak ve motivasyonu üst seviyrede tutmak gerekir.Seni en çok motive eden şeyler neler?

Beni en çok motive edenler tabii ki güzel geri dönüşümler ve yazılarımın paylaşılması. Başka türlü ben evde kendi kendime de oturur yazardım. Bu açıdan yazılarım ne kadar çok retweet edilip paylaşılırsa o kadar daha motive oluyorum. Hele ki yüksek sayıda takipçisi olan kişiler tarafından Retweet alırsam… Gerçi yaz aylarında herkes bir tatil kafasında olduğundan eski trafiğim azaldı. Paylaşımlar da daha az olduğu gibi benim de yazı yazma enerjim azaldı. Hatta şu son günlerde blogu açtığımdan beri en düşük gittiğim dönemde olduğumu söyleyebilirim. Örneğin son on gündür yeni bir yazı giremedim ki bu benim için bir rekor oldu. Bir an önce toparlamak için kendime yeni bir motivasyon kaynağı bulmam şart! Kolay değil sahiden günceli yakalayabilip her gün aynı seviyede tansiyon düşürmeden yazabilmek…

 

- Sosyal medyaya hakkında ne düşünüyorsun? Twitter’da çok aktifsin ve çok sayıda kişi tarafından takip ediliyorsun.İnsanlar seni neden takip etmeli?

Şunu söylemem gerekir ki artık devir sosyal medya devri. Özellikle de twitterda bir şekilde olman şart mı şart! Yani örneğin şöhretli kişiler artık PR’larını daha ziyade sosyal medya üzerinden yapıyorlar. Orada aktif olan, kazanıyor… Olmayan ise daha geriden takip ediyor. Çünkü artık eskisi gibi gazeteleri açıp ‘Hangi sanatçı nerede konser veriyormuş, hangi gün falanca televizyon programına mı çıkıyormuş?’ diye okuma alışkanlığı kalmadı. Twitterdan paylaşılanlardan görüp duyuyoruz olanı biteni. Tüm sanatçılara şiddetle tavsiyem şudur ki, twitterda aktif olun! Çünkü sosyal medya tahmin bile ettiğinizden çok daha yoğun bir şekilde hayatımızı ele geçirmiş durumda. Dar bir çerçeveden, sadece sosyal medyanın PR desteğine verdiği katkıyı anlattım. Yoksa burada sosyal medya hakkında ne düşündüğümü tam olarak cevaplamaya kalksam sanırım sayfalar sürer.  Sosyal medya üzerindeki ‘bana’ gelince… Evet twitterda aktifim ama bence çok sıkıcıyım. Çünkü neredeyse tamamen kendi yazılarımın linkini paylaşıyorum. Bu yüzden bir sürü unfollow yediğimi de biliyorum. Gündemdeki bazı konular hakkında tweetler atarım ama pek kimseye dalaşmam etmem. Reytingim yok! Özel hayatımı ise sıfıra yakın paylaşırım twitter üzerinden. Bir de gönüllü PR’lık yaparım gayet güzel… Sevdiğim kişilerin işlerini kendi takipçilerime duyurmaktan zevk alırım. Valla insanlar beni neden takip etsinler bilmiyorum… İsterlerse gayet sıkıcı olduğum için isterlerse de öylesine takip etsinler… Biraz takılıp vazgeçerler bence. Bu sıkıcılığıma bir an önce son vermeyi de düşünüyorum tabii önümüzdeki günlerde.

 

 

- Senin gibi güncel blog yazmak isteyenlere neler tavsiye edebilirsin?

Öncelikle özgün olmalarını tavsiye ederim. Çünkü çok sayıda kopyala yapıştır tarzında bloglar görüyorum. Sonra mutlaka sabırlı olmalılar. Çünkü blog öyle bir günde tanıtılıp sevdirilebilen bir alan değil. Okusunlar, araştırsınlar, kimler neleri takip ediyor, hangi konularda yazı yazmak gerekiyor, genel talepler neler falan bunların nabzını ölçebilmek de önemli. Gerisi kendiliğinden geliyor…

 

Son Söz

Hayat’ın bloguna göz atarsanız güncel konularda kendi düşüncelerini yazdığını göreceksiniz.Yazıları o kadar değer görmüş ki 2 milyona yakın takipçisi bulunan Okan Bayülgen tarafından tweetlenmiş.Sonuç olarak medya üzerine yazılar yazan Hayat, şuanda medya sektöründe çok büyük bir projenin içinde.

 

Siz de blogunuzu bir vitrin gibi kullanarak yeteneğinizi sergileyebilir, yeni fırsatlar yakalayabilirsiniz.Yeter ki kendiniz olun, dürüst olun, samimi olun.

 

Son olarak Hayat’a zaman ayırıp sorularımı yanıtladığı için teşekkür ediyorum ve yeni medya macerasında kendisine başarılar diliyorum.

13 Ağustos 2012 Pazartesi

Size Kazançlı Bir Teklifim Var

Bugüne kadar blog yazarlarının kendilerini ve bloglarını geliştirmelerine yönelik pek çok faydalı yazı yazdım.Şimdi de uzun süredir bünyesinde oluğum ve size her bakımdan çok şey kazandıracak Bumerang Network’ten bahsedeceğim.

 

Bumerang Nedir?

 

Bumerang; Hürriyet’in blog yazarları için oluşturduğu, blogcuların trafik ve para kazanmasını sağlayan bir projedir.Bumerang’a katılmanın size sunduğu avantajlar şunlardır:

  • Aylık 500bin’den fazla ziyaretçisi olan Yazar Kafe’de yazılarınızı yayınlayabilirsiniz.
  • Hurriyet.com.tr’de blogunuzun tanıtımını yapma fırsatı yakalayabilirsiniz.
  • Hurriyet’in dizini olan Hurlist’e blogunuzu ekleyebilirsiniz.
  • Sponsor firmaların reklamlarını yayınlayarak para kazanabilirsiniz.

 

Hemen Üye Ol, 20 TL Kazan!

 

Bumerang İkili Kazanç Sistemi isminde bir kampanya başlattı.Bu kampanya sayesinde başlangıcı 20 TL ile yapabilirsiniz.Nasıl mı?

 

1. Adım: Bumerang üyelik sayfasına gidin.

 

2. Adım: Bumerang üyelik ekranında promosyon kodu bölümüne T1DD5604 yazın.

 

Bumerang Üyelik Ekranı

 

3. Adım: Eğer promosyon kodunu doğru girdiyseniz kısa bir süre sonra yayınlamanız için bir teklif gelecek ve o teklifi başarılı bi şekilde yayınladığınız taktirde 20 TL hesabınıza aktarılacak.

 

Peki Ya Sonra?

Bundan sonra Bumerang Network’un nimetlerinden faydalanmaya devam edeceksiniz.Bumerang skorunuzu arttırarak tekliflerden daha çok kazanabilir, platin üye olarak Yazar Kafe’ye yazılarınızı gönderebilir, sosyal medya paylaşımları yaparak çeşitli hediyeler kazanabilirsiniz.

10 Ağustos 2012 Cuma

Jquery İle Sayfa Üstüne Sabit Açılır Menü Ekleme

Jquery sayesinde web sitelerine görsel açıdan oldukça zengin öğeler eklemek mümün oluyor.Daha önce jquery ile oluşturulmuş dikey bir menü paylaşmıştım.Bu yazıda ise onun yatay versiyonu diyebileceğim bir menü paylaşacağım.

 

Jquery İle Sayfa Üstüne Sabit Açılır Menü

 

Dikey versiyonunda olduğu gibi yatay versiyonuna da ikonlardan faydalanıyoruz.Sayfa açıldığında smenünün sadece yazılı bölümü gözüküyor.Üzerine gelindiğinde ise aşağı doğru açılarak ikon gözüküyor.Aşağıdaki video daha net anlatacaktır.

 

 

Bu menüyü blogunuza eklemek isterseniz şablonunuzdan </body> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<div class='clear'/>
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .anasayfa a {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Home-icon.png);
}
ul#navigation .hakkimda a {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Friends-icon.png);
}
ul#navigation .takipet a {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Link-icon.png);
}
ul#navigation .arsiv a{
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Search-icon.png);
}
ul#navigation .iletisim a {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Mail-icon.png);
}
</style>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(function() {
var d=300;
$(&#39;#navigation a&#39;).each(function(){
$(this).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});
$(&#39;#navigation &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},200);
}
);
});
</script>
<ul id='navigation'>
<li class='anasayfa'><a href='http://bloghocam.blogspot.com'>Ana Sayfa</a></li>
<li class='hakkimda'><a href='http://bloghocam.blogspot.com/p/hakkmda.html'>Hakkımda</a></li>
<li class='takipet'><a href='http://bloghocam.blogspot.com/p/takip-et.html'>Takip Et</a></li>
<li class='arsiv'><a href='http://bloghocam.blogspot.com/p/arsiv.html'>Arşiv</a></li>
<li class='iletisim'><a href='http://bloghocam.blogspot.com/p/iletisim.html'>İletişim</a></li></ul>

 

İsterseniz .png uzantılı ikonların yerine kendi ikonlarınızı kullanabilirsiniz.Menüde kendi sayfalarıma link verdim.Kodlarda benim bloguumua ait adreslerin yerine kendi sayfalarınıza ait adresleri yazın.

8 Ağustos 2012 Çarşamba

3 Farklı Etiket Bulutu Stili

Blogunuzda ister etiketleme, ister kategorileme sistemini kullanın kenar çubuğuna bunu eklemeniz ziyaretçilerin blogunuzda okumak istediği şeyleri okumasına yarar. Ziyaretçileriniz sayfalar arasında geçiş yaparak ilgisini çeken içeriği aramak yerine ilgilendiği konudaki etiket ismine tıklayarak o konudaki yazılara hızlı bir şekilde ulaşabilir.

 

Etiket listelerinin veya etiket bulutlarının kötü yanı ise tasarım olarak zayıf kalmaları ve çoğu zaman blog temasına uyum göstermemeleri.Bunun için daha önce flash animasyonlu etiket bulutu eklemeyi anltamıştım.Şimdi internette denk geldiğim ve paylaşmak istediğim bu 3 farklı stil ile etiket bulutunu daha görsel bir hale getireceğiz.

 

Öncelikle blogunuza Etiketler gadgetını ekleyin ve görüntüleme seçeneği olarak bulutu işaretleyin.Nasıl yapacağınızı bilmiyorsanız daha önce yazdığım etiket bulutu ekleme yazıma bakabilirsiniz.

 

İkinci olarak şablonunuzda ]]></b:skin> kodunu bulun ve kullanmak istediğiniz stilin altındaki kodları ]]></b:skin> kodunun hemen üstüne ekleyin.

 

Stil 1

 

Etiket Bulutu

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #0089e0 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0; 
}
.label-size a:after{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;

.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555 transparent transparent;}

 

Stil 2

 

Etiket Bulutu

 

 

 

 

 

 

 

 

 

 

 

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

 

Stil 3

 

Etiket Bulutu

 

 

 

 

 

 

 

 

 

 

 

 

 

.label-size {
float:left;
margin:0 0 7px 20px;
position:relative;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:0.75em;
font-weight:bold;
text-decoration:none;
color:#996633;
text-shadow:0px 1px 0px rgba(255,255,255,.4);
padding:0.417em 0.417em 0.417em 0.917em;
border-top:1px solid #d99d38;
border-right:1px solid #d99d38;
border-bottom:1px solid #d99d38;
-webkit-border-radius:0 0.25em 0.25em 0;
-moz-border-radius:0 0.25em 0.25em 0;
border-radius:0 0.25em 0.25em 0;
background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
-webkit-box-shadow:
inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:
inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);
box-shadow:
inset 0 1px 0 #faeaba,
0 1px 1px rgba(0,0,0,.1);

z-index:100;
}

.label-size:before {
content:'';
width:1.30em;
height:1.39em;
background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
position:absolute;
left:-0.69em;
top:.2em;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
border-left:1px solid #d99d38;
border-bottom:1px solid #d99d38;
-webkit-border-radius:0 0 0 0.25em;
-moz-border-radius:0 0 0 0.25em;
border-radius:0 0 0 0.25em;
z-index:1;
}

.label-size:after {
content:'';
width:0.5em;
height:0.5em;
background:#fff;
-webkit-border-radius:4.167em;
-moz-border-radius:4.167em;
border-radius:4.167em;
border:1px solid #d99d38;
-webkit-box-shadow:0 1px 0 #faeaba;
-moz-box-shadow:0 1px 0 #faeaba;
box-shadow:0 1px 0 #faeaba;
position:absolute;
top:0.667em;
left:-0.083em;
z-index:9999;
}
.label-size:hover {
background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color:#e1b160;
}

.label-size:hover:before {
background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
border-color:#e1b160;
}
#Label1 {height:210px !important;}



 



Son bir hatırlatma etiket gadgetını eklerken esçeneklerdeki Her etiketteki kayıt sayısını göster seçeneğini işaretlemeyin.