4 Nisan 2012 Çarşamba

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget eklediğini farkettim.Neler mi?

 

+1 Düğmesi

 

+1 Düğmesi

 

Ziyaretçilerin, içeriğinizi Google Arama'da önermesine ve Google+'da paylaşmasına izin vermelerini sağlayan buton.

 

Google+ Rozeti

 

Google+ Rozeti

 

Ziyaretçilerinizin Google+ profilinize veya blogunuz için oluşturduğunuz Google+ sayfanıza ulaşarak sizi çevrelerine eklemelerini sağlayan rozet.

 

Bunlar yeni özellikler değil ama çoğu blogcu bu butonları bloguna elerken kodlarda yaptığı hatalar nedeniyle sıkıntı yaşayabiliyordu.Bu ayede herkes +1 düğmesini ve Google+ rozetini zahmetsizcer bloguna ekleyebilecek.

3 Sütunlu Türkçe Blogger Teması: WP-OpenCart

Bu güne kadar hiç 3 sütunlu bir Blogger teması paylaşmamıştım.Neden bilmiyorum ama 3 sütunlu blog temalarına bir türlü ısınamadım.İlk defa beğendiğim ve paylaşmaya değer gördüğüm 3 sütunlu bir Blogger teması ile karşılaştım.Temanın ismi WP-OpenCart ve Wordpress ‘ten Blogger’a çevrilmiş bir tema.

 

3 sütunlu bir tema olarak test bloguma yüklediğimde aynı zamanda 2 sütunlu olarak kullanılabildiğini de farkettim.Sidebarlardan birini boş bıraktığınızda tema otomatik olarak 2 sütunlu bir temaya dönüşünüyor.Hem de hizalama ve yerleşim sorunu yaşamadan.Yorum bölümünde yorum yanıtlama seçeneğinin de aktif olduğunu ve sorunsuz çalıştığını hatırlattıktan sonra sizi temanın demousu izlemeye davet ediyorum…

 

WP-OpenCart Blogger Template

            

 

Temanın demo sitesi ingilizce ve orjinalidir.Ancak indirdiğinizde zip klasörünün içinden türkçe hali çıkacaktır.Bir kaç küçük değişklik yapıp temayı türkçe olarak upload ettim.O yüzden demonun inglizce olması sizi yanıltmasın :)

 

Temada düzenlemeniz gereken tek yer yatay menü.Yatay menüyü ister açılır, ister normal yatay menü olarak kullanabiliriz.Şablonda menüye ait kodları şunlardır:

 

<div class='menu'>
                <ul>
                  <li class='page_item'><a href='#' title='Menu #1'>Menu #1</a></li>
                  <li class='page_item'><a href='#' title='Menu #2'>Menu #2</a></li>
                  <!-- begin example drop down menu -->
                  <li class='page_item'><a href='#' title='Menu #3'>Menu #3</a>
                    <ul class='children'>
                      <li class='page_item'><a href='#' title='Sub Menu #1'>Sub Menu #1</a></li>
                      <li class='page_item'><a href='#' title='Sub Menu #2'>Sub Menu #2</a></li>
                    </ul>
                  </li>
                  <!-- end example drop down menu -->
                  <li class='page_item'><a href='#' title='Menu #4'>Menu #4</a></li>
                </ul>
              </div>

 

Arama kutusunun üzerindeki HomeAbout Contact yazan yerlerde oluşturduğunuz statik sayfalar otomatik olarak gözükecektir.Orada Sayfalar gadgetı ekli.Her hangi bir değişikliğe gerek yok.

 

Son olarak paylaşttığım diğer Blogger temalarına ve Blogger temalarının nasıl yükleneceğini bilmeyenler için hazırladığım yazıya bakmanızı öneriyorum.

2 Nisan 2012 Pazartesi

Sony Handycam'le Her Yüzey Bir Sinema Perdesine Dönüşüyor!

Projeksiyon özelliği sayesinde Sony Handycam, klasik kameraların işleyişine yepyeni bir bakış açısı getiriyor. Yaşadığınız anları, istediğiniz yerde tekrar tekrar izleyebileceğiniz ölümsüz anılara dönüştürüyor!

Teknoloji dünyasına getirdiği yeniliklerle sık sık adından söz ettiren Sony, yeni kamerası ile bir kez daha gündeme oturuyor. Projeksiyon özelliğine sahip olan Sony Handycam, sadece bir kamera olmaktan öteye geçiyor. Kaydettiğiniz videoları dilediğiniz yüzeye yansıtmanızı ve istediğiniz zaman istediğiniz yerde izlemenizi sağlıyor. Böylece hem anılarınızı ölümsüzleştirebiliyor hem de onları sevdiklerinize de izleterek paylaşabiliyorsunuz.



Kısacası; dünyanın ilk projeksiyonlu kamerası olan Sony Handycam, çevrenizdeki her yüzeyi bir sinema perdesine dönüştürüyor.

Bir bumads advertorial içeriğidir.

Kişisel İnfografikler Oluşturabileceğiniz Araçlar

Bazen 100 kelime ile anlatabileceğiniz şeyi sadece 1 resim kullanarak ta anlatabilirsiniz.İşte bu mantıkla doğan infografikler dijital dünyada giderek yaygınlaşmaya ve sıkça karşımıza çıkmaya başladı.Peki nedir bu infografikler? Ne işe yaralar? Nasıl oluşturulurlar.Bu yazıda infografikler konusunda biraz bilgi vereceğim.

 

İnfografik Nedir?

 

Adından da anlayacağınız gibi infografik ( info + grafik ) her hangi bir istatiki veri, karşılaştırma, anket sonucu, raporlama gibi bilgilerin görsel öğelerle desteklenerek anlatılmasıdır.

 

İnfografik Ne İşe Yarar?

 

İnfografikler dikkat çekici oldukları için anlatılmak istenen şeyin etkili bir şekilde anlatılmasını sağlarlar.Akılda kalıcı ve kolay anlaşılabilir olmaları da infografiklerin önemli avantajlarıdır.

 

İnfografiklerin blogcular için önemli bir avantajı da trafik sağlamalarıdır.İnsanlar görsel öğeleri sosyal medyada paylaşmayı çok severler.Eğer başarılı ve ilgi çekici bir infografik oluşturabilirseniz infografiğin bir köşesine yerleştireceğiniz blog adresiniz çok sayıda kişiye ulaşacak ve bu da size trafik olarak geri dönecektir.

 

İnfografik Örnekleri

 

G İnfografik 24saat BKM_infografik_27.02.2012 twitter-2012

 

 

 

İnfografik Nasıl Yapılır?

 

İnfografik hazırlamadan önce biraz teorik bilgi vermekte fayda var.İnfografik oluşturmak birkaç bilgi yazıp etrafını rastgele grafiklerle süslemek değildir.Verdiğiniz bilgilerin sıralaması, renkler, fontlar, kullanılan grafikler birbirleriyle alakalı ve tutarlı olmalıdır.Amaç anlatılmak istenen şeyin daha kolay anlaşılmasını sağlamak olduğu için bilgi – grafik oranına dikkat etmelisiniz.

 

İşin teknik kısmına geçecek olursak profesyonel infografikler Photoshop, Illustrator, Indesign gibi profesyonel programlar kullanılarak oluşturulabilir ancak bu programları kullanmayı bilmiyorsanız ve kişisel, amatör infografikler oluşturacaksanız şu çevrimiçi araçları kullanarak kolayca oluşturabilirsiniz.

 

1. Vizify TweetSheet

 

Vizify TweetSheet

 

Bu araç ile Twitter hesabınıza ait harika bir infografik hazırlayabiliriz.Yapmanız gereken tek şey Twitter kullanıcı adınızı yazmak.Vizify TweetSheet hesabınızı analiz edecek ve aylara göre Twitter kullanımınız, en çok RT edilen tweetleriniz, en iyi takipçileriniz, yoğunlukla bahsettiğiniz konular gibi verileri grafiklerle destekleyerek sizin için oldukça profesyonel bir infografik oluşturacaktır. [ http://vizify.com/tweetsheet/ ]

 

2.Vizualize.me

 

Vizualize.me

 

Oldukça detaylı bir kişisel infografik aracı.Profil bilgileri , iş hayatı, eğitim hayatı, yetenekler, ilgi alanları, yabancı diller, başarılar gibi verleri girdikten sonra karşınızda profesyonel infografiklerden hiç bir farklı olmayan kişisel infografiğinizi bulacaksınız. [ http://vizualize.me ]

 

3. Re.vu

 

Re.vu

 

Kişisel bilgilerinizi, linklerinizi, sosyal medya profillerinizi, iş geçmişinizi, eğitim bilgileriniz, portföyünüzü yazdıktan sonra hazır temalardan birini seçerek infografiğinizi oluşturabiliyorsunuz.Klasik bilgilerin dışında kendi özel verilerinizi grafiklerle destekleyerek infografiğe ekleme imkanınız da var.Yerleşimi ise sürükleme yaparak gerçekleştitrebilirsiniz.Tüm bu özellikleriyle dört dörtlük bir infografik aracı diyebilirim. [ http://re.vu/ ]

 

4. Kinzaa

 

Kinzaa

 

Diğer araçlarda olduğu gibi profil, şi, eğitim, karakteristik özellikler, yetenekler gibi bilgileri giriyorsunuz ve infografiğiniz anında oluşturuluyor.Kullanımı kolay arayüzü ve detaylı veri girilebilmesi bu aracın güzel özellikleri. [ http://kinzaa.com ]

31 Mart 2012 Cumartesi

Açılan Kalp Şeklinde Sosyal Paylaşım Butonları

Şu ana kadar gördüklerinizden çok farklı bir sosyal paylaşım butonu eklentisine hazırmısınız? Görsel açıdan oldukça orijinal olan bu eklentinin özellikleri şöyle:

 

Orijinal Efektli Sosyal Paylaşım Butonları

 

Blounuzda belirlediğiniz pozisyonda sabit, asılı kalan bir kalp ikonu var.Kalbin üzerine geldiğinizde güzel bir slide efektyle ikiye ayrılıyor ve içinden sosyal paylaşım butonları.O an blogunuzda hangi sayfa açıksa, bu butonlar ile içinde bulunduğuuz sayfayı sosyal medya paylaabiliyorsunuz.Aşağıdaki video size bu eklentiyi daha iyi açıklayacaktır.

 

 

Bu eklentiy blogunuza eklemek için öncelikle aşağıdaki kodu şablonunuzun </head> kodundan önce ekleyin.

 

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

 

İkinci olarak ise aşağıdaki kodları şablonunuzun </body> kodundan önce ekleyin.

 

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

 

Kodlarda hiç bir değişiklik yapmannıza gerek yok.