BLACK

Facebook’un yaptığı resmi duyuruya göre; çoğu bloggerın yoğun bir şekilde kullandığı Facebook beğen kutusu da dahil olmak üzere 4 resmi eklentinin 23 Haziran 2015 tarihinde kapatılacağını açıkladı .   Blogumuzla Facebook sayfamız arasında bağlantı kurarak hem Facebook takipçi sayımızı hem de blogumuzun trafiğini arttırmaya yaran bu önemli eklentiye alternatif olarak yeni bir eklenti hemen kullanıcılara sunuldu.   Aşağıda detaylarını anlattığım eklentiyi ister şimdi, ister 23 Haziran’da eskisiyle değiştirebilirsiniz.   Eklentiyi blogunuza nasıl ekleyeceğinize geçmeden önce kısaca özelliklerinden bahsetmek istiyorum.   - Sayfanızın kapak fotorafını ve profil fotoğrafını gösterebilirsiniz. - Eklentinin genişliğini ve yüksekliğini ayarlayabilirsiniz. - Sayfanızı beğenenleri gösterebilirsiniz. - Sayfanızdaki akışı gösterebilirsiniz.   Eklentiyi blogunuza eklemek için Blogger kumanda panelinize giriş yaptıktan sonra Yerleşim > Gadget ...

Bloglara çok fazla eklenti eklenmesi taraftarı değilim. Her blogun ihtiyacı olan ve işine yarayacak eklentiler farklıdır. Evet belki çok yeni ve gösterişli bir eklentiyi blogunuza eklemek isteyebilirsiniz ama eğer blogunuzu o eklentiye ihtiyacı yoksa siteyi ağırlaştıracağı gibi ziyretçiyi de rahatsız edecektir. Bu yazıda paylaştığım eklenti olan en çok yorum alan yazılar eklentisini de sadece ihtiyacı olanların eklemesini öneriyorum. Kimlerin veya hangi blogların bu eklentiye ihtiyacı olduğundan bahsedeceğim ama önce eklentinin kodlarını ve blogunuza nasıl ekleyeceğinizi anlatmak istiyorum. En çok yorum alan yazılar eklentisini blogunuza eklemek için Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/Javascript yolunu izleyin ve aşağıdaki kodları ekleyin.   <!-- BH En Çok Yorum Alan Yazılar Eklentisi --> <script type="text/javascript"> function getYpipePP(feed) { document.write('...

Hayatımızın önemli bir parçası haline gelen sosyal medyayı, bloglarımıza da çeşitli şekillerde entegre etmemiz gerekiyor. Gerek ziyaretçi getirmesi, gerek de Google’a sinyaller göndererek yazıların hızlı indexlenmesini ve SERP performansını arttırması açısından, sosyal paylaşım butonları blogların olmazsa olmaz eklentilerinden. Blog yazılarını okuyan kişilerin, bu yazıları kolayca sosyal medyada paylaşmasını sağlayan butonlara olan ihtiyaç ve talep artınca, bu butonları kolayca oluşturmanızı ve blogunuza eklememizi sağlayan siteler de artmaya başladı. Bunlardan en popüler 4 tanesini sizlere tanıtmak istiyorum. 1. AddThis Bu alandaki en eski 2 siteden biri olan AddThis, kendini güncellemeyi başardı ve şuanda kullanıcılara sunduğu 5 farklı sosyal eklentisi var.Bunlar: - Paylaş butonları : 4 yatay, 3 de dikey versiyonu olan paylaşım butonlarını özelleştirerek hangi butonların gözükmesini istediğinizi belirleyebiliyorsunuz. - Takip butonları : Sosy...

Blogger için menü alternatiflerine “minimal süper menü” isminde yeni bir menü daha ekleyelim. Son zamanlarda dağıtılan Blogger temalarında çok sık gördüğümüz bu menüyü ben de hazır bir temanın içinden aldım ve bazı küçük değişiklikler yaparak paylaşmak istedim. Menüye neden bu ismi verdiğimi açıklamak istiyorum. Menüde küçük yazı boyutu ve ikonlar kullanlmış. Bu yüzden az yer kaplıyor ve minimal. Ayrıca menünün sağ köşesinde sosyal ikonlar mevcut. Yani menü hem blog içi navigasyonu, hem de sosyal platformlardaki hesaplarınız arasındaki navigasyonu sağlıyor. Bu yüzden süper :) Menüde istediğiniz yerleri açılır sekme gibi göstererek alt menü öğeleri de ekleyebilirsiniz. Aşağıdaki demo videoyu izlediğiniz Menü linkinin üzerine geldiğin açıldığını ve alt öğeler çıktığını göreceksiniz. Bu menüye blogunuza eklemek için öncelikle Blogger kumanda paneline girip Şablon > HTML’yi düzenle   diyerek şablonun kodlarını açın ve Ctrl + F kuş kombinasyonu...

Blog ile Twitter entegrasyonunu sağlamak için klasik ve standart butonlar ya da eklentiler hem Blog Hocam’da hem de webde pek çok defa paylaşıldı. Fakat bu kez paylaşacağım Twitter takip et butonu eklentisi, daha önce muhtemelen görmediğiniz çok farklı özelliklere sahip.   Eklentiyi blogunuza eklediğinizde sağ üst köşede küçük bir Twitter kuşu ikonu belirecek. Bu Twitter kuşu ikonu “floating” yani yüzen özellikte. Sayfayı aşağı yukarı kaydırdığınızda dahi ikonun yeri değişmiyor.   Bu eklentiyi farklı kılan özellik elbette sabit olması değil. Asıl farkı ikonun üzerine geldiğinizde göreceksiniz. Aşağıdaki demo videoda da göreceğiniz gibi Twitter kuşu ikonunun üzerine geldindiğinde Twitter takip et butonu açılıyor ve sevimli Twitter kuşu “Larrry” kanat çırpmaya başlıyor.   Bu tür animasyonlar için genellikle özel scriptler kullanıldığı için sayfayı oldukça yavaşlatır ama bu eklenti CSS sprite ve @keyframes teknikleriyle oluştrulduğu için oldukça hızlı ...

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.     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...

Çağın popüler sosyal paylaşım plaformu olan Twitter’a ait “takipçi kutusu” veya “son tweetler” gibi eklentiler blogların vazgeçilmeziydi. Fakat Twitter kendi bileşenlerini kullanıma sunduktan sonra hariçten kullandığımız bu eklentiler kullanılmaz duuruma geldi. Ben de bu yazıda Twitter’ın kullanıcılarına sunduğu tüm bileşenleri tanıtmak istedim. İstediklerini blogunuza ekleyerek blog-Twitter entegrasyonunu sağlayabilirsiniz.       Zaman Akışı Bileşeni   Ayarlar > Bileşenler > Yeni Oluştur > Kullanıcı Zaman Akışı Twitter sayfanızdaki son hareketleri blogunuzda göstermenizi sağlayan bileşendir. Kendi yazdığınız ve retweetlediğiniz tweetler bu kutuda görünür. Yanıtladığınız tweetler ile tweetle birlikte paylaşıılan fotoğrafın gösterilip gösterilmeyeceği sizin tercihinize bırakılmıştır.Ayrıca kutunun genişliğini, linklerin rengini ve zemin rengini değiştirebilirsiniz.   @BlogHocam kullanıcısından Tweetler   Favoriler Bil...

Blogger kullanıcıları tarafından en çok aranan ve istenen eklentilerden biri yıldızlı oy verme eklentisi. Bu konuda daha önce paylaştığım eklenti Javascript kodunun yapımcı hostundan kaldırılması nedeniyle çalışmıyordu. Ben de daha profesyonel olması için üçüncü parti uygulamalarında arayışa girdim ve işinize yarayacak güzel bir yıldızlı oy verme eklentisi buldum. Aslında bu eklentiye yıldızlı oy verme eklentisi yerine yazı değerlendirme eklentisi demek daha doğru olur. Çünkü eklentiyi isterseniz yıldızlı, isterseniz de olumlu/olumsuz oy verme şeklinde kullanabiliyorsunuz. Şimdi adım adım bu eklentiyi oluşturmaya ve bloga eklemeye geçelim. 1. Adım: Rating Widget isimli bu ekletiyi kullanabilmeniz için öncelikle üye olmanız gerekiyor. Bu yüzden öncelikle widget oluşturma sayfasına giderek Create account butonuna basın. Burada e-mail adresinizle bir hesap oluşturabileceğiniz gibi Facebook, Google veya LİnkedIn hesaplarınıza bağlanarak kısa yoldan hesap ol...

Blogunuzun veya şahsınızın  Facebook, Twitter, Google+ ve Pinterest hesapları ile blog yazılarınızın beslemelerinin yer aldığı RSS adresinize ait sosyal medya butonlarının yer aldığı başka bir eklenti daha paylaşmak istiyorum.     Bu eklentide pek çok özellik bir arada. Bu eklenti sadece takipçi sayıınzı arttırmakla kalmayacak, aynı zamanda blogunuzu görsel açıdan da zenginleştirecek. Bu sosyal menü eklentisi floating yani yüzen olduğu için sayfa aşağı ya da yukarı kaydırılsa bile menünün pozisyonu sabit kalacaktır. Sayfada sadece sosyal kanalların isimleri gözükürken, menünün üzerine gelindiğinde animasyon efektiyle birlikte açılacak ve tıklayan kişiyi ilgili sosyal kanala yönlendirecektir.   Eklentinin nasıl çalıştığını görmek için aşağıdaki demo videoyu izleyebilirsiniz.     Sosyal menü eklentisini blogunzda kullanmak isterseniz aşağıdaki kodları kendinize göre düzenledikten sonra Blogger kumanda panelinden Yerleşim > Gadget Ekle > ...

Blogunuzun sidebarını güzelleştirecek ve işlevsellik katacak, yine BH okuyucularına özel bir eklentiyi sizlerle paylaşmak istiyorum.   Bu droplink eklentisi bildiğiniz açılır menü mantığıyla çalışıyor ancak görsellik olarak oldukça orijinal ve dikkat çekici.  İmaj olarak eklediğim ve bizzat hazırladığım “Bağlı Kalın” (isterseniz değiştirebilirsiniz) yazısına tıklandığında, ziyaretçilerin sizinle bağlantı kurabileceği sosyal hesaplarla takip kanalların listesi çıkıyor. Her seçeneğin yanında da o kanala ait ikon bulunuyor.  Olabildiğince fazla kanal eklemeye çalıştım ancak kullanmadıklarınızı kaldırabilir veya yeni kanallar ekleyebilirsiniz.     Bu widgetı blogunuza eklemek için Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izleyin ve aşağıdaki kodları yapıştırın.   <!--Blog Hocam Droplink Widget--> <div class="droplink">     <h...

Windows 8 ile hayatımıza giren “Metro” tarzı, web sitelerin ve blogların tasarımında da sıkça kullanılıyor. Ben Windows 8’i ve bloglardaki metro tarzı tasarımları pek sevmedim ama kenar çubuğunda kullanılan metro tarzı sosyal butonlar ve eklentiler hiç fena durmuyor. Pek çok blogda kullanıldığını gördüğüm metro tarzı sosyal medya eklentisi oldukça beğenilmişti. Bu kez daha küçük butonlardan ve yine metro tarzında bir arama kutusundan oluşan, kenar çubuğunuzda biraz daha az yer kaplayacak bir eklentiyi sizlerle paylaşmak istiyorum.     Bu eklentide, ziyaretçilerin blogunuzu takip etmeleri için ilgili kanallara yönlendirecek, metro tarzında Facebook, Twitter, Google+ ve RSS butonları var. Hemen altlarında ise yine metro tarzında bir arama kutusu yer alıyor. Eklentinin en güzel özelliklerinden biri ise butonlara eklenmiş olan CSS hover efekti.   Eklentiyi blogunuza eklemek için Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML...