10 Mart 2014 Pazartesi

YouTube Video Yayın Akışı Eklentisi

Blogunuza/Websitenize YouTube Video Yayın Akışı Eklentisi

Biliyorsunuzki YouTube Şubat 2005'te kurulan ve milyarlarca kullanıcının orijinal olarak oluşturulmuş videoları keşfetmesine, izlemesine ve paylaşmasına olanak vermektedir. Bu yazıda Yotube videolarınızı küçük parçalar (snippet) halinde sidebarınızda nasıl yayınlayacağınızı gösterecem. Bu eklenti Jake Handling tarafından geliştirilmiştir. Web sitenizde bir widget yaratan yeni bir "Yunero" jQuery eklentisidir. Sadece Youtube kanal URL'sini belirtin ve bu widget kanaldan son yüklenenler videolarınızı gösterecektir. Ayrıca youtube çalma listenizin URL'sini belirtebilirsiniz ve video çalma listeniz ekrana gelecek. Videoya tıklandığında eklentinin kendi içinde hemen üst tarafta izlenilebilir özelliği var. Bu eklentiyi wesitenizde/blogunuzda kullanarak izleyicilerinizi/abonelerinizi arttırabilirsiniz.

Blogunuza / Websitenize YouTube Video Yayın Akışı Eklentisini Ekleme


1. Aşağıda gösterildiği gibi Youtube Kanalı veya Oynatma Listesi yazan yere youtube kanal URL'nizi yada Oynatma Listesi URL'nizi girin.
Örnek: (http://www.youtube.com/user/Meftun48) yada
(http://www.youtube.com/playlist?list=UUQY8ropVDUm_5w5XmqHnIgMQ-M) gibi...
2. Oluştur ve Önizleme'yi tıklayın.
3. Son olarak Blogger'a Ekle'yi tıklayın yada Aşağıdaki Oluşturulmuş Kodu kopyalayıp yapıştırın.

YouTube Video Yayın Akışı Eklentisi Widget Oluşturucu

YouTube Widget Oluşturucu yardımıyla kolayca blogunuza veya web sitenize YouTube Video Akışını gösterilmesini sağlayabilirsiniz.


Not: Widget Oluşturucuyu Kullanmadan Önce Blogger hesabınıza giriş yapın. Şimdi Blogunuzu kontrol edin. Eklentiniz hazır.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Optimizasyon Değil, Hümanizasyon

Blog dünyası SEO, para kazanma, dijital pazarlama, pagerank, backlink gibi kavramlarla tanışmaya başladıktan sonra boyut değiştirdi bence. Anahtar kelime ve SEO kaygısıyla yazılan blog yazılarını okuduğunuzda sanki insanlar için değil de robotlar için yazıldığı hissine kapılıyorsunuz.  Artık kişisel bloglar bile “kişisel” olmaktan çıktı. Samimiyetten uzak, sırf ziyaretçi çekmeye yönelik içeriklerle dolmaya başladı.

Öyle ki tek bir kişinin yazdığı blogu okuduğunuzda “bizi takip edin, bize ulaşın, bize reklam verin, yorumlarınızı bekliyoruz” gibi ibareler yer alıyor. “Siz” kimsiniz?  Herkes biliyor ki o yazıyı “sen” yazıyorsun. Bu da işin ayrı bir boyutu.

Arama motoru optimizasyonu hakkında hem burada, hem de diğer sitelerde pek çok kaynak var, olmaya da devam edecek. Ancak söz konusu bloglar olunca markaların ve reklamverenlerin beklentileri farklı oluyor. “Engagement” dediğimiz okuyucuyla kurulan bağ ve etkileşimin gücü önem kazanıyor. İşte burada yüzlerce, binlerce lira harcanan optimizasyon tekniklerinin hiç bir önemi kalmıyor. Devreye ilişki kurmaya ve samimiyet dayalı bir kavram olan hümanizasyon giriyor.

humanize
Blog Hümanizasyonu Nedir?

Blogunuzu nasıl arama motorları için optimize ediyorsanız, insalar için de hümamize etmeli yani insancıllaştırmalısınız. Bazılarınıza saçma gelebilir ama başarılı blogların ve blog yazarlarının başarılarının altında yatan en büyük sırlardan biri budur.

Gelelim blogunuzu insancıllaştırmak için neler yapabileceğinize.

- Yorumları Yanıtlayın

Okuyucuyla en iyi iletişim kurabileceğiniz yer yorum bölümü. Yorum bölümünün yönetimine dikkat etmenizi öneririm. Spam ve reklam yorumları silip seviyeyi korumak, okuyucuyu yorum yazmaya teşvik edebilir. Yorumlara samimi bir dille cevap vermeli ve yazacağınız cevapla tatmin etmelisiniz.

- Erişilebilir Olun

”Hakkımda” sayfanıza ve blogunuzun muhtelif yerlerine profil resminizi, e-mail adresinizi, sosyal medya hesaplarınızı koymanız, samimiyet ve iletişim açısından çok önemlidir.  “Ben buyum, buralardayım, bana istediğin zaman ulaşabilirsin” mesajını vermiş olursunuz.

- Konversiyonal Bir Dil Kullanın

Yazılarınızda, yorumlarınızda, mesajlarınızda, kısacası okuycuyla iletişim kurduğunuz her platformda samimi, konuşkan, diyalog kurarcasına bir dil kullanın. Okuyucuya karşılıklı konuşuyormuş hissini vermelisiniz. Tabi laubaliliğe kaçmamak şartıyla.

- Hikaye Katın

Teknoloji, sanat, bilim, pazarlama, işletme vs. yazınızın konusu ne olursa mutlaka kendinizden ekleyeceğiniz bir şeyler vardır. Teknik bir bilgi paylaşırken bile o bilgiyle alakalı hayatanızdan küçük bir anekdot eklemek yazıyı özgün kılacağı gibi blogunuzu hümanize edecektir. Hatta son zamanlarda pazarlama dünyasına giren  “storytelling” kavramı en etkili satış & pazarlama stratejilerinden biri olarak görülüyor.

- Google Authorship’e Geçiş Yapın
 
Google Authorship’e geçiş yaptıktan sonra, arama sonuçlarında çıkan yazılarınızda o yazının tarafınızca yazıldığı belirtilecek ve profil resminiz gözükücektir. Google Authorship arama sonuçlarına arasında dikkat çekerek tıklanma oranını arttıracağı gibi blogunuzun hümanizasyonuna da katkı sağlayacaktır.

Not: Hümanizmi hepimiz biliyoruz fakat hümanizasyon kelimesi tamamen benim uydurmam. Literatürde böyle bir kavram var mı yok mu gerçekten bilmiyorum :)

7 Mart 2014 Cuma

Blog Yazılarının Altına Yazar Bilgi Kutusu

Blog Yazılarının Altına Yazar Bilgi Kutusu

Blogunuzda, yazılarınızın/yayınlarınızın hemen altında, sizi yada blogunuzu tanıtan bir eklenti istermisiniz? Yazar bilgi kutusu, her blog yazısının sonunda yer alan ve yazarla ilgi kısa bilgiler ile iletişim bilgilerini içeren bir kutudur. Yazar hakkında eklentisi sayesinde kendiniz hakkında bilgi verebilir, ne ile uğraştığınızı, ilgi alanlarınızı vs. kendinizi ziyaretçilerinize kısaca tanıtabilirsiniz. Sade ve kullanışlı bu kolay eklenti sayesinde blogunuzda yazılarınızın altında kendi tanıtımınız ve resminizi ekleyebilirsiniz. Her renge ve boyuta ayarlanabilen bu eklenti kesinlikle çok işinize yarayacaktır.

  • 4 Sosyal Ağ bağlantısı
  • Uyumlu ve Esnek tasarım
  • Yazar fotoğraflı
  • Kısa Biyografi Özeti
  • Özelleştirilebilir
  • Uygulaması Kolay



1. Blogger panelinize giriş yapın Şablon HTML'yi Düzenle
2. Ctrl+F yardımı ile <b:includable id='post' var='post'> kodunu aratıp bulun.
includable post

Ve Genişletin ().
post includable

Resimde görüldügü gibi post alanı </b:includable> ile bitiyor.
hemen üstüne aşağıdaki kodları kendinize göre düzenleyip, kopyalayıp yapıştırın.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="yazar-hakkinda">
<h3 class="kutubasligi">YAZAR HAKKINDA</h3>
<div class="yazarkutusu">
<div class="yazarsosyal">
<li><a class="fb" href="https://www.facebook.com/meftunmede.blogger" rel="nofollow"></a></li>
<li><a class="twitter" href="https://twitter.com/MeftunMEDE" rel="nofollow"></a></li>
<li><a class="google" href="https://plus.google.com/113884753756003696845" rel="author"></a></li>
<li><a class="in" href="http://linkedin.com/in/meftunmede" rel="nofollow"></a></li>
</div>
<div class="yazarinfo">
<img src="http://Profil-Resminiz.jpg" alt="Author"/>
<p>Yazar Hakkında kısa bilgi...<a href="http://meftunmede.blogspot.com">Devamını Oku</a></p>
</div>
</div>
</div>
</b:if>

Yukarıdaki kırmızı ile belirttiğim alanları kendinize göre düzenlemeyi unutmayın!

3. Şimdi CSS kodunu ekleyerek yazar kutusuna stil verelim. Tekrar ]]></b:skin>  kodunu aratıp bulun ve hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.
.yazar-hakkinda{width:100%;}
.yazarkutusu{overflow:hidden;background:#26292c;color:#ccc;padding:0;box-shadow:1px 3px 4px #bcbcbc;}
.yazarkutusu .yazarinfo{color:#ccc;}
.yazarkutusu .yazarsosyal{float:left;}
.yazarkutusu .yazarsosyal li{list-style:none;position:relative;margin:0;}
.yazarkutusu .yazarsosyal li a{width:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV73ubASsgbdopbVn2nkNjQSVaGvrS1rz-3wqr_2as4Up5wT0cT0ZXt43y3d29c6gHp30vv9Hu4H41Mf6KEsu-g6oAeIOX85Jm1X3Zgkps-rHj_yk4FJpSOKZREb-fIwzuVx8ZvVj9MZk/s1600/yazarkutusu_social_logo.png);height:32px;margin:0;}
.yazarkutusu .yazarinfo img{float:left;border-radius:100%;width:17%;background:#fff;margin:4px 10px 4px 5px;padding:5px;}
.yazarkutusu .yazarinfo p{font-size:18px;line-height:25px!important;font:15px georgia, Arial;text-align:left;margin:0;padding:5px;}
.yazarinfo p a{text-decoration:none;color:#1BC3F8;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;padding:2px 4px;}
.yazarinfo p a:hover{background:#2882b7;color:#fff;}
h3.kutubasligi{background:#26292c;color:#fff;text-align:center;width:25%;font:17px georgia, Arial;margin:0 auto;padding:2px 10px;}
.yazarkutusu .yazarsosyal li .fb{background-position:0 0;}
.yazarkutusu .yazarsosyal li .twitter{background-position:0 -32px;}
.yazarkutusu .yazarsosyal li .google{background-position:0 -64px;}
.yazarkutusu .yazarsosyal li .in{background-position:0 -96px;}
.yazarkutusu .yazarsosyal li .in:hover{background-position:-32px -96px;}
.yazarkutusu .yazarsosyal li .google:hover{background-position:-32px -64px;}
.yazarkutusu .yazarsosyal li .twitter:hover{background-position:-32px -32px;}
.yazarkutusu .yazarsosyal li .fb:hover{background-position:-32px 0;}
.yazarkutusu:hover img{background:#1BC3F8;}
.yazarkutusu .yazarinfo img,.yazarkutusu .yazarsosyal li a{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
4. Şablonu Kaydet diyip çıkıyoruz.
Not: Bu eklenti tek yazarlı bloglar içindir.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Algı Yönetiminin Blogger'a Şok Etkisi

Bu yazı, Çerezlerim Blog’un sahibi Muhammed Özer tarafından Blog Hocam için yazıılmıştır.

 

Sizlere bugün bu yazımda çok daha spesifik bir konu olan "Algı yönetimi" ve algılama yönetimi olarak da adlandirilabilen bu kavramın, blogculuk ve blogger dünyasında nasıl bir etki bıraktığını örnekler eşliğinde izah etmeye çalışacağım. Sürç-ü lisan edersem affola.

 

Algı Yönetimi Neyi İfade Etmektedir?

Bugün Google’a algı yönetimi yazdığımızda 532.000 sonuç çıkabilmektedir. Pek duyulmamış olan, ancak çok önemli olduğu, arama motorlarında dahi böylesine fazla oranda sayısal değerlerle yanıtlanması ile örneklenebilen bu kavramın ne anlama geldiğini özellikle öğrenmemiz gerektiğini düşünüyorum.

Algı yönetimini; çeşitli yolları kullanarak, gerçek olguları yansıtma, gerçeği gizleme ve çarpıtma, psikolojik eylemleri yönetme gibi unsurların bileşkesi olarak tanımlıyor kavramın kaşifi Amerika Birleşik Devletleri Savunma Bakanlığı.

bilinçaltı

Algı Yönetimine Etkiyen Alanlar

Algılama yönetimi, aslen başta siyaset olmak üzere psikoloji, sosyoloji, felsefe, mantık ve teknoloji gibi pek çok bilim alanında kullanılıyor olsa da ben bugün sizlere bu kavramın, "İletişim" olgusuyla bağlantısı üzerine yazacağım.

Algı yönetimi, iletişimi yönetmektir arkadaşlar aslında. İletişim kavramına kısaca değinmek gerekirse, sözlü veya yazılı suretle insanlar arası ilişkilerde var olan bir gerçeklik olarak tanımlayabilirim. İletişimi yönetebilen, karşılıklı bilgi alışverişinde veya tek taraflı bilgi aktarımlarında mutlak kontrolü elinde bulundurabilen birey, karşısındaki kişi ya da kişilere üstünlüğünü hissettirebilmiş, yönlendirebilme özelliğine sahip, algı yönetimini uygulayabilen insan demektir.

Blogculuk ve Blog Yönetimine Yansımaları

Gelelim algı yönetiminin, blogculuk ve blog yönetimine olan etkisi ve blogger dünyası  üzerindeki izlenimlerine arkadaşlar. Nedir bu algı yönetimi ile blogger arasındaki ilişki?

Daha önce de belirttiğim gibi algı yönetimi; iletişimi, yani insanlar arası ilişkileri yönetmek idi. Bu da blog yönetimi ile doğrudan ilişkilidir. Blog dünyasında yayımcılık yapan, içeriklerini paylaşan blogger'larımız da ister istemez diğer insanların, okurların, ziyaretçilerin algısını yönetebilmektedirler. Yazılan makalelerin, okurlar üzerinde kesin olmamak kaydıyla, o içerik kapsamındaki ana fikre bir kayma ve yönlendirme gibi özellikleri olduğu muhakkaktır.

Ben, içerik paylaşımcısı olarak blogumda bir makale yayınladığında, eğer o konu sizin üzerinizde bir etki bırakmanın yanında, sizi o hususlarda yönlendirebiliyor ve fikirlerinizi, düşüncelerinizi bir nebze olsun şekillendirebiliyorsam, işte o an algınızı yönetebiliyorum demektir. Bu durum, yalnızca blogculuk dünyasında geçerli olmamakla birlikte, teknolojinin ve internet dünyasının neredeyse tüm safhasında, her bir adımında algılama yönetimi olarak kendini bariz olarak hissettirebilmekte ve görüşleri etkileyebilmektedir.

Son Söz

Biz blogger'lar olarak -ki kendimi henüz sizler kadar profesyonel addetmiyorum- paylaşımlarımızı sunduğumuz okurlarımıza, içeriksel olarak algılarını yönettiğimiz eylemlerimizi, olumlu veya olumsuz gerçekleştirirken, kesinlikle saygı ve insani kurallar çerçevesinde icraata dökmeliyiz diye düşünüyorum.

Sizin, algı yönetimi ve blog dünyası arasındaki ilişkiyi betimleyen yorumlarınız varsa memnuniyetle beklerim. Teşekkürler.

Faydalanılan kaynak: http://www.caginpolisi.com.tr/eski_sitemiz/116/33-34-35-36-37-38-39-40.htm

 

Yazar Hakkında: Muhammed ÖZER, 1985 Ankara doğumluyum. Bilişim teknolojileri dünyasında iki buçuk yılı aşkın bir süredir faaliyet gösteriyorum, blogculuk alanına ise yaklaşık iki buçuk aydır aşinayım. Teknoloji ve blogger konuları ağırlıklı olmak üzere, kişisel içeriklerimin yanında yaşamdan çeşitli kesitleri blogumda siz değerli okuyucularım ile paylaşıyorum.

Blog Adresim: http://www.cerezlerim.com/

Facebook: https://www.facebook.com/cerezlerim

5 Mart 2014 Çarşamba

Linklerinize CSS3 ile Gökkuşağı Renk Efekti

CSS3 Animasyon ile Gökkuşağı Renk Efekti

Link, Türkçe anlam olarak İlişim ya da Bağlantı demektir. İnternet sayfalarında hypertext kullanılarak kullanıcının başka bir web sayfasına ya da uygulamaya yönlenmesini sağlayan bir bağlantıdır. Bu bağlanan web sayfaları aynı websitesi üzerinde olabileceği gibi başka bir websitesinde yani başka bir adreste de olabilir. İnternette dolaşmayı bu linkleri kullanarak yapıyoruz. Genelde sitelerde Linkler renkleri mavi ve altı çizili olarak görünür. Aşağıda vereceğim CSS3 animasyon kodları sayesinde linklerinizin üzerine gelindiğinde gökkuşağı gibi çesitli renklere dönüşecek. Tüm tarayıcılarda uyumlu, olan bu eklenti sitenize renk katacak. CSS3 Animasyon ile Hover Bağlantı Gökkuşağı Renk Efekti sitenizde büyük yer kaplamaz ve sitenize girenler üzerinde hoş bir etki yaratır.

Gökkuşağı Renk Efekti


Blogger için Hover Bağlantı Rengi Ekleme


  • Blogger panelinize giriş yapın
  • Şablon HTML'yi Düzenle
  • Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp bulun.
  • Ve hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.

@keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-o-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-ms-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-moz-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-webkit-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
a:hover{
animation:MEFhovergokkusagi 4s infinite; /* Standart */
-o-animation:MEFhovergokkusagi 4s infinite; /* Opera */
-ms-animation:MEFhovergokkusagi 4s infinite; /* IE */
-moz-animation:MEFhovergokkusagi 4s infinite; /* Firefox */
-webkit-animation:MEFhovergokkusagi 4s infinite; /* Safari ve Chrome */
}

  • Şablonu Kaydet diyip çıkıyoruz. Bu kadar.

Hover Metin Link Gökkuşağı Etkisi için CSS3 animasyonu kullanır:

  • CSS3 animasyonunu Tüm tarayıcılar desteklemektedir.
  • Hala eski tarayıcıları kullanıyorsanız Mozilla Firefox gibi güçlü bir tarayıcıyı hemen indirin.
  • CSS3 animasyon kodunu kullanarak daha verimli ve özlü yapılmış, bu yüzden blog yükleme çok etkilenmez hale gelir.
  • Bloggerda gökkuşağı etkisi yaratmak, çeşitli renkler oluşturmak için CSS3 kodu kullanma kolay bi yöntemdir.
  • Blogcular için Yeni efektler (ek bir etki) çeşitliliğini geliştirmek için CSS3 animasyon kodunu kullanabilirler.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...