30 Aralık 2012 Pazar

Blog Hocam 2012 Değerlendirmesi

2012 yılının son yazısında bu yılın Blog Hocam açısından nasıl geçtiğinden kısaca bahsetmek istiyorum.

 

Blog Hocam’a 1 yıl boyunca düzenli olarak içerik eklemeyi başardığım için biraz şaşkın, biraz da gururluyum : ) Şaşkınlığım nedeni, Blog Hocam’ı bu kadar güncel tutmayı hiç beklemememden kaynaklanıyor. Bu kadar işin gücün arasında haftada üç yazı yayınlayarak Blog Hocam’ı güncel tutmak benim zaman yönetimi konusunda kendimi geliştirdiğimi ve başarılı olduğumu gösteriyor. Bu yüzden de oldukça mutlu ve gururluyum.

 

Gönderdikleri miasfir yazılarla Blog Hocam’ı güncel tutmama yardımcı olan Ruhsuz Atmaca, Batuhan Şası, Ehli Blog, Mert Olgun, Fırat Yalçın, Selçuk Duran, Akif Ulutaş, Duygu Uygun, Polat Büyükarslan, Mustafa Başer, Sercan Sak, Burak GöçSadık Bozkurt ve Ali Kaya  arkadaşlarıma da teşekür etmek istiyorum.

 

Blog Hocam’ı güncel tutmak trafik ve takipçi olarak bir önceki seneye oranla daha yüksek seviyelere çıkmamı sağladı ama başarı kriteri olarak asla bunu görmüyorum. Daha önce de söylediğim gibi bence başarı, koyduğunuz hedeflere ne kadar yaklaştığınızla alakalıdır. 2012 yılına başlarken hedefim Blog Hocam’ın etrafında bir topluluk oluşturmak, sadık bir okuyucu kitlesine sahip olmak ve sosyal networkümü genişletmekti.

 

Blog Hocam ile ilgili hedeflerime büyük ölçüde yaklaştım sayılır. Bu yüzden 2012 yılı başarılı geçti diyebiliyorum. 2013 hedeflerimden ise yeni yılın ilk yazısında bahsedeceğim kısmet olursa.

 

Biraz da istatistiklerden bahsetmek gerekirse 2012 yılında Blog Hocam’a 94 ülke ve 858 farklı şehirden yaklaşık 130.000 ziyaretçi gelmiş. Blog Hocam’ı en çok ziyaret eden 10 şehir şöyle:

 

2012 Şehir istatistikleri

 

2012 yılında trafik kaynakların çeşitliliğinde de ciddi bir artış oldu. Trafiğin %64’ü tahmin edeceğiniz gibi Google’dan geliyor. Blog Hocam’a en çok trafik gönderen 10 blog ise şöyle:

 

En çok trafik gönderen 10 blog bunlar. Bunların dışında pek çok blog, forum ve diğer siteler trafik göndermişler. Hepsine teşekkürü bir borç bilirim.

 

Gelelim 2012 yılında en çok okunan yazılara. İşte en çok okunan daha doğrusu en çok ziyaret edilen 10 yazı:

 

 

Söz Sizde

 

Benim ve Google Analytics’in gözünden 2012 yılı Blog Hocam için böyle geçti. Bir de size sormak istiyorum. 2012 yılında Blog Hocam’ın performansı nasıldı? Ne umdunuz, ne buldunuz? Beklentileriniz karşılandı mı? Eleştirmek istediğiniz noktalar var mı? Paylaşırsanız sevinirim.

28 Aralık 2012 Cuma

Blogunu Öldürme

Blog açmanın temel sebepleri vardır. Birinden görürsün, hayat boştur ve ondan canın
sıkılmıştır ya da en mantıklısı söyleyecek bir şeyin vardır. Eğer sonda söylediğim neden senin için geçerliyse blog açmak senin için gereklidir. Çünkü belli bir amacın olduğunu gösterir bu durum.

 

İlk başta blog dünyası sana çok değişik gelir; görmediğin ortam tatmadığın değişik bir
duygu vardır, “zihin dünyanda”. Bir an önce bir şeyler karalamak, bir şeyler paylaşma isteği duyarsın. Bunlar blogla olan tanışmanızın/aşkınızın ilk günleridir. Her şey mükemmel, hatasız ve güzeldir.

 

Değişik bir hesap alırsın. İki ufak rötuştan sonra blogunu açarsın ve yazılarını yazma başlarsın. Belli bir program dahilinde olmadan yazama isteğinin götürdüğü yere kadar yazarsın. Günler geçer ve belir süre sonra o zaman ayırdığın bloga sırt dönersin. -Bu tabi ki yavaş yavaş olur.- En sonunda da onu terk edersin.

 

Günümüzde pek çok bloğun ölümü de bu şekilde oluyor. Her konuda olduğu gibi bu konuda
da yetersiz bilgiye sahibiz. İlk önce aşkla başlayan serüven zaman, aşkın yıllanmasıyla,
ilişkiden zevk almıyorum diyerek (eskisi gibi heyecanlanmıyorum da olabilir.) ayrılıkla son
buluyor.

 

Hayatın her aşamasında olduğu gibi blog ortamında da planlı çalışmak önemli bir mevzu.
Onu bir ailenizin ferdi ya da arkadaşınız olarak görebilirsiniz. Verdiğiniz kadar geri dönüşüm
alabilirsiniz.

 

I Love Blogger

 

Peki bir blog için en önemli unsur nedir?

 

Aslında iki aşamada olur bu:

 

1-Blog öncesi dönem,

2-Blog hayatında olan dönem.

 

Blog öncesi dönem insanın en sabır olması gereken dönemdir. Blog açmaya karar vermek, hemen gidip bir hesap açıp bir şeyler yazmak değildir. İlk önce bloguna bir isim ve neler yazabileceğin hakkında detaylandırma yapmak gerekir. Benzer blogları incelemek sonra, varsa başarıları bunla ilgili bir çıkarımda bulunmak gerekir. Ayrıca bu blog yazarlarıyla iletişme geçmekte bir seçenektir. Gelelim ad kısmına, bir bloga isim bulmak bana göre en önemli kısımdır. Genelde konulan adlar yazacağınız konudan, tutun paylaşacağınız her şeyi içerir. Ve ayrıca seni temsil eder. Bu derece önemliyken ad belirlemede hızlı davranmamak en önemli durumdur. Bunun için bir tavsiye bir blog ismini koymak için yanınızda bir not defterine sizin için önemli olabilecek isimleri yazın. Bir hafta falan yazın zaman varsa dahauzun sürede yazabilirsiniz. Sonra yazdıklarınızı bir okuyun en içinize yatanı koyabilirsiniz. Ya da burada yazdıklarınızdan bir kombinasyon yapabilirsiniz. Ve ortaya sizi temsil eden güzel bir isim çıkabilir.

 

Blog Hayatı Sırasında ise, yazılarınızı belli bir planda yazın. Her gün yazabilirsiniz ama,
yazdıklarınızı hemen yayınlamayın. Çünkü diğer yazınız daha okunmadan bunu yayınlamak
diğer yazınızın okunurluğuna ve değerlendirilmesine zarar verir. Herkes yeni yazınıza kanalize olur. Eğer tıkanıyorsanız belli günlerde yazın. Örneğin her Cuma bir yazı yayınlayın.

 

Blog yaşamına başladığınız anda her şey insana çok heycanlı gelebiliyor. Ama önemli olan
zaman içersinde bu dünyada kalabilmek. Yarattığınız bu çocuğu canlı ve diri tutabilmek
için planlama bu aşamada çok önemli. Planlamanın dışında sabretmekte bir diğer önemli
madde tabiî ki. Ona ne kadar bakar, onu beslerseniz o da ilerde size karşılığını ödemekten
çekinmeyecektir. Çünkü onu siz doğurdunuz, siz beslediniz ve siz büyüttünüz…

 

Yazar Hakkında: Blog dünyasında 2 yılını dolduran acemi bir blogcu. Ruhsuz Atmaca'nın, tek ve temel amacı insanlığa bir şey katabilir miyim?, katabilirsem nasıl olmadır?, bu soruları kendine sorarken bir anda kendisini blog dünyasında bulur. Ruhsuz Atmaca blogunun kapağında yer alan ve ismini verdiği "Atmaca" insanlara benzer duygulara sahip bir canlıdır. Yırtıcılığı nedeniyle isminin önüne "Ruhsuz" takısı gelmiştir. Blogun sloganı ise: "Yazdıklarım ve Yazacaklarım Atmacanın Bakışlarında Gizli..." oluşturur.

26 Aralık 2012 Çarşamba

Η Προέλευση του Εορτασμού των Χριστουγέννων

Στα μέσα του χειμώνα συνηθίζονταν διάφοροι εορτασμοί, ακόμα και πριν αρχίσει ο εορτασμός των Χριστουγέννων στις 25 Δεκεμβρίου. Τα Χριστούγεννα ήταν αρχικά μία κινητή γιορτή που εορταζόταν σε πολλές διαφορετικές στιγμές κατά τη διάρκεια του έτους. Η επιλογή της 25ης Δεκεμβρίου έγινε από τον Πάπα Ιούλιο τον Α, τον 4ο μ.Χ. αιώνα επειδή η συγκεκριμένη ημερομηνία συνέπιπτε με τα ειδωλολατρικά τελετουργικά για το Χειμερινό Ηλιοστάσιο ή την Επιστροφή του Ήλιου. Η πρόθεσή του ήταν να αντικατασταθεί ο ειδωλολατρικός εορτασμός από τον Χριστιανικό. Το 1752, αφαιρέθηκαν 11 ημέρες από το έτος, όταν έγινε η αλλαγή από το Ιουλιανό στο Γρηγοριανό ημερολόγιο. Κατά συνέπεια, η ημερομηνία της 25ης Δεκεμβρίου μετακινήθηκε κατά 11 ημέρες. Κάποια τμήματα της Χριστιανικής εκκλησίας, οι λεγόμενοι παλαιοημερολογίτες, γιορτάζουν ακόμα και σήμερα τα Χριστούγεννα στις 7 Ιανουαρίου (25 Δεκεμβρίου με το Ιουλιανό ημερολόγιο). Πολλές από τις παραδόσεις που συνδέονται με τα Χριστούγεννα (ανταλλαγή δώρων, στολισμοί, κάλαντα, Χριστουγεννιάτικο δέντρο) έχουν τις ρίζες τους σε παλαιότερες θρησκείες.

ΕΘΙΜΑ ΤΩΝ ΧΡΙΣΤΟΥΓΕΝΝΩΝ ΣΤΗΝ ΡΟΥΜΕΛΗ

Γεμάτα με έθιμα είναι τα Χριστούγεννα και η Πρωτοχρονιά στην Ρούμελη.
Αρχίζουν από τον τρόπο με τον οποίον θα σφάξουν τα γουρούνια και φτάνουν μέχρι το πάντρεμα της φωτιάς.Αρχίζουν από τα κάλαντα και φτάνουν μέχρι το βασιλόψωμο. Όμως οι ευχές για μια καλύτερη χρονιά, καλύτερη σοδειά και καλύτερη προκοπή είναι αυτές που κυριαρχούν σε κάθε έκφραση της παράδοσης.
Εκτός από τα κάλαντα που ακούγονται σε κάθε γωνιά της Ρούμελης διατηρούνται ακόμη ορισμένα από τα έθιμα που παραδοσιακά μεταφέρονται από γενεά σε γενεά και δίνουν ένα διαφορετικό χρώμα στις Άγιες τούτες μέρες.
Χοιροσφαγή: Στα ορεινά χωριά της δυτικής Φθιώτιδας είναι απίθανο να μη συναντήσουμε τουλάχιστον ένα χοίρο σε κάθε σπίτι.Ήταν πάντα θέμα αρχοντιάς, κοινωνικής και οικονομικής επιφάνειας.Η προετοιμασία για τη σφαγή τους ξεκινά πολύ νωρίς αφού οι νοικοκυρές είναι υποχρεωμένες να βρουν πλέον γανωματή για να γανώσουν (να κασιτερώσουν) τα οικιακά σκεύη που είναι αναγκαία για την χοιροσφαγή.Τώρα όμως τα πράγματα είναι διαφορετικά. Οι παρέες έγιναν μικρότερες και τα πράγματα έχουν περισσότερο απλοποιηθεί.Η χοιροσφαγή όμως παραμένει ολόκληρη τελετουργία αφού είναι απαραίτητο να υπάρχει φωτιά, κάρβουνο και λιβάνι και την ώρα της σφαγής η νοικοκυρά θα πρέπει να τα ρίξει πάνω στη σφαγή ενώ στο στόμα του χοίρου βάζουν ένα λεμόνι για να μένει ανοιχτό και να αερίζεται.Όταν τελικά τελειώσουν τους χοίρους, ολόκληρη η γειτονιά αρχίζει το γλέντι ενώ την ίδια ώρα οι νοικοκυρές ξεκινούν να φτιάξουν τα λουκάνικα και τις "τσιγαρίθρες".
Το αρραβώνιασμα της φωτιάς: γίνεται ξημερώματα των Χριστουγέννων την ώρα που ο λαός την αποκαλεί "ανοιχτή ώρα".Η νοικοκυρά βάζει ένα μεγάλο ξύλο στο τζάκι και σύμφωνα με την παράδοση εκείνη την ώρα ό,τι ζητήσεις - βεβαίως θα πρέπει να αφορά τα παιδιά και όχι τους παντρεμένους - μπορεί να γίνει. Αντίθετα το πάντρεμα της φωτιάς γίνεται τα ξημερώματα της πρωτοχρονιάς.Στο τζάκι μπαίνουν δύο μεγάλα ξύλα που φροντίζει ο νοικοκύρης να είναι ισομερή για να καίγονται το ίδιο.Σύμφωνα με την παράδοση εκείνη την ώρα που δεν αλλάζει μόνο ημέρα, αλλά αλλάζει και χρόνος όποια ευχή η όποια κατάρα και αν κάνει ο άνθρωπος αυτή θα πιάσει τόπο λέει ο λαός.Τα συγκεκριμένα έθιμα τα συναντάμε σε πάρα πολλά σημεία της Ρούμελης ιδιαίτερα όμως στη δυτική Φθιώτιδα και στην ορεινή Δωρίδα.
Το βασιλόψωμο: Το όνομα του προσδιορίστηκε από την ημερομηνία κατανάλωσης.Τρώγεται ανήμερα του Αγίου Βασιλείου από όπου πήρε και το όνομα του.Εκτός από αλεύρι οι νοικοκυρές βάζουν μέσα ρεβύθι αλεσμένο, βασιλικό και νερό και πάνω του δημιουργούν διάφορα σχήματα και παραστάσεις είτε αυτές αφορούν την παραγωγή είτε την υγεία είτε την οικογένεια.Μετά το ψήσιμό του είναι έτοιμο να κοπεί, την ώρα του φαγητού, το μεσημέρι της Πρωτοχρονιάς. Παράλληλα με το βασιλόψωμο οι νοικοκυρές κάνουν και της Βασιλοκουλούρες.

CSS Filtreler İle Resimlere Efekt Verme

Yazılarıma yapılan yorumlar yeni yazı fikirleri için beni besleyen en iyi kaynak. Gelen yorumlarda sorulan soruları daha sonra açıklamak üzere bir yere not alıyorum. Bunlardan biri de resimlerin etrafındaki gölgeyi kaldırmakla ilgili yazdığım yazıya Değmesin Yağlı Boya’nın yaptığı yorumdu. Yorumunda resmin üzerine gelince efekt verilip verilmeyeceğini sormuştu.

 

Bu yazıda size CSS programlama dilinin filtre özelliğinden bahsedeceğim. CSS’te filtre kodlarını kullanarak resimlere bazı özel efektler verebiliyoruz.

 

Kodlara geçmeden önce şunu belirteyim, aşağıda verdiğim kodları Şablon > HTML’yi Düzenle dedikten sonra Ctrl+F tuş kombinasyonu yardımıyla kolayca bulabileceğiniz ]]></b:skin> kodunun üstüne ekleyeceksiniz.

 

1. Resme Siyah-Beyaz Efekti Verme

 

.post-body img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}

.post-body img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}

 

2. Resme Bulanıklık Efekti Verme

 

.post-body img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}

.post-body img:hover {
filter: blur(0);
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);
}

 

3. Resme Şeffaflık Efekti Verme

 

.post-body img {
opacity:0.3;
}

.post-body img:hover {
opacity:1;
}

 

4. Resme Zoom Efekti Verme

 

.post-body img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.post-body img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

 

Efektlerin görünümünü aşağıdaki videoda arka arkaya sıraladım.

 

 

İpucu: Farkettiyseniz hepsinde .post-body img  ve .post-body img:hover  şeklinde kod var.Bunlarda .post-body img resmin sayfadaki görüntüsünü temsil eder, post-body img:hover  ise üzerine gelinceki görüntüyü temsil eder. Siz tam tersi efekt istiyorsanız bunların altındaki kodları yer değiştirebilirsiniz.

24 Aralık 2012 Pazartesi

Dikey Minimal Slayt

Geçtiğimiz günlerde yatay minimal slayt eklentisini paylaşmış ve dikey versiyonunu da paylaşacağımı söylemiştim. O gün bugün :)

 

Dikey Minimal Slayt

 

Eklenti hakkında fazla şey yazmaya gerek yok. Yatay versiyonu blogun altına ve üstüne ekleyebiliyorken bu versiyonu blogunuzun sağ veya sol kenar çubuğuna ekleyebiliyorsunuz. Bunun dışında tüm özellikleri aynı.

 

Blogda nasıl durduğunu ve nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Eklentiyi blogunuzu eklemek için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl +F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<link href='https://docs.google.com/file/d/0BxxMpDce-fNUM19IN3VEc09XcDQ/edit' rel='stylesheet' type='text/css'/>
        <script src='http://yourjavascript.com/29411949153/modernizr-custom-17475.js'/>

 

 

ikinci olarak yine şablondan </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/19312220424/jquerypp-custom.js' type='text/javascript'/>
<script src='http://yourjavascript.com/24134092153/jquery-elastislide.js' type='text/javascript'/>
        <script type='text/javascript'>
           
            $( &#39;#carousel&#39; ).elastislide( {
                orientation : &#39;vertical&#39;
            } );
           
        </script>

 

Son olarak Yerleşim sekmesini açın ve burada kenar sidebar alanındaki  Gadget ekleme yerine HTML/JavaScript olarak şu kodları ekleyin.

 

<!-- Blog Hocam Minimal Dikey Foto Galeri Eklentisi -->
                <ul id="carousel" class="elastislide-list">
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-hkm82EaP61U/VCJ_6YzyRII/AAAAAAAALDU/LA6VV8OrR4s/s160/1.jpg" alt="image01" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-FJjP0e3ewLo/VCJ_-C4ocTI/AAAAAAAALFA/BxHq2ZLCH84/s160/2.jpg" alt="image02" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/--FDpeZvNC9k/VCJ_-2wbR1I/AAAAAAAALE4/wv8yPX6Yv4g/s160/3.jpg" alt="image03" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-n744SVjXxI8/VCJ__aj1MII/AAAAAAAALE0/w16C2d5yAv8/s160/4.jpg" alt="image04" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-ZNN0rs6kFQg/VCJ__sZ4uxI/AAAAAAAALEw/0fqD6OR34zw/s160/5.jpg" alt="image05" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-SgCC3L6AWuM/VCJ__wlrtbI/AAAAAAAALEk/S4ae0g55Nbc/s160/6.jpg" alt="image06" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-D8naq3CSXeI/VCKAARmuI-I/AAAAAAAALEc/CDslrPrxl8c/s160/7.jpg" alt="image07" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-quFpRIxrD7w/VCKAA9ImSzI/AAAAAAAALEY/X1cMNPVgVXI/s160/8.jpg" alt="image08" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-b5IfsevEgBo/VCKABE0jMJI/AAAAAAAALEs/gz2qv3vju9k/s160/9.jpg" alt="image09" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-bEcP35b38ug/VCKACMuLlaI/AAAAAAAALEo/K09-ixpHBug/s160/10.jpg" alt="image10" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-CfLafYclAJU/VCJ_6i6qbrI/AAAAAAAALDI/5Z5-OO_CVCo/s160/11.jpg" alt="image11" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-w9cVhSV8Rv0/VCJ_7F8gSiI/AAAAAAAALDA/sCyLh3IQ6CA/s160/12.jpg" alt="image12" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-otqml7jyx6k/VCJ_7QBLnBI/AAAAAAAALDQ/GMnjVcd4JIo/s160/13.jpg" alt="image13" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-D9Tv7akbJpk/VCKCUEsK0NI/AAAAAAAALFU/E5-oJOvOvB0/s160/14.jpg" alt="image14" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-5jkKFQrZc1I/VCJ_78STffI/AAAAAAAALDg/WA0A8nSLv6k/s160/15.jpg" alt="image15" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmwk5Ksw2X_h8zzx_qG6ozzVWDcJmOKD4O2koAGaso77YtNDsEbFs0ZxwMI02Xxr-NhgKnUOKxBJJwo9aYjC665NhLZftFKNeWMvrfvt6X3Uo9q7452bWAfLSuBb0IIbtbNkuPLkZELb8/s160/16.jpg" alt="image16" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-k0WIUhGnNzE/VCJ_9G6Y6oI/AAAAAAAALDo/Nd5XsLJ_-fw/s160/17.jpg" alt="image17" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-eLAKUwe04yw/VCJ_9e7rveI/AAAAAAAALFE/hqOk7pGDTEQ/s160/18.jpg" alt="image18" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-hS6dOv8jtAM/VCJ_9kY2dSI/AAAAAAAALDw/WApP0JRKtnM/s160/19.jpg" alt="image19" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-Iz9S4R5rBIM/VCJ_-nVLXDI/AAAAAAAALE8/5ikQKVIrL4w/s160/20.jpg" alt="image20" /></a></li>
                </ul>
                <!-- Blog Hocam Minimal Dikey Foto Galeri Eklentisi -->

 

  • Galeride göstermek istediğiniz resimlerin URL’lerini benim yazdığım .jpg uzantılı URL’lerle değiştirin.
  • Resme tıklayınca açılmasını istediğiniz sayfaları # işaretinin olduğu yerlere yazacaksınız.
  • alt="image01-20” olarak gördüğünüz yerlere ise resim hakkında bir tanım metni yazın.

Eklentiyi eklerken takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Blogunuzun kenar çubuğunda kullanmanız için bu eklentinin dikey versiyonunu da yakında paylaşacağım.

21 Aralık 2012 Cuma

Google+ Toplulukları Hakkında Bilmeniz Gereken Herşey

Aktif bir Goggle+ kullanıcısıysanız muhtemelen son zamanlarda sık sık topluluk davetlerine maruz kalmışsınızdır. Golge+ toplulukların ne olduğu ve nasıl kullanılması gerektiği konusunda hala bilgi sahibi değilseniz bu yazı sizi bilgilendirme amacıyla yazıldı.

 

Google+ Toplulukları Nedir?

 

Google+ toplulukları, aynı ilgi alanına sahip kullanıcılarının bir araya gelerek ilgi alanları hakkında konuştukları yerdir. Toplulukların işleyişini daha iyi anlamak için aşağıdaki videoyu izleyebilirsiniz.

 

 

Bir Topluluğa Katılma

 

Google+ sayfanızın sol tarafındaki topluluklar simgesine tıklayarak topluluklar sayfasına ulaşabilirsiniz.

 

google+ topluluklar

 

Bu sayfada 1 numara ile gösterdiğim yerde üye olduğunuz toplulukların listesi yer alır, 2 numara ile gösterdiğim yerde önerilen topluluklar yer alır, 3 numara ile gösterdiğim yerde ise katılmanız için gönderilen topluluk davetiyeleri yer alır. Ayrıca arama kutusuna ilgi alanınızı yazarak o konuyla ilgili toplulukların listesini görebilirsiniz.

 

Şimdi bir topluluğa nasıl katılabileceğinizden bahesdelim. Katılacağımız topluluk Blog Yazarları isimli topluluk olsun. Bu topluluğun sayfasını açtığınızda üst tarafta Join community butonunu göreceksiniz. Buraya tıklayarak o topluluğa katılabilirsiniz.

 

Google+ Topluluğa Katılma

 

Topluluğa katıldıktan sonra o toplulukta olup bitenden haberdar olmak için bildirimleri açmanızı öneririm. Sol tarafta Off olarak gözüken ve zil resmiyle simgelenmiş bildirimi On olarak değiştirirseniz toplulukta yapılan yeni paylaşımlardan haberdar olabilirsiniz.

 

Topluluk Bildirim

 

Toplulukta Paylaşımda Bulunma

 

Topluluğa üye olduktan sonra klasik bir Google+ ileti gönderme penceresi ile karşılaşırsanız. Buraya topluluk üyeleriyle paylaşmak istediğiniz mesajı yazdıktan sonra paylaşmak istediğiniz kategoriyi seçerek paylaşabilirsiniz.

 

Topluluklar İleti Gönderme

 

Google+ Topluluk Oluşturma

 

Siz de kendi topluluğunuzu oluşturmak isteyebilirsiniz. Bunun için Google+ Topluluklara sayfasına giderek BİR TOPLULUK OLUŞTUR butonuna basın. Bu butona bastığnızda ne tür bir topluluk oluşturmak istediğiniz sorulacak. Topluluk türleri arasındaki farklı şu şekilde özetleyebiliriz:

  • Herkese Açık - Herkes katılabilir: Google+'da, ilgili alanlarınızı paylaşan kullanıcılarla tanışma için ideal.
  • Herkese Açık - Katılım için moderatör onayı gereklidir: İçeriği herkese açık olarak paylaşma ancak içerik oluşturabilenleri sınırlama
  • Gizli- Kullanıcıların, topluluğu arama yoluyla bulmasını ve katılım isteğinde bulunmasını sağlama: Belirli kuruluşları için kapalı topluluklar oluşturma için ideal.
  • Gizli- Topluluğu arama sonuçlarından gizleyin: Daha gizli sohbetler eden küçük gruplar için ideal.

Topluluğunuzun türünü seçtikten sonra ismini yazın ve topluluğu oluşturun.Daha sonra topluluğunuza en az 250x250px boyutunda bir profil resmi, topluluğunuzla ilgili kısa açıklama, hakkında bölümü için topluluğunuzu tanımlayacak bir yazı ve son olarak bir kaç kategori ekledikten sonra düzenleme işlemini tamamlayabilirsiniz.

 

Söz Sizde

Google+ toplulukları ile ilgili hemen herşeyden bahsederek sizleri bilgilendirmeye çalıştım. Google+ toplulukları hakkında ne düşünüyorsunuz? Katılmayı veya oluşturmayı düşünüyormusunuz? Tavsiye edebileceğiniz topluluklar var mı?

20 Aralık 2012 Perşembe

Blogger’da Google+ Arkadaşlarından Bahsetme Özelliği

Blogger’ın yazılım mühendisi Malte Ubl, resmi  Blogger blogunda yapığı bir açıklamayla yeni bir özelliği bizlere tanıttı. Artık blog yazılarında çevrelerinizde bulunan her hangi bir Google+ profiline veya sayfasına mention gönderebiliyorsunuz.

 

Bunun için Blogger yazı editöründe mention göndermek istediğiniz kişinin ismin başına + işaret koymanız yeterli. + işareti koyup bir isim yazmaya başladıktan sonra çevrenizdeki kişiler listelenecektir. Böylece listeden mention göndermek istediğiniz kişiyi seçebilirsiniz.

 

Blogger'da Google+ Çevrelerine Mention Gönderme Özelliği

 

Bu özelliği kullanabilmek için blogunuzu Google+ profilinize bağlamanız gerekiyor. Blogger gelişmeye ve devam ediyor. Bakalım sıradaki yenilik ne olacak…

19 Aralık 2012 Çarşamba

Blogunuzu 2013’e Hazırlayın

Önümüzde bizi bekleyen, keyifle yazılar yazmaya devam edeceğimiz koca bir yıl var. Çoğumuz için blog yazmak bir tutku haline dönüştüğü için 2013 yılında da yazmak için sabırsızlanıyoruz. Yani yeni yıla hazırız. Peki ya blogumuz? Blogumuz 2013 yılına hazır mı? Hazırlamak için neler yapabiliriz?

 

labirent

 

1. Performansınızı Değerlendirin

 

2013 yılında blogunuzun performansını arttırmak için öncelikle 2012 yılının performansını değerlendirin. Ziyaretçilerinizin sizden ne istediğini, en ok hangi içeriklerin ilgi gördüğünü vs. analiz edin. 2013 yılında yazacağınız yazılarda bu verileri göz önünde bulundurun. Blogunuzun performansını değerlendirmek için Google Analytics’i kullanabilirsiniz.

 

2. Hedeflerinizi Gözden Geçirin

 

Geçtiğimiz yıl hedefleriniz nelerdi ve ne kadarını başardınız? Bunun değerlendirmesini yaptıktan sonra 2013 yılı için blogunuza hedefler belirleyin. Kısa ve uzun vadede hedefler koymak başarı yolunda size motivasyon kaynağı olacaktır. Koyduğunuz hedefleri bir kenara not edin. Yıl sonunda tekrar değerlendireceksiniz.

 

3. Kullanıcı Deneyimini Arttırın

 

İçeriğinizin niceli ve niteliği çok önemlidir. Hatta blog yazarlığında en önemli şeydir. Bu içeriği okuyucunuzun kolayca okuyabilmesi sizin sorumluluğunuzdadır. Okuyucuların daha hızlı ve zahmetsiz bir şekilde gezebildiği, farklı cihazlardan rahatlıkla erişebildiği blog oluşturmayı fazlasıyla ciddiye almalısınız.

 

4. Tasarımı Elden Geçirin

 

Yeni yıla yeni bir görünümle girmek hem sizde hem de okuyucularınızda heyecan yaratacaktır. Eğer tasarımınız sizinle özdeşleşmişse  keskin değişiklikler yapmanız gerekmez. Ufak tefek detaylar da ekleyebilirsiniz.

 

5. İçerik Planlaması Yapın

 

Ne yazık ki çok az blogda gördüm içerik planlaması. “İçerik planlaması nedir?” diyecek olursanız kısaca açıklayayım. İçerik planlaması, editöryal bir takvimde hangi günlerde hangi tür içeriğin yayınlayacağını önceden planlamaktır. Bu sayede hem belli bir düzene kavuşacak hem de okuyucularınıza düzenli içerik sağlayacaksınız.

 

6. Sosyal Hesaplarınızı Güncelleyin

 

Devir sosyal medya devri. 2013 yılında da öyle olacak. Her sosyal ağda mutlaka bir hesap edinin. Mevcut sosyal hesaplarınızdaki güncellemeyi ihmal etmeyin. Tüm sosyal profillerinizde aynı resmi kullanmaya özen gösterin. Markalaşmanıza yardımcı olacaktır.

17 Aralık 2012 Pazartesi

Minimal Yatay Slayt Eklentisi

Görüntüsü ve işlevselliği ile blogunuza renk katacağını düşündüğüm bir galeri eklentisini paylaşmak istiyorum.

 

yatay-minimal-foto-galeri-eklentisi

Bu fotoğraf galerisi eklentisi Jquery kullanılarak oluşturulmuş ve minimal bir tasarıma sahip. Yatay bir eklenti olduğu için ben blogun en altında eklenmesini uygun gördüm ama siz isterseniz ana sayfada veya diğer sayfalarda istediğiniz başka bir yere de ekleyebilirsiniz.

 

Galerinin sağında ve solunda bulunan navigasyon okları sayesinde resimler arasında geçiş yapabiliyorsunuz. Bu da galeriye onlarca resim ekleyebileceğiniz anlamına gelir. 5 resimlik yere onlarca hatta yüzlerce resim ekleyebilme imkanı sunduğu için oldukça kullanışlı bir eklenti. Nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Blogunuza eklemek için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<link href='https://drive.google.com/file/d/0BxxMpDce-fNUWE9QbU16SEw5dk0' rel='stylesheet' type='text/css'/>
        <script src='http://yourjavascript.com/51634122329/modernizr-custom-17475.js'/>

 

ikinci olarak yine şablondan </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/45266829114/jquerypp-custom.js' type='text/javascript'/>
<script src='http://yourjavascript.com/31490241631/jquery-elastislide.js' type='text/javascript'/>
<script type='text/javascript'>
           
            $( &#39;#carousel&#39; ).elastislide();
           
        </script>

 

Somn olarak Yerleşim sekmesini açın ve burada Blog Kayıtlarının altındaki yatay Gadget ekleme yerine HTML/JavaScript olarak şu kodları ekleyin.

 

<!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->
                <ul id="carousel" class="elastislide-list">
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-C9sahF3BfuE/VCUfznuMoPI/AAAAAAAALGg/gqPoDy5_IG8/s160/1.jpg" alt="image01" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-UkXLzAHXHMo/VCUfzwyL_GI/AAAAAAAALFs/kIE_8CZFfb8/s160/2.jpg" alt="image02" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-uwlbIeI1Stk/VCUfz3jgrsI/AAAAAAAALGY/RIjxaIs1oDM/s160/3.jpg" alt="image03" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-aoo41PfIWh4/VCUf0P-vZ7I/AAAAAAAALGk/cc8Faeuc5J8/s160/4.jpg" alt="image04" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-JntslJpTBvg/VCUf0rCPwnI/AAAAAAAALGU/w-HdEQWzMms/s160/5.jpg" alt="image05" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-VCoexcTxofk/VCUf0nXYaII/AAAAAAAALF8/zKkQKmHVoeE/s160/6.jpg" alt="image06" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-v0SLLHKw6W8/VCUf1BulSMI/AAAAAAAALGI/UIi1tjNBKXc/s160/7.jpg" alt="image07" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-B7KY_6Qasn4/VCUf1KdzQ2I/AAAAAAAALGM/lrIU4DH2FRU/s160/8.jpg" alt="image08" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-ulL8EzC2geM/VCUf1fUCoxI/AAAAAAAALGQ/aemUga40dTo/s160/9.jpg" alt="image09" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-MSaruWqOepQ/VCUhfKqacbI/AAAAAAAALH4/bPbcJ7EobpM/s160/10.jpg" alt="image10" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-WQVtJIPWqT4/VCUhfIg0EzI/AAAAAAAALHw/E0iv6TLI7uY/s160/11.jpg" alt="image11" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-PHM6gP17UHw/VCUhfG9ovMI/AAAAAAAALHs/keJMRtQLLZQ/s160/12.jpg" alt="image12" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-8n_21E8-gig/VCUhfjt_i3I/AAAAAAAALHo/zrkMc7qxoDg/s160/13.jpg" alt="image13" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXXrAoOSHQRSHjdLVBoeXNNO3UzlihQz63WUX1hnIy1K73mnvi258dsKJbfqtScTFsR0rYrFz-kvjxsvKgihKkgLnbyYz84U4JdhJ3Kw3G5CApNUTfjRVvWnm-83qR1sB7-JgnBkcIzrI/s160/14.jpg" alt="image14" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-pdZhjFnvTEk/VCUhgDtiLrI/AAAAAAAALHg/NULU7B5BPog/s160/15.jpg" alt="image15" /></a></li>
                    <li><a href="#"><img src="https://lh3.googleusercontent.com/-AAAvTTfk6ZY/VCUhgewglPI/AAAAAAAALHI/0tGFindDNJQ/s160/16.jpg" alt="image16" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-WShE-Q4qL78/VCUhgpSxzSI/AAAAAAAALHU/Zj5k0wyz0iM/s160/17.jpg" alt="image17" /></a></li>
                    <li><a href="#"><img src="https://lh4.googleusercontent.com/-ZpAJ0zW9IIc/VCUhg97nFZI/AAAAAAAALHY/5aXLdpoL5tc/s160/18.jpg" alt="image18" /></a></li>
                    <li><a href="#"><img src="https://lh6.googleusercontent.com/-nfFkqfqOV8w/VCUhhGLQaEI/AAAAAAAALHc/PKJTQhqzWgY/s160/19.jpg" alt="image19" /></a></li>
                    <li><a href="#"><img src="https://lh5.googleusercontent.com/-zjEu7mQf9kg/VCUiv4nM8wI/AAAAAAAALIE/M25B62sz3Ns/s160/20.jpg" alt="image20" /></a></li>
                </ul>
                <!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->

 

  • Galeride göstermek istediğiniz resimlerin URL’lerini benim yazdığım .jpg uzantılı URL’lerle değiştirin.
  • Resme tıklayınca açılmasını istediğiniz sayfaları # işaretinin olduğu yerlere yazacaksınız.
  • alt="image01-20” olarak gördüğünüz yerlere ise resim hakkında bir tanım metni yazın.

 

Eklentiyi eklerken takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Blogunuzun kenar çubuğunda kullanmanız için bu eklentinin dikey versiyonunu da yakında paylaşacağım.

14 Aralık 2012 Cuma

“Google Arkadaşım Ol” Eklentimi Paylaşıyorum

Sağ tarafta gördüğünüz “Google Arkadaşım Ol” başlıklı eklentiyle ilgili çok mail aldım. Mail gönderen arkadaşlar bu eklentiyi kullanmak istediklerini söylediler ve paylaşmamı rica ettiler. Biraz gecikmeli olsa da sonunda paylaşıyorum.

 

Google+ Eklentisi

 

Aktif bir Google+ kullanıcısıysanız bu eklenti çok işinize yarayacak. Ben bu eklentiyi bloguma ekledikten sonra Google+  arkadaşlarımın sayısında kısa sürede çok hızlı bir artış oldu. Başlıkta Google arkadaşım olun dediğim için beni ekleyenleri eklemezsem ayıp olurdu. Bu yüzden beni çevrelerine ekleyen herkesi (rahatsız edici şeyler paylaşmadıkları taktirde) ben de çevrelerime ekliyorum.

 

Eklentiyi blogunuza eklemek için Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırın.

 

<center><div style="border:1px solid #000;
-webkit-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
 
width:278px;font-family:verdana;font-weight:bold;color:#666;"><div style="background: #F1921A;padding:2px;height:30px;font-size:14px;color:#fff;"><center style=" margin-top: 5px;">Google Arkadaşım Ol</center></div><center style="margin-top:5px;"><div style="font-weight:bold;padding:5px;">Serdar Kara</div><a href="https://profiles.google.com/110966163584417465277"><img src="https://lh5.googleusercontent.com/-RayAR5YyCBg/UIXFboU5ofI/AAAAAAAAEgE/OhImxyRCAvQ/s192/Serdar.png"alt="Serdar Kara" width="80" height="80" border="0" /></a><br /><br/><div style="font-size:80%;">Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.</div><br/><script type="text/javascript">window.___gcfg={lang: 'tr'};(function(){var po=document.createElement("script");po.type="text/javascript";po.async=true;po.src="https://apis.google.com/js/plusone.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();</script><g:plus href="https://plus.google.com/110966163584417465277" rel="author" width="210" height="69"></g:plus></center></div></center>

 

Değiştirmeniz gereken yerler :

  • https://profiles.google.com/110966163584417465277 yazan yerlere Google+ profil URL’nizi yazın.
  • https://lh5.googleusercontent.com/-RayAR5YyCBg/UIXFboU5ofI/AAAAAAAAEgE/OhImxyRCAvQ/s192/Serdar.png yazan yere kendi profil resminizin URL’sini yazın.
  • Serdar Kara yazan yere kendi isminizi yazın.

12 Aralık 2012 Çarşamba

Flash Mp3 Çalar Eklentisi

“Bir blogda en gereksiz 3 şey nedir?” diye bir soru sorsanız listeye eleyeceğim şeylerden biri mutlaka müzik çalardır. Ancak herkesin düşüncesi ve tarzı farklı olduğu için bloguna müzik çalar eklemek isteyen çok kişi ulaştı iletişim formuyla. Onlara geçici birkaç çözüm önerdikten sonra her bloga uyacak pratik bir müzik çalar scripti aramaya başladım ve sonunda istediğim gibi bir script buldum.

Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin. 

1. Classic Versiyon
classic-mp3player

<object type="application/x-shockwave-flash" data="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






2. Mini Versiyon


mini-mp3player




<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






3. Vol Versiyon


vol-mp3player







<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






4. Bubble Versiyon


buuble-mp3player







<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






Çalacak Şarkıyı Belirleme





Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.








Yazı İçersine MP3 Çaları Ekleme





Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın  oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.








Blogger Mp3 Çalar Ekleme





Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)

10 Aralık 2012 Pazartesi

Facebook’ta Amaç Ne Olmalı?

Yazıya geçmeden önce bir hatırlatma yapmak istiyorum. Burada söz konusu olan şey elbette kişisel kullanım değil. Konumuz bloglar ve bloglara ait Facebook sayfaları.

 

Blog yazarlarının neredeyse tamamı Facebook’ta bloguna ait bir fan sayfası açıyor. Peki bu fan sayfasını hangi amaçla ya da ne şekilde kullanıyorlar? Hemen söyleyeyim.

 

- Sayfayı beğenenlerin sayısını arttırmaya çalışıyorlar.

- Sayfada paylaştıkları öğelerin daha çok kişinin beğenmesi için uğraşıyorlar.

 

İnsanları rahatsız etmediğiniz ve fake uygulamalar kullannmadığınız sürece bunlara hiç bir itirazım yok. Ancak resme biraz daha dışarıdan bakarsak asıl amacımızın farklı olması gerektiğini görebiliriz.

 

Şunu kabul etmeliyiz ki fan sayfamızı beğenenler halihazırda blogumuzu sürekliyi okuyan kişiler. Zaten blogumuzu takip eden kişilere Facebook sayfamızı beğendirmek önemli ve keyifli olabilir ama asıl amaç bu olmamalı!

 

Cafe'de Laptop Kullanan Kadın

Facebook aracılığıyla okuyucu kitlemizi genişletmenin yolu, mevcut okuyucuularımızın arkadaşlarını ve çevresindekileri kazanmaktan geçiyor. Blogumuzu süekli okuyan ve beğenen kişiler Facebook’ta bizden ne kadar çok bahsederlerse o kadar fazla referansa sahip olacağız ve okuyucu kitlemizi daha da genişleteceğiz. Facebook’un bloglar için gerçek değeri de burada başlıyor zaten.

 

Dışarıdan baktığımıda durum böyleyken bize düşen şey Facebook sayfamızı beğenen kişileri daha aktif hale getirmek, onların ilgisin çekecek ve arkadaşlarıyla paylaşabileceği içerikler oluşturmak.

 

Facebook Takipçilerinizin  Etkinliğini Arttırmak İçin Neler Yapabilirsiniz?

 

Facebook’un blogumuza yeni okuyucular kazanması için takipçilerimizin etkinliğini arttırmak, yorumlarını arttırmak ve daha sosyal bir sayfa haline dönüşmemiz gerekiyor.Bunun için;

 

- Takipçilerimizin kendilerinden bir şeyler katabilecekleri yarışma ve içerikler oluşturabiliriz.

- Takipçilerimizin daha paylaşımcı olmaları yönünde onları teşvik edebiliriz.

- Kitlelere yayılacak etkinlik ve aktiviteler düzenleyebiliriz.

 

Özretle;

Facebook’tan tam anlamıyla faydalanmak istiyorsanız hedefiniz mevcut okuyuccularınız değil, onların arkadaşları olmalıdır. Sıradanlıktan uzak, ilgi çekici paylaşımlarınız takipçileriniz aracılığıyla onların arkadaşlarını etkileyecek ve size yeni okuyucular kazandıracaktır.

7 Aralık 2012 Cuma

Blogunuz İçin Nasıl Buton Yapabilirsiniz?

Merhabalar sayın okur.

 

Konuk yazarınız olarak size blogunuz/siteniz için nasıl banner yapabileceğinizle ilgili basit bir anlatım sunmak isterim. Blogger platformunu kullandığım için blogger üzerinden anlatacağım ve bildiğim kadarıyla yapım aşaması Wordpress’te de hemen hemen aynı. Blog/site kavramlarını da kısaltarak blog olarak kullanacağım yazımda.

 

Öncelikle blogunuzu temsilen bir resim belirleyin. Resimleri online resim editörleri yardımıyla istediğiniz şekilde düzenleyebilirsiniz. Örneğin ben Picmonkey kullanıyorum, kullanımı çok kolay ve Picnik’i anımsatıyor.

 

Picmonkey yardımıyla seçtiğiniz resmin boyutlarını değiştirebilir, köşelerini yuvarlayabilir, üstüne yazı veya semboller ekleyebilir aynı zamanda resmi kırpabilirsinizde.

 

Bannerlar genelde kare olarak tercih edilir ve en ideal boyutları 125x125 veya 100x100 dür. Kullanılacak alana göre değiştirebilirsiniz elbette ama en çok tercih edilen 125x125 boyutlarında olanlarıdır. Örneğin ben blogumun headerını banner olarak kullanmak istediğimde, kesip, boyutunu değiştirip ve köşelerini yuvarlayıp bu hale getirebiliyorum.

 

yuvarlak-button

 

Picmonkey’de bu tür düzenlemeleri yapıp resmimizi hazır hale getirdikten sonra resmin urlsine ihtiyacımız olacak tabii ki. Ben bunun içinde Photobucket kullanıyorum. Uploada basıp hazırladığınız küçük resmi yükledikten sonra yüklenen resmin üstüne tıklayın. Sağda çıkan 4 tane linkten direct link olan bize lazım olacak.

 

photobucket

 

Blogger üzerinden anlatırsak ;

 

Tasarım > Yerleşim > Gadget ekle kısmından HTML/Javascript’i seçip içerisine şu kodu yazın

 

<center><img src=”DIRECT LINK BURAYA YAPIŞTIRILACAK”/></center>

 

Sonrasında ‘zengin metin’e bastığınızda bannerınızı görebilirsiniz. Bannerını seçin ve bağlantı oluştura tıklayıp tıklandığında yönlendirmesi gereken linki yazın. Aşağıdaki resimdeki gibi

 

gadget-ekle

 

Tamam diyip kutucuğu kapattıktan sonra üstteki “HTML’yi düzenle”ye basın. Gördüğünüz bütün kodu kopyalayın, sonra yeni bir satıra geçin (kodları silmeden tabi) ve şunları yazın

 

<center><textarea>

 

kopyaladığınız kodu hemen bitişiğine yapıştırın ve sonuna şu kodları ekleyip bitirin.

 

</textarea></center>

 

Şu şekilde gözükmesi gerekli

 

html-javscript

 

Sonrasında tekrar “zengin metin”e basıp kontrol ettiğinizde bu şekilde gözükmesi gerekli.

 

blogger-gadget

 

Kaydedip çıkın ve bannerınız hazır.

 

Neden blogum için banner yapmalıyım diye düşünüyorsanız buradaki yazımda belki aradığınız cevapları bulabilirsiniz. Mutlu haftalar dilerim.

 

 

Yazar Hakkında:

duygu-uygun Duygu Uygun ÇATI KATI bloğunun yazarı. Yaratıcı projeler, pratik fikirler ve daha fazlası için blogumu ziyaret edebilirsiniz.

5 Aralık 2012 Çarşamba

Ziyaretçilere İstediklerini Verin

Google Analytics ile ilglili hemen her yazımda bu aracın sadece ziyaretçi sayısını ölçmekte kullanılan basit bir sayaç olmadığını, blogunuzla ilgili pek çok veri elde ederek  içerik ve pazarlama stratejinizi belirlemenize yardımcı olacağını vurguluyorum.

 

Bu yazıda Google Analytics yardımıyla ziyaretçilerinize istedikleri içeriği sunmaya çalışacağız. Performansı düşük yazıları bularak bunları tekrar optimize edecek ve sayfada geçirilen ortalama süreyi geliştireceğiz.

 

Öncelikle Google Analytics hesabınıza girin ve soldaki menüden İçerik > Site İçeriği > Açılış Sayfaları sekmesini açın.

 

Google Analytics Site İçeriği

 

Bu sekmeyi açtığınızda blogunuzda ziyaret edilen sayfalar ve o sayfaları ait bazı veriler gözükecek. Yazıların performansını buradaki veriler yardımıyla ölçebilirsiniz.

 

Örneğin X konusu için X başlıklı yazınızı açan bir ziyaretçi eğer o konu hakkında istediği içeriği görmezse sayfada uzun süre kalmaz ve o sayfayı terkeder. Bu demek oluyor ki “Ortalama Ziyaret Sitesi” bizim için yazılarımızın performansını belirlemede önemli bir veridir.

 

Kendimden bir örnekle devam edeyim. Resimde de gördüğünüz gibi yazılarıma girildiğinde bir kaç dakika o sayfa zaman harcanmış. Ancak Blogunuzun Başarısını Nasıl Ölçersiniz? başlıklı yazımda geçirilen ortalama sürenin sadece 5 saniye olduğunu görüyorum.

 

Google Analytics Açılış Sayfaları

 

Bu veriden bahsi geçen yazının performansının düşük olduğunu ve bazı iyileştirme çalışmaları yapmam gerektiğini anlayabilirim.

 

Şimdi gelelim nasıl iyileştirmeler yapabileceğime. Yapmam gerken şey öncelikle insanların ne bulma umuduyla bu sayfayı ziyaret ettiğini anlamak. Bunun için aynı sekmedeki performansı düşük yazıya tıklıyorum. O yazıya ait veri ekranı geldiğinde ise İkincil Boyut > Trafik Kaynakları > Anahtar Kelime seçeneğini seçiyorum.

 

Google Analytics Yazıya Gelen Anahtar Kelimeler

 

Bu ekranda performansı düşük yazıma Google’da hangi kelimeleri arayarak ulaştıklarını yani yazıdan ne beklediklerini görebilirim. Böylece yazıya yeni bilgiler ekleyerek insanlara istedikleri şeyi verebilir ve sayfada geçirilen ortalama süreyi arttırabilirim.

 

Google Analytics kullanımıyla ilgili faydalı olacağını düşündüğüm uygulamaları paylaşmaya devam edeceğim. Umarım işinize yaramıştır. Bu yazıyı makaleyi faydalı bulduysanız aşağıdki butonlar yardmıyla arkadaşlarınızla paylaşın lütfen.

 

Teşekkürler.

4 Aralık 2012 Salı

İddaa Maçları Artık Canlı Yayınla Nesine.com'da

Nesine.com, Türkiye'de bir ilki gerçekleştiriyor. Nesine.com üyeleri artık kuponlarındaki İddaa maçlarını canlı olarak Nesine.com'da izleyebilecek.

Bunun için sporseverlerin tek yapması gereken, bültende takım isimlerinin yanında yer alan kırmızı TV logolu maçlardan izlemek istediklerini seçerek, kuponlarına eklemek ve maç saatini beklemek. Nesine.com üyesi olmayan sporseverler de ücretsiz üye olarak bu hizmetten yararlanmaya hemen başlayabiliyorlar.

nesine

Nesine.com'daki canlı yayın hizmeti ile İspanya La Liga, Almanya Bundesliga, İtalya Serie A, Fransa Ligue 1, Hollanda Ligi gibi çok izlenen ligler, Copa Libertadores, Copa Sudamericana gibi Güney Amerika'nın en önemli organizasyonları, Dünya Kupası Elemeleri, Fransa ve İspanya Kupa maçlarının yanı sıra basketbolda da Euroleague’in yer aldığı 50’nin üzerinde futbol ve basketbol liginin canlı izlenmesi mümkün olacak. Özellikle internet üstünde link arayan, canlı skor sitelerini takip eden, forum forum dolaşıp maç skorunu öğrenmek isteyenler için bu hizmet bizce bir devrim niteliğinde.

Nesine.com tarafından, Livestream teknolojisiyle internet üstünden yasal olarak İddaa maçlarının canlı olarak verilmesiyle, Türk sporunda yeni bir dönemin başladığını söyleyebiliriz.

Detaylı bilgiyi tv.nesine.com adresinde bulabilirsiniz.



Bir bumads advertorial içeriğidir.

3 Aralık 2012 Pazartesi

Sabit, Açılır Sosyal Butonlar

Daha önce paylaştığım Sabit Açılır Sosyal Kutular, blogcular tarafından çok kullanılan bir eklenti. Sosyal medya platformlarında görünürlüğünüzü arttırması ve şık görünümü sayesinde bu kadar çok kişi tarafından kullanıldı.

Paylaşacağım sabit açılır sosyal butonlar eklentisi de aynı mantıkla çalışıyor. Tek fark isminden de anlayacağınız üzere kutu yerine buton içeriyor olması.

Sabit Açılır Sosyal Butonlar

 

 

Eklentiyi blogunuzda kullanmak için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<script type='text/javascript'>
window.onload = function socialButtons() {
       $(&#39;.social_site&#39;).hover(function() {
           $(this).stop().animate({
               left: &#39;0px&#39;
           },
           &#39;fast&#39;)
       },
       function() {
           $(this).stop().animate({
               left: &#39;-140px&#39;
           },
           &#39;fast&#39;)
       })
   }
</script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;tr-TR&#39;}
</script>
<script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1' type='text/javascript'/>
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'/>

 

İkinci olarak ]]></b:skin> kodunu bulun ve bunun hemen üzerine aşağıdaki kodları ekleyin.

 

body .social_site {cursor: pointer;height: 64px;left: -140px;overflow: hidden;position: fixed;width: 200px;z-index: 10000;}
body .social_closed {left: -170px;}
body .social_open {left: 0;}
body .social_site .icon {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHsEWkmtXMG9eIFkZ0_nR0Pp_IIVqmyX-StbUL5rmtzCiltar_nTjwQuhHUQ2HqRrTK8ywD8pqkCl1Tt8hkvdn3sglZ4bJqoaCPK9HkMMex9CnLETCTiVubvoRQvwGVGCuwBsga9Huiw/s1600/social-sprite.png") repeat scroll 0 0 transparent;float: right;height: 64px;width: 60px;}
body .social_site .tray {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHsEWkmtXMG9eIFkZ0_nR0Pp_IIVqmyX-StbUL5rmtzCiltar_nTjwQuhHUQ2HqRrTK8ywD8pqkCl1Tt8hkvdn3sglZ4bJqoaCPK9HkMMex9CnLETCTiVubvoRQvwGVGCuwBsga9Huiw/s1600/social-sprite.png") repeat-x scroll 0 0 transparent;float: right;height: 64px;width: 140px;}
body .social_facebook {top: 205px;}
body .social_facebook .icon {background-position: 60px -74px;}
body .social_facebook .tray {background-position: -15px -74px;}
body .social_facebook .tray p {
display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_facebook .tray p a, body .social_facebook .tray p a:active, body .social_facebook .tray p a:visited {
color: #FFF;text-shadow: 1px 1px 0px #077EAB; -webkit-text-shadow: 1px 1px 0px #1F366B; -moz-text-shadow: 1px 1px 0px #1F366B;display: block;font-size: 10px;width: 100%;text-decoration:none;}
body .social_users {top: 340px;}
body .social_users .icon {background-position: 60px -6px;}
body .social_users .tray {background-position: -15px -6px;}
body .social_users .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_users .tray p a, body .social_users .tray p a:active, body .social_users .tray p a:visited {
color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;}
body .social_gplus {top: 273px;}
body .social_gplus .icon {background-position: 60px 71px;}
body .social_gplus .tray {background-position: -15px -141px;}
body .social_gplus .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_gplus .tray p a, body .social_gplus .tray p a:active, body .social_gplus .tray p a:visited {color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;}

 

Son olarak </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<div class='social_site social_users' id='social_link_users'><a><div class='icon'/></a>
<div class='tray bg_denovo'><p><a>Twitter&#39;da Takip Et</a></p>
<p id='users_online_box'><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1320542107073&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=tr&amp;link_color=&amp;screen_name=BlogHocam&amp;show_count=false&amp;show_screen_name=&amp;text_color=' style='width: 100px; height: 20px;margin-top: -15px;margin-left: 15px;' title=''/></p></div></div><div class='social_site social_facebook' id='social_link_facebook'><a><div class='icon'/></a>
<div class='tray bg_denovo'>
<p><a>Facebook&#39;ta Beğen</a></p>
<div class='fb-like' data-href='http://www.facebook.com/bloghocam' data-layout='button_count' data-send='false' data-show-faces='false' data-width='450' style='margin-left: 30px; margin-top: -20px;'/></div></div>
<div class='social_site social_gplus' id='social_link_gplus'>
<a href='#' target='_blank' title='Google+'><div class='icon'/> </a>
<div class='tray bg_denovo'>
<p><a>Google&#39;da Öner</a></p><p id='g_plus_box' style='margin-top: -10px;margin-left: 12px;'><g:plusone/></p></div></div>

 

Değiştirmeniz gereken yerleri kırmızı renkle gösterdim. BlogHocam yazan yere kendi Twitter kullanıcı adınızı, http://www.facebook.com/bloghocam yazan yere ise kendi Facebook sayfanızın adresini yazın.