blogger tricks etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger tricks etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Yazı Başlıklarını Özelleştirme

| | Comments

Bu yazımda Blogger kullanıcıları için ufak bir css ipucu vereceğim. Blogunuz da yayınladığınız yazıların başlıklarını istediğiniz gibi özelleştirebilirsiniz. Tamamını büyük harf - küçük harf veya sadece ilk harflerinin büyük olmasını sağlayabilirsiniz. Bu işlemleri nasıl mı yapacağız? Aşama aşama anlatayım o zaman!..

İlk olarak bloğunuzda Css kodlarınız arasında yazı başlığı ile ilgili kod bölümünü tespit etmeniz gerekmektedir. Nasıl mı tespit edeceğiz diye sorarsanız bunun bir kaç değişik yöntemi var. Genellikle temalarda yazı başlığı ile ilgili Css kodu aşağıdaki kod öbekleri gibi oluyor;

Blogger'de Alınan Hataların Genel Çözümü

| | Comments

Blogger altyapısı ile yayın yapan arkadaşların en fazla dert ettiği konu Blogger'e yeni şablon yüklerken aldıkları bx- diye başlayan hatalar oluyor.

Bu hatalara karşı alınabilecek tedbir ilk olarak şablonunuzun yedeğini almayı unutmamanızdır. Herhangi bir hata durumunda sorunun nereden kaynaklandığını bulabilmeniz için elinizin altında şablonun bir yedeğinin bulunması işinizi kolaylaştıracaktır.

Öncelikle Blogger'de şablon hatasına neden olan sebeplerden bir tanesi şablonu düzenlerken kodlarda ufak eksiklikler yapmak veya yanlışlıkla silmek oluyor. Bu sorun ile karşılaşmamak için şablonunuzu düzenledikten sonra kaydetmeden önce önizleme yaparsanız hatanın nereden kaynaklandığı şablon penceresinin hemen üstünde kırmızı olarak yazacaktır. Böylelikle hatanın neden kaynaklandığını görüp kaydetmeden müdahale şansınız olacaktır.

SexyBookmarks v2 Blogger Eklentisi Entegrasyonu

| | Comments

Blogger'de blog yazılarınızın altına sosyal ağlar için paylaş butonu eklemek isteyenler için bir çok alternatif bulunmaktadır. Fakat bu alternatifler içinde görsel olarak en göze çarpıcı olanı SexyBookmarks eklentisidir.

SexyBookmarks eklentisi aslında Wordpress için hazırlanmış bir eklentidir. Fakat Cssreflex sitesi Blogger kullanıcıları için bu eklentiyi optimize etmişlerdi. SexyBookmarks v1 de sosyal ağ sitelerinin ikonları tek sıra halinde görülüyordu. ikinci versiyonda ise sosyal ağ ikonlarının yarısı alta kaydırılmış. Tabi dinamik bir yapı ile alta kaydırılmış. Altta bulunan ikonlar sürekli görünür halde bırakılmamış. Böylece sayfanızda kalabalık ve dağınık bir görüntü oluşması engellenmiş. Altta kalan ikonların görünmesi için herhangi bir sosyal ağ ikonunun üzerine geldiğinizde alt menü otomatik olarak görünüyor. Görsel olarak çok güzel görünüyor.

sexybookmarks v2 blogger, blogger eklentisi


Sözü fazla uzatmadan Cssreflex sitesinde yapılan anlatımı kısaca paylaşayım.

Blogger'e Afilli Feedback Butonu Ekleyelim

| | Comments

Benden BlogcuForum'da en fazla istek alan uygulamayı Blogger'de kullanılabilir hale getirmemi isteyen birçok kişi oldu. Elimde bir kaç proje olduğundan bu uygulamayı hazırlamam biraz gecikti. Bu gecikmeden dolayı istekte bulunan bütün arkadaşlardan özür dilerim.

Blogger'de afilli bir feedback butonu için yapmanız gereken adımları kolayca anlayabileceğiniz şekilde anlatacağım. Anlatacağım aşamaları düzgün bir şekilde yaparsanız benim blogumda sağ tarafta bulunan Feedback butonuna tıkladığınızda karşınıza çıkan iletişim ekranı gibi bir özelliğe kendi blogunuzda da sahip olabilirsiniz.



1. İlk olarak yapmanız gereken daha önce anlatımını yaptığım Colorbox uygulamasını kurmalısınız. Colorbox uygulamasının blogger entegrasyonunu iki bölüm halinde yayınlamıştım. Colorbox Bölüm 1 , Colorbox Bölüm 2


2. Colorbox uygulamasını blogunuza sorunsuz entegre ettiğinizi düşünerek anlatıma devam ediyorum. Şimdi yapmamız gereken. Blogumuzun yanına yerleştireceğimiz feedback butonunun Css kodlarını blogumuzda ki Css kodlarınına eklemeye.. Aşağıdaki kodları blogunuzun Css kodlarının en altına kopyalayın.

/* FeedBack Butonu */

#feedbackright img {
border:0px;
float:right;
position:fixed;
right:-10px;
top:160px;
}

#feedbackright img:hover {
right:-5px;
}

/* -------------------------------- */

3. Feedback butonunun css kodlarınıda ekledikten sonra sıra blogumuzun Html kod bölümünde yapacağımız düzenlemeye... Blogunuzun Html kodları arasında
<div id='wrapper'> veya <div id='outer-wrapper'>
kodlarını aratın. Eğer bu kodlar temanızda bulunmuyorsa Header div kodunun hemen üstüne aşağıdaki kodu kopyalayın.
<div id='feedbackright'>
<a href='açılmasını istediğiniz sayfanın bağlantısı' id='websayfa' target='blank'>
<img src='http://tinyurl.com/dldzh5'/>
</a>
</div>

4. Yukarıdaki kodda feedback butonunu değiştirmek için http://tinyurl.com/dldzh5 bağlanısının yerine kendi istediğiniz resmin bağlantısını verebilirsiniz.

Bu anlatımı yaparken şurada bulunan "Blogger'de Sağ Tarafa Feedback Butonu Yapalım" makalesinden yararlanılmıştır.

Soru/Öneri/Görüşlerinizi bu yazıya yorum yaparak veya iletişim formundan iletebilirsiniz!..