31 Temmuz 2012 Salı


Ο τυφώνας Σαόλα πλησιάζει τις βόρειες περιοχές της Ταϊβάν. 


Στην Α.Τ.Ε. να δεις


30 Temmuz 2012 Pazartesi

Pinterest “Pin It” Butonu

Bazılarına göre Pinterest balonu sönmüş gibi durabilir ama ben, kendim kullanmasam da Pintrerest’in sağlam bir kullanıcı kitlesi olduğunu gözlemliyorum.Önümüzdeki bir kaç gün içinde sosyal paylaşım butonlarım arasına Pin It butonuna ekleyeceğim ama bu kez bir deişiklik yapıp kullanmaya başlamadan önce paylaşayım dedim.

 

Pin It Butonu

 

Öncelikle kodu nereye ekleyeceğinizden bahsedeyim.Ben sosyal paylaşım butonlarını yazının sonuna yerleşirmenin daha doğru olduğunu düşündüğüm için size de şablonunuzdaki <div class='post-footer'> kodunun hemen altına eklemenizi öneririm.Eklemeniz gereken kodlar ise şunlar:

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>
</b:if>

 

Buton kayıt sayfasının içine girdiğinide gözükecektir.Butona basınca eğer yazıda bir görsel varsa o görsel otomatik olarak tanınacak ve pinterest hesabınızla bağlantı kurularak seçmiş olduğunuz bir panoya pinlenecektir.

27 Temmuz 2012 Cuma

Tüm Zamanların En Özellikli Blogger Teması

Bu güne kadar gördüğünüz en orjinal Blogger temasıyla tanışmaya hazır mısınız? Giriş cümlesi size çok iddialı gelmiş olabililr ama temayı test edip özelliklerini görünce bana hak vereceksiniz.

 

Aslında premium olan bu tema ilk kodlandığında yanlış hatırlamıyorsam $20 civarında bir fiyata satılıyordu.Sonra ne oldu bilmiyorum temanın yapımcısı ücretsiz dağıtmaya karar verdi.İşte bu temanın özellikleri:

  • ThumbCropper: Bildiğiniz gibi normal temalarda ana sayfada yazıya ait resmin thumbnail şeklinde küçültülmüş haki gözükür.Bu temada kullanılan ThumbCropper aracı sayesinde yazının içerisindeki resim kırpılarak ana sayfada gözükür.
  • Sonsuz Scroll: Twitter2da ve bazı sitelerde sayfanın altında daha fazla diye bir buton yer alır ve o butona tıkladığınızda sayfaya yeni öğeler eklenerek saşağı doğru ayar.İşte bu temada da ileri-geri veya numaralı sayfa geçişleri yerine bu özellik kullanılmış.
  • 2 Renk Seçeneği: Temayı indirdiğinizde zip dosyasının içinde açık ve koyu renk seçenekleri için 2 adet .xml dosyası bulacaksınız.Eğer beyaz versiyonunu tercih etmiyorsanız gri versiyonunu da kullanabilirsiniz.
  • Tarayıcı uyumluluğu: Temalarda yaşanan en büyük sorulardan biridir farklı tarayıcılarda düzgün çalışmaması.Bu tema tarayıcı uyumlu olduğu için tüm tarayıcılarda sorunsuz çalışmaktadır.

 

 

Premium Galeri Teması

 

         

 

Demosuna da baktıysanız bu temayı neden bu kadar övdüğümü anlamışsınızdır.Fotoğraf ağırlıklı blog yazanlar veya blogunu portföy gibi kullananlar için bu şiddetle tavsiye ediyorum bu temayı.Gördüüm tek zayıf tarafı ise sanırım yorum bölümü.

25 Temmuz 2012 Çarşamba

Blog Yazıları İçin Sosyal Paylaşım Kutuları

Burada paylaşacağım eklentide Twitter, Facebook ve Google’a ait paylaşım düğmelerini CSS srprite özelliğinden faydalanarak ayrı ayrı kutulara koyarak blog yazılarımızın sonuna yerleştireceğiz.Oldukça şık ve dikkat çekici olduğunu düşündüğüm bu sosyal paylaşım kutularını yazılarınızın sosyal medyada paylaşım sayısını arttıracaktır.

 

Blog Yazıları İçin Sosyal Paylaşım Kutuları

 

Eklentiyi blogunuza eklemek için şablonunuzdan  <div class='post-footer'> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIFxPnGks-fHbyBf5FbeNkghYnU77B471XE8b2r2xkDrj1bIFcrCfYw-xMP44JLO_XlnD1iLDaeUfiPpUsejFDJnBUFEMYki25I9dUau67QTME4KiMzn36xngQqFVb-qBdWLGywdGSNs/s516/paylas.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;}
.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;}
.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;}
.promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
</b:if>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='helperblogger' href='https://twitter.com/share'>Tweet</a>
<script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = &quot;//platform.twitter.com/widgets.js&quot;;
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
           
</script></div>
<div class='promote_facebook'>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
                        (function (d) {
                            var js, id = &#39;facebook-jssdk&#39;;
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement(&#39;script&#39;);
                            js.id = id;
                            js.async = true;
                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
                            d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
                        }(document));
                   
</script>
</b:if></div>
</div>
<div class='promote_google'>
<g:plusone annotation='none' size='medium'/>
<script type='text/javascript'>
                (function () {
                    var po = document.createElement(&#39;script&#39;);
                    po.type = &#39;text/javascript&#39;;
                    po.async = true;
                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
                    var s = document.getElementsByTagName(&#39;script&#39;)[0];
                    s.parentNode.insertBefore(po, s);
                })();
           
</script></div>
</div>

 

Alternatif sosyal paylaşım butonları için şu yazılarıma göz atabilirsiniz:

23 Temmuz 2012 Pazartesi

Blog Yazmanın Bana Kazandırdıkları

Aslında blog yazmanın insanlara kazandırdıkları ile ilgili bir yazı yazmayı planlamış ve taslağı oluşturmuştum.Sonra o taslağı karşıma alıp acaba Blog Hocam bana ne kazandırdı diye sordum kendime.Hazırladığım taslağı çöpe atarak bu başlığı attım ve sadece Blog Hocam’ı göz önünde bulundurarak Blog Hocam’ın bana kazandırdıklarını yazmanın daha keyifli ve ilgi çekici olduğuna karar verdim.

 

Blog Yazmanın Bana Kazandırdıkları

 

Zaman Yönetimi

 

Blog Hocam’ı ilk yazmayama başladığımda aklıma estikçe yazarım diye düşünmüştüm ama yazılara olan ilgiyle beraber beklenti arttıkça ben de motive olmaya ve beklentileri karşılamak adına daha sık yazmaya başladım.Yazılarla beraber gelen yorumların ve mesajların da sayısı artınca ciddi bir planlama yamaya başladım.Ne işimden ne de sosyal hayatımdan ödün vermeden blogumla ilgilenebilmek için zamanı doğru yönetmeyi ve doğru kullanmayı öğrendim sanırım.

 

Yeni Arkadaşlar

 

Blog Hocam sayesinde yüz yüze olmasa da her yaştan onlarca kişiyle sohbet etme ve tanışma imkanı buldum.Bazen  misafir yazarlık, bazen sosyal medya, bazen de iletişim formu buna vesile oldu.İyi niyetli olduğunu düşündüğüm herkese elimden geldiğince hızlı ve samimi cevap vermeye çalıştım ve bu sayede bir çok yeni arkadaşım oldu.

 

Kariyer Fırsatları

 

Bu ara başlık size komik gelebilir ama gerçekten 2-3 tane ciddi iş teklifi aldım Blog Hocam sayesinde.Eğer öğrenci olsaydım bu teklifleri değerlendirip kariyerimi çok farklı doğrultulara yönlendirebilirdim ama sorumluluklarım ve başında olduğum işim bana yeni maceralara atılma şansı vermediği için heyecanlanmama rağmen bu teklifleri reddetmek zorunda kaldım.

 

Tanınırlık

 

Blog Hocam sayesinde blogcular arasında az da olsa tanınan biri haline geldim.Forumlarda ve bazı bloglarda ismimin geçtiğini görüyorum.Bazıları benim temamdan bahsediyor, bazıları yazılarımdan.En sık rastladığım şey ise bir problemin altına yazılan “Serdar Kara (ya da Blog Hocam) sana yardımcı olur” mesajı.Bu sekilde referansla beni bulan ve e-posta ile soru soranların sayısı oldukça fazla.

 

Yeni Bilgiler

 

İlk yazılarımı okuduğumda da farkedeceksiniz Blog Hocam’a başlarken niyetim profesyonel blogculuk hakkına temel bilgiler vermekti.Ancak okuyucuların talepleri ve beklentileri blog yazarlığının yanında Blogger ile ilgili yazılar yazmaya itti beni.İlk zamanlarda Blogger konusunda aşırı bir bilgim yoktu ancak zamanla araştırdım ve öğrendim.Öğrendikçe de yazdım.Şimdi yapabildiklerime bakıyorum da epey yol katetmişim.

 

Söz Sizde

Eminim blog yazmak size de çok şey katmış ve kazandırmıştır.Bunları benimle ve diğer okuyucularla paytlaşırsanız çok sevinirim.