30 Nisan 2013 Salı

Kupon Sihirbazı’ndan Hediye Kazananlar Belli Oldu

Kupon Sihirbazı ile ortaklaşa yaptığımız etkinliğin kazananları belli oldu. Katılımın çok  olması için her yaş grubuna hitap edecek hediye seçenekleri koymamıza rağmen beklediğim ilginin olmadığını söylemeliyim. Ben firmaların tanıtımı karşılığında ücret almak yerine sizlere bu tür etkinliklerle hediye vermeyi istiyorum fakat katılımın düşük olması bundan sonraki tanıtımlar için beni düşündürmüyor değil.

 

Birazcık sitemden sonra sonuçlara geçeyim : ) Katılımcıların listesi Kupon Sihirbazı Yönetiminde olduğu  için çekilişi onlar yaptı ve sonuçları bana gönderdiler. Sortea2 aracı ile yapılan çekilişin ekran görüntüsü ve kazanan şöyle:

 

Kupon Sihibazı Çekiliş Sonucu

 

Kazanan arkadaşın ismi Beste Mina. Kendisini tebrik ediyorum. En kısa sürede iletişime geçilecek ve listedeki hediyelerden istediği bir hediye adresine gönderilecek.

 

Gelelim Kupon Sihirbazı’nın özel ödülüne. Bildiğiniz gibi Kupon Sihirbazı hakkında bir tanıtım yazısı yazarak o yazı üzerinden en çok trafik gönderen kişiye özel bir ödül verilecekti. O ödülü kazanan kişinin ismi Serdar Akkaya. İlgli yazısını buradan görebilirsiniz.

 

Kampanyaya katılan arkadaşlarla birlikte Kupon Sihirbazı yönetimine ve özellikle Eylül Çeviker’e göstermiş oldukları ilgi ve güvenden ötürü sonsuz teşekkür ediyorum.

 

Blog Hocam’da sürpriz hediyeler ve etkinlikler devam edecek. Takipte kalın!

29 Nisan 2013 Pazartesi

Blogger’a Şık CSS Arama Kutusu Ekleyin

Site içi arama kutusu, ziyaretçilerin aradıkları bilgiye rahatça ulaşmaları ve bounce rate değerinizin düşmesi için blogunuz için büyük önem arzediyor. Arama kutusu için en ideal yer blogunuzun heder kısmı veya sidebar’ın en üstüdür. Kısaca, arama kutusu okuyucunun rahat görebileceği bir yerde olmalıdır.

 

Daha önce blogda 2 farklı stilde arama kutusu paylaşmıştım. Ancak boyutları ve tarzı her tasarıma uygun olmayacağından alternatif bir arama kutusu paylaşmak vardı bir süredir aklımda.

 

blogger arama kutusu

 

Bu yazıda paylaşacağım arama kutusu biraz daha şık bir tasarıma sahip ve üzerine tıklandığında genişleme efekti var. Arama kutusunun normal genişliği 150 px fakat sıklandığında 200 px boyutunda genişliyor. 

 

Bu arma kutusunu blogunuza eklemek için Blogger kmanda panelinize giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/Java Script yolunu takip edin ve aşağıdaki kodları yapıştırın.

 

<!-- Blog Hocam Arama Kutusu Kodları -->
<style type="text/css">
#search_BH {
}
#search_BH input[type="text"] {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZELzULRSKm9UCgt108hTOUivy2tbWfORjVlpX8GngcmTbmJD7rzAiVsXV1KoE7xBPc-9fRxO6vc0yCSMLSpzktpxsc3iX-E1EFVIwQ-oYgCtRIAFtHY3s6BJP4vuRLHghDj-nnPPj2S6G/s15/search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search_BH input[type="text"]:focus {
    width: 200px;
    }
</style>

<h2 class='title'>Ne Aramıştınız?</h2>
<div class='widget-content'>
<center><form method="get" action="/search" id="search_BH">
  <input name="q" type="text" size="40" placeholder="Ara..." />
</form></center>
</div>
<!-- Blog Hocam Arama Kutusu Kodları -->

 

Bu arama kutusunu beğendiyseniz lütfen ağağıdaki butonlar yardımıyla sosyal ağlarda paylaşın.

26 Nisan 2013 Cuma

Blogunuza Vakit Ayırmak Zor Değildir!

Facebook hesabınız ve twitter'daki kişilerinizin büyük bir çoğunluğu blog sahibi olanlardan oluşuyorsa bir çok soruya muhatap olabiliyorsunuz. Hele bir de az çok kod bilgisine ve tasarım yetisine sahipseniz artık çözüm mercii olmuşsunuz yada bu yolda ilerliyorsunuz demektir.

 

Geriye dönüp sorulan sorulara baktığım da bir sorunun diğer sorulardan çok farklı olduğunu ve bu konunun gerçekten irdelenmesi gerektiği kanaatine vardım.

 

Soru şu ; '' bloğunuza nasıl vakit ayırabiliyorsunuz?''

 

Soru gerçekten basip ama cevabı hiç de öyle basite indirgenebilecek türden değildir.Bana bu soruyu soran kişilerin sosyal medya izlerini takip ederim. Bu soruyu soran kişinin facebook , twitter gibi yerlerde ne kadar vakit  harcadığına bakarım.

 

Bir çoğu saatlerini sosyal mecralarda harcarken , bir çoğu oyun oynamakla harcıyor.

 

Ben bloğuma nasıl vakit ayırırım;


Bloğum benim için ailemin bir bireyi gibidir. Nasıl ki eşime ve oğluma vakit ayırıyorsam , bloğuma da vakit ayırmalıyım. Bir blog açıp bir süre sonra sıkılmak yada heves gibi görmek bana hiç etik gelmiyor.


Günümüzde insanların o kadar çok söyleyecek şeyi olmasına rağmen bir blogun istikrarını sağlayamıyor olması da abesle iştigaldir.

 

Bloga Vakit Ayırmak

 

1-) Her akşam en az  30 dakika bloğuma yeni makale yazmak yada yeni makaleler hazırlamak için bilgi ,belge,döküman ,materyal toplarım.

 

2-) Hafta sonu Cumartesi ve Pazar günleri sabah namazından sonra mutlaka bloğumun tasarımı ile ilgilenirim. Yeni özellikler ekleyebilir miyim , kullanımı ve tasarımı daha da iyileştirebilir miyim sorularıma cevaplar ararım.

 

3-) Hafta içi her gün sabah 07:00 ile 08:00 saatlerinde haber sitelerini dolaşarak gündemi takip eder ve bloğum da bahsedebileceğim hususları not ederim.

 

4-) İşyerinde 1 saat olan öğle yemeği molasının 15 dakikasını yemeğe , 15 dakikasını öğle namazına ve kalan 30 dakikayı da benim gibi blog tutanların bloğundaki yeni makaleleri okumakla , onların bloglarına göz gezdirmekle geçiririm.

 

5-) Daha önce sizlere burada ki yazımda bahsettiğim özelliği kullanarak vaktimin bol olduğu dönemlerde arka arkaya yazdığım makaleleri zamanlayarak , vaktimin kısıtlı olacağı dönemlerde yayınlanmasını sağlayarak bloğumu dinamik tutmaya çalışırım.

 

6-) Son olarak en çok yapılan hatayı belirtmek istiyorum. Bir çok blog sahibi vaktinin büyük bir çoğunluğunu bloğunun temasını düzenlemekle harcar ki eskiden ben ve benim gibi olan blog yazarları da öyleydi. Zaman içerisinde blogun tasarımı ile çok oynamamak gerektiğini ve oraya harcanacak eforun yeni bilgiler paylaşmak için, yeni makaleler yazmak için harcamanın daha doğru olduğunu öğrendik. Size de tavsiyemiz bu yöndedir. Bloğunuzun tasarımı ile çok oynamadan içerik üretmeye devam ediniz.

 

Yukarıdaki maddeler halinde sıraladığım şekilde bloğuma yeterince vakit ayırabilirim.Sizde kendinize göre vakitlerinizi düzenleyerek , bloğunuza yeterince vakit ayırabilirsiniz.

 

Öğrenciler sınavları için ders çalışırken çok değil günde 15 dakika dersi bırakıp bloğu ile uğraşması hem onun mola vermesine hem de bloğu ile ilgilenmesine olanak sağlayacaktır.

 

Eğer sizinde bloğunuza vakit ayırma gibi değişik yöntemleriniz var ise öğrenmeyi çok arzu ederiz.

 

Yazar Hakkında: Vural Egemen Sarıgöz Rengarenk Web Günlüğü

24 Nisan 2013 Çarşamba

Johny Asal Responsive Magazin Blogger Teması

Johny Asal Responsive Blogger teması, magazin temalara güzel örneklerden biri. Ana sayfası yan yana 3 adet galeri tarzı kayıttan oluşan temanın, aynı şekilde 3 stunlu footer alanı bulunuyor. Tasarımda dikkatimi çeken şeylerden biri header ve footerdaki arka plan deseni ile gövde bölümündeki desenin aynı ama renklerinin farklı olması. Küçük ama hoş bir detay. Headerda bulunan açılır yatay menü sayesinde kategori ve linklerinizi ana sayfada gösterebilirsiniz. Diğer özelliklerini gçrmek için demo siteyi incelemenizde fayda var.

 

Johny Asal Responsive Blogger Template

DEMO & DOWNLOAD

 

Temayı kullanmaya karar verdiyseniz blogger tema yükleme ile ilgili bilgi alabilir ya da daha önce paylaştığım diğer blogger temalarına bakabilirsiniz.

 

Yatay açılır menüyü düzenlemek için şalonun HTML kodlarında şu bölümü bulun:

 

<ul>

<li><a href='/'>Home</a></li>

<li><a href='#'>Menu 1</a></li>

<li><a class='prett' href='#'>Drop Menu</a>

<ul class='menus'>

<li><a href='#'>Drop Menu 1</a></li>

<li><a href='#'>Drop Menu 2</a></li>

<li><a href='#'>Drop Menu 3</a></li>

</ul>

</li>

<li><a href='#'>Menu 2</a></li>

<li><a class='prett' href='#'>Drop Menu 1</a>

<ul class='menus'>

<li><a href='#'>Drop Menu 1</a></li>

<li><a href='#'>Drop Menu 2</a></li>

<li><a href='#'>Drop Menu 3</a></li>

</ul>

</li>

</ul>

 

Burada # yerine açılmsını istediğiniz URL’yi yazacaksınız.

 

Galeri ve magazin tarzındaki bu temayı haber blogları, fotoğraf blogları, moda blogları, yemek blogları ve teknoloji blogları için rahatlıkla kullanabilirsiniz.