16 Ocak 2014 Perşembe

Yaratıcı Blogcunun Gıdası: Müzik

Blog yazarları yeni yazı fikirleri bulmak ve yazılarıyla rakipleri arasında sivrilmek için yaratıcı olmak zorundalar. Yaratıcılığı tetikleyen en önemli şey ise “ilham” dediğimiz o meşhur kavram.

Genç blogger arkadaşım Akif, Blog Hocam’a gönderdiği bir misafir yazıda blogcular için ilham kaynaklarından bahsetmişti. Bunlar arasına benim daha önce hiç denemediğim bir şey olan “müzik dinlemek” de vardı.

Ben de son zamanlarda, Blog Hocam’a yeni fikirler üretebilmek için akşamları hoparlörün sesini hafif açıp klavyenin başına oturmaya başladım. Akif’in önerdiği gibi, yaratıcılığımın artması için daha önce dinlediklerimden farklı, çeşitli radyo kanalları arasında geçiş yapıp, ilginç ve farklı şarkılar dinledim. Sonuç mu? Bu yazı dahil pek çok pek çok parlak fikir belirdi kafamda :)

 

Müzik dinlemenin bloggerlar için başka faydaları da var. Örneğin çok uzun yazılar yazarken veya bilgisayar başında çok vakit geçirdiğinizde müzik araları vererek o işten sıkılmanızı önleyebilir ve kafanızı birkaç dakikalığına dağıtabilirsiniz. İnanın iyi gelecektir.

Gelelim esas soruya… Farklı müzik türlerini, zahmetsiz ve hızlı bir şekilde nasıl dinleyeceksiniz? Bunun için de size çok güzel bir önerim olacak. Her türden yerli, yabancı ve yerel radyoyu bir araya toplayan, DinleFm.net isminde bir radyo dinleme sitesi var. Bu sitede, Türkiye’de yayın yapan tüm radyo kanallarının canlı radyo dinleme bölümlerini bir sayfada toplanmış. Böylece site site gezmeden, istediğiniz müzik türüne göre istediğiniz radyo kanalını tek bir yerden zahmetsizce dinleyebiliyorsunuz.

dinlefm
Online radyolar arasında benim favorilerimi merak edenler için birkaç öneride bulunmak istiyorum.

 

- Slow Karadeniz
- Power Türk
- Radyo Seymen
- Lounge FM
- Pal Station
- Joy Türk
- Radyo Alaturka
- Radyo Beyoğlu


Ne demişler müzik ruhun gıdasıdır. O halde bloguna ruh katmak isteyenler DinleFM.net’i ziyaret etsinler…

15 Ocak 2014 Çarşamba

Blogger’da Kategori Oluşturma Ve Yazıları Kategorilere Ayırma

Deneyimli Blogger kullanıcıları için çok gereksiz bir konu gibi olsa da Blog Hocam’ın her seviyede blog yazarına hitap ettiğini ve içeriğinin büyük bir kısmının okuycu talepleri ile oluştuğunu unutmayın lütfen.

Blogger’a yeni başlayan kullancıların en çok sorduğu soraların başında geliyor Blogger’da kategori oluşturma mevzusu. Bu sorulara cevap olması ve yeni Blogger kullanacaklara yol göstermesi açısından bu yazıyı yazmak istedim.

Blogger’da Kategori Nasıl Oluşturulur?

Blogger’da kategori oluşturma sistemi Wordpress veya diğer CMS’lerde olduğundan farklıdır. Örneğin müzik kategorisinde yazılar için müzik isimli bir sayfa oluşturulup yazılar o sayfanın içine yazılmaz ya da gönderilmez. Blogger’da yazıları bir farklı kategorilere ayırmak için etiketleme sistemi kullanılır.  Şimdi adım adım kategori oluşturmaya geçelim.

 

1. Adım: Öncelikle yazıları ayıracağımız kategorileri belirleyelim. Bu örneklte ben 4 adet kategori oluşturacağım. Kategoriler spor, kitap, teknoloji ve dans olsun. Şimdi spor ile ilgili bir yazı yazdığımızı düşünelim ve bunu spor kategorisine nasıl göndereceğimze geçelim.

Blogger kategori
Resimde gördüünüz gibi yazıyı yazdıktan sonra sağ taraftaki yayın ayarlarında etiketler kısmına yazıyı göndermek istediğim kategori olan spor yazıyorum ve tamamlandı butonuna basıyorum. Artık yazıyı yayınladığımda yazının kategorisi spor olacak.

2. Adım: Aynı şekilde diğer yazılarımı da kategorilere ayırdıktan sonra sıra bu kategorileri blogun ana sayfasında menü şeklinde göstermeye geliyor. Kategoriler menüsü genellikle 2 yerde kullanılır. Sidebar dediğimiz blogun kenar çubuğuna dikey menü şeklinde ve kayıt alanın üstüne yatay menü şeklinde. İlk olarak yan tarafa dikey menü şeklinde eklemeyelim.

Blogger kyumanda panelinde sağ taraftaki yerleşim sekmesine tıklayıp blogun yan taraflarındaki boş gadget alanlarında birinde gadget ekle yazısına tıklayın ve listeden etiketler isimli gadgetı seçin.

etiketler
Burada gadget başlığı olarak kategoriler yazdıktan sonra kaydedin. İsteğinize bağlı olarak hangi kategoride kaç yazı olduğunu gösterebilir, kategorileri çoktan aza göre sıralayabilir veya gözükmesini istemediğiniz kategorileri kaldırabilirsiniz. Değişiklikleri kaydedikten sonra blogunuzu ziyaret ettiğinizde kenar çubuğunda şuna benzer bir dikey kateoriler menüsünün olduğunu göreceksiniz.

Kategoriler dikey

 

Şimdi de kategorileri yatay bir menü şeklinde blog kayıtlarının üst tarafında göstermeye geçelim. bunun için yapmanız gerken tek şey kenar çubuğunda eklediğimniz gadgetı sürükle bırak yöntemiyle blog kayıtlarının üstündeki boş gadget alanına taşımak.

Kategoriler yatay


Düzenlemeyi kaydettiğinizde aşağıdaki resimde gördüğünüz gibi kategorileriniz yatay menü şeklinde blog kayıtlarının üzerinde gözükecektir.

Kategoriler menüsü


Sonuç olarak spor kategorisinde yazdığım yazı, diğer tüm kategorilerdeki yazılarla birlikte ana sayfada yer alır ama kategoriler menüsünden spor kategorisini tıkladığımda sadece spor kategorisindeki yazılar listelenir.

Umarım yeterince açıklayabilmişimdir.

13 Ocak 2014 Pazartesi

Hover Efektli Şık Bir Ribbon Menü

Blog tasarımlarının en çok aranan ve en çok üzerinde durulan öğelerinden biri blog kayıtlarının üst tarafına eklenen yatay link menüleri sanırım. Blogger’a yatay menü ekleme olayı hem Google’da çok aranıyor, hem de benden çok isteniyor.

 

Bugüne kadar bazı yatay menü kodları paylaşsam da şıklığa ve tasarıma özen gösteren bloggerlar benden ribbon menü paylaşmamı istemişlerdi. Ben de blog kayıtlarının üst tarafına ekleyebileceğiniz, şık ve hover efekti sayesinde üzerine gelindiğine hareket eden harika bir ribbon menü buldum.

 

ribbon menu

 

Menüyü Blogger’a eklemek için kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyin ve aşağıdaki kodları yapıştırın.

 

<style>
/* Blog Hocam Animasyonlu Ribbon Menü */
.bhribbon span {
    background:#F1921A;
    display:inline-block;
    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.bhribbon a span {
color:#000;}

.bhribbon a:hover span {
    background:#669900;
    margin-top:0;}
.bhribbon span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #F1921A;
    border-bottom:0.5em solid #fff;}

.bhribbon span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #F1921A;
    border-bottom:0.5em solid #fff;}

.bhribbon a:link, .bhribbon a:visited {
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.bhribbon:after, .bhribbon:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #F1921A;}

.bhribbon:after {
    border-right-color:transparent;}

.bhribbon:before {
    border-left-color:transparent;}
</style>
<div class='bhribbon'>
    <a href='http://bloghocam.blogspot.com/'><span>Ana Sayfa</span></a>
    <a href='http://bloghocam.blogspot.com/p/hakkmda.html'><span>Hakkımda</span></a>
    <a href='http://bloghocam.blogspot.com/p/misafir-blogculuk.html'><span>Misafir Blogculuk</span></a>
    <a href='http://bloghocam.blogspot.com/p/destek-ol.html'><span>Destek Ol</span></a>
    <a href='http://bloghocam.blogspot.com/p/takip-et.html'><span>Takip Et</span></a>
    <a href='http://bloghocam.blogspot.com/p/ne-dediler.html'><span>Ne Dediler?</span></a>
    <a href='http://bloghocam.blogspot.com/p/arsiv.html'><span>Arşiv</span></a>
    <a href='http://bloghocam.blogspot.com/p/galeri.html'><span>Reklam</span></a>
    <a href='http://bloghocam.blogspot.com/p/iletisim.html'><span>İletişim</span></a>
</div>

 

Değiştirmeniz gereken yerler son bölümdeki menü öğelerine ait bağlantılar. Ben bu menüye Blog Hocam’a ait statik sayfaların linklerini ekledim ama siz isterseniz başka türlü de değerlendireblirsiniz.

 

Örneğin bir arkadaşınıza ya da diğer sitenize link vermek sterseniz oraya şu satırı ekleyebilirsiniz:

 

<a href='http://siteadresi.com'><span>Site</span></a>

 

Veya belli bir etikete ait yazılarınızın listelenmesini sağlayablirsiniz. Örneğin Blog Hocam’da SEO etiketli yazılara link vermek için şu satırı ekleyebilirim:

 

<a href=' http://bloghocam.blogspot.com/search/label/SEO'><span>SEO</span></a>

 

Ya da belli bir yazıya link vermek isteyebilirim. Örneğin Bumerang’ı tanıttığım Her Yönüyle Bumerang Network başlıklı yazıma bu menüde yer vermek istersem şu satırı ekleyebilirim:

 

<a href='http://bloghocam.blogspot.com/2013/10/her-yonuyle-bumerang-network.html'><span>Bumerang</span></a>

 

Ben menüyü Blog Hocam’ın tasarımına uygun şekilde renklendirdiğim için her blog uygun olmayabilir. Bu yüzden son olarak da renkleri nasıl değiştireceğinizden bahsedeyim.

 

Tmel olarak 2 renk kullandım. Bunlardan ilki turuncu renkte gördüğünüz zemin rengi. Bu rengin kodu #F1921A Kodlarda bu renk kodunu gördüğünüz yere kendi istediğiniz rengin kodunu koyarsanız menünün zemin rengi değişecektir.

 

Kullandığım diğer renk ise menünün üzerine geldiğinde öne çıkan öğenin dönüştüğü renk olan yeşil. Bu rengin kodu ise #669900 Kodlarda bu renk kodunu gördüğünüz yere kendi istediğiniz rengin kodunu koyarsanız hover efekti ile oluşan renk değişecektir.

 

 

Sanırım yeterince açıklayıcı oldu :) Eğer kafanıza takılan bir şey olursa yorum bölümünden sorabilirsiniz.

10 Ocak 2014 Cuma

Ben Blogger’ın Zeki, Çevik Ve Ahlaklısını Severim

Ulu Önderimiz Mustafa Kemal Atatürk’ün hafızalarımıza kazınan “ben sporcunun zeki çevik ve aynı zamanda ahlaklısını severim’’ sözünü duyduğumuz gibi özümsemeden, akıl süzgecimizden geçirmeden kavramaya çalışırsak hayattaki birçok işimiz de başarısızlık yaşayabiliriz.

 

Her ne kadar sporcular için söylenmiş olsa da her işimizin başında esas olarak tanımamız gerektiğini düşünüyorum. Bu güzel sözü blogger’lık üzerine yoğunlaştırarak, günümüzde blog yazarlığının geldiği noktaları irdelemeye çalışalım.

 

blogger

 

Hemen hemen herkesin bir bloğu var lakin bu bloglar arasında başarı elde etmiş olanları, belirli bir okura hitap edenleri bulup ayıklamak bile başlı başına bir iştir.

 

Blogger zeki olmalıdır.


Zekadan kasıt nüktezan bir tip veyahut beyninin loplarını diğer insanlardan daha fazla yüzde ile kullanan bir kişilik kastım değildir. Blogunda yer alan yazıları Allah’ın kendisine bahşettiği zeka ile tertipli ve düzenli bir şekilde yazmalı ve azda olsa etrafına bakarak bloğunda yazacak konuları taramalıdır.

 

Blogger çevik olmalıdır.


Madem blog yazıyoruz o halde bloğumuzun konusu ile ilgili yada ilgilendiğimiz konularla alakalı olarak etrafımızda gelişen olayları, gelişmeleri bloğumuza özgün bir yazı ile tabir-i caizse çeviklikle aktarmalıyız. Unutmayalım ki ‘’ilk yumruğu atan’’ pardon ilk yazan kazanır.


Blogumuzun tasarımı ile ilgili, kodlarla ilgili, sürümlerle ilgili, versiyonlarla ilgili, araçlar-gereçler ile ilgili gelişmeleri takip ederek bloğumuzu daha iyi hale getirmek için çalışmalıyız.

 

Blogger ahlaklı olmalıdır.


Blogger ahlakından kastımız tabi ki kişinin karakteristik özelliklerini çerçevelere sığdırmak değildir. Nasıl ki yaşam içinde ailemize, akrabalarımıza, arkadaşlarımıza ve diğer insanlara karşı sorumluluklarımız varsa bloğumuza, diğer bloglara ve blog yazarlarına karşıda sorumluklarımız vardır.


Ahlak kelimesini adap şeklinde de yumuşatarak konumuza dönebiliriz. Blogger, blog adabı çerçevesinde yazmalı, yorum yapmalı, okumalı ve paylaşmalıdır. Her blogger’ın vicdani olarak uyması gereken kurallar şeklinde sıralayabileceklerimiz vardır. Bloglar özgün olmalıdır ki her geçen gün bilgi kirliğinin arttığı internet alemini bir nebze olsun koruyabilelim. Aynı bilginin defalarca, aynı şekilde ısıtılıp ısıtılıp tekrar tekrar önümüze değişik bloglar ile konulduğuna hepimiz şahidiz.


Başka bir mecralarda yer alan yazıları kopyalayıp yapıştırarak içerik hazırlamak hiç etik değildir. Başka bir siteden bir yazıyı olduğu gibi almanız gerekiyorsa bile sonunda alıntı yaptığınız siteyi kaynak göstermeliyiz. Bu hem alıntı yaptığımız bloğa harcanan emeği hem de o emeği harcayan blog yazarına bir katkıdır ve onure etmektir.

 

Blog adabına uymayan davranışlardan birisi de bilmediği konular üzerine yazılar yayınlayan bloglardır. Bir konu üzerinde yayınlanan yazının altına bir yorum geldiğinde cevap verecek kadar bilgisi olmayan bir blog yazarı o yazıyı okuyanın ve kıymet vererek yorum yapanın emeklerini zayi etmiş demektir.

 

Bazen bloğunuza gelen yorumlara bakarsınız ve birkaç kişinin yorumlama hususunda ön plana çıktığını görürsünüz ancak bu kişiler genelde sitenize gelen ziyaretçileri kendi sitelerine yönlendirmek için belli belirsiz yorumlar yaparak yorum içine kendi sitelerinden bir bağlantı iliştirerek ahlaki olmayan bir tutum sergiler. Zahmet edip yazıyı okumadığı için genel de yorumlar benzerlik gösterir. ‘’Emeğine sağlık, teşekkür ederim, güzel olmuş’’ gibi…

 

İnternette SEO konusunda pek çok mesai harcayan insan vardır aralarında gerçekten özverili olarak çalışanları tenzih etmekle birlikte yorumlarla sitesine backlink sağlayarak SEO konusunda ilerleyeceğini, sitesinin arama motorlarında üst sıralara çıkacağını sananlar vardır. Bir çok tecrübeli blog yazarı böyle yorumları silerek buna müsaade etmezler.

Blog Adabını maddeler halinde sıralayacak olsak eminim sizin de birçok ekleyeceğiniz madde olur.

 

Blog yazarlığı, kitap yazarlığına benzer nasıl ki başka kitaplardan alıntı yaparak kitap yazılamazsa, başka bloglardan yazı kopyalanarak içerik oluşturulmaz. Hepimizin birbirimize karşı vicdani olarak sorumluluklarımız vardır. Nasıl ki bir restoranda yemek yerken diğer insanları rahatsız etmemek bir sorumluluğumuzsa, nasıl ki başkasının kazancını gasp etmemek bir insanlık onuruysa blogger olarak da bu ve buna benzer sorumluluklarımız vardır.

 

Herkese iyi bloglamalar dilerim.


Vural Egemen Sarıgöz

SRGZ BLOG

9 Ocak 2014 Perşembe

Twitter Takipçi kutusu - Yeni


♦ Blog ve Web Siteleri İçin Yeni Twitter Takipçi kutusu
♦ New Twitter Followers/FanBox Widget With Faces For Blog And Website

Öncelikle belirtmek isterim; bu facebook gibi Twitter inc resmi eklentisi/Widget değildir. Bu eklenti MusicPaax tarafından oluşturulmuştur. Sitenizin tasarımına uyacak şekilde Twitter'da takip kutusu eklentisini özelleştirerek kullanılabilir seçenekleri vardır. Bu Facebook like-box tarzı widget basit ama güçlü bir jQuery eklentisi. Daha önce Mark carey tarafından geliştirilen eklenti son bulmasından sonra bu güzel bi alternatif. Yandan açılır sosyal medya takipçi Kutusu 3 in 1 yazımda çok sorulan "twitter çalısmıyor" sorununu bu eklentiyle çözecez.


Özellikler:
1.) Facebook gibi basit Takip Kutusu.
2.) Takipci resimleri
3.) Takip et Buttonu.
4.) Hızlı yüklenme, Harika görünüm ve özellikler.
5.) IFrame ve JavaScript ile 2 Style Kodu.
6.) Tamamen özelleştirilebilir.
7.) Açık Kaynak.
8.) Kısa ve anlaşılır Kodu.
9.) Ekstra CSS de ekleyebilirsiniz.
10.) Çapraz Tarayıcı Çalışma.
Açıklama:
1.) İlk önce bu siteyi açalım. (Twitter FanBox).
2.) Şimdi aşağıdaki sayfa açılacak, burada "Kod Oluştur" Butonuna basıyoruz.
Kod olustur

3.) Twitter Apps sayfasına yönlendirileceksiniz, "Giriş Yap" Buttonuyla hesabınıza giriş yapın ve uygulamaya izin verin.
giris yap

4.) Aşağıdaki ekran görüntüsünde görüldüğü gibi şimdi birkaç saniye için bu sayfayı göreceksiniz. Bekle ve sonraki Adıma geç...
yonleniyorsunuz

5.) Twitter FanBox ana sayfamıza geldik, isteğinize göre formu doldurun ve kodunuzu oluşturun.
twitter fanbox

Blogger'a Ekleme?
1. Kumanda paneline giriş yapın.
2. Yerleşim › Gadget ekle › HTML/Javascript bulun.
3. Oluşturduğunuz kodu kopyalayıp yapıştırın.
Not:
Eğer eklentinin altındaki footer bölümünde yazan "MatiasMX tarafından plugin" yazısını istemiyorsanız, aşağıdaki iframe yada javascript kodlarından birini kullanın!
Frame Kodu:
Bu Twitter Takipçileri Kutusu Frame kodu içinde kullanımı.
<iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:239px;" allowTransparency="true"> </iframe>

JavaScript Kodu:
Bu Twitter Takipçileri Kutusu JavaScript versiyonu.
<div id="twitter-box"></div> <script> var tw_user = 'MeftunMEDE'; var tw_width = 290; var tw_height = 239; var no_face = 20; (function() { var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true; tw_box.src = 'http://meftun-mede.googlecode.com/svn/trunk/tw.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box); })(); </script>

Özelleştirme:
1.) Twitter kullanıcı adını tw_user= MeftunMEDE değiştirin.
2.) Width,Height,No face ve Color alanlarını arzunuza göre değiştirebilirsiniz.
3.) Style kodunda daha fazla CSS stil kolaylıkla ekleyebilirsiniz.
4.) kaydedin ve bitti.