Blogger Ana Sayfa Makale Arka Planı Nasıl Transparan Yapılır

Blogger’un varsayılan Ana sayfa temasında beyaz renkli makale yazı arka plan rengi haricindeki Başlık (Header), Kenar sütunlar (Sidebar) v...

...

Blogger’un varsayılan Ana sayfa temasında beyaz renkli makale yazı arka plan rengi haricindeki Başlık (Header), Kenar sütunlar (Sidebar) ve Alt bilgi (Footer) arka plan görüntüsünü transparan şeffaf nasıl yapabilirsiniz? Blogger ile ilk defa blog açtığınızda seçmiş olduğunuz şablonun renkleri hazır varsayılan olarak karşınıza gelecektir. Blogger’un şablon temasını çok fazla değiştirmeden kodlar üzerinde yapacağınız küçük değişikler ile kendi temanızı özelleştirip farklılığı yaşayarak, okuyucularınıza da bu farkındalığı yaşatabilirsiniz.

Bu makale yapabilecekleriniz ile sınırlı olmayıp, Tema Tasarım kategorisindeki birbirinden farklı birçok yazıyı incelemeniz sonucu kendi blogunuzu veya özel tasarlanmış blog temanızı da özelleştirmenizi sağlayacaktır.

Blogger yönetici ve okuyucularının en büyük eksikliklerinden biri de geniş bir araştırma yapabilmek için web site kategorilerini veya yazı içi verilen bağlantıları okumayıp, incelememesinden kaynaklanır. Bu davranış sonucu eksik bilgi ile yapılandırılan uygulamanın başarısızlığı ile sonuçlanır. Bu makale de “Blogger Ana sayfa makale arka planının" nasıl Transparan Şeffaf görülmez yapıldığını adım adım göreceksiniz.

Blogger Ana Sayfa Makale Arka Planını Transparan Gösteren Uygulamalar :

1. Öncelikle her ihtimale karşı blog’unuzun yedeğini alın. Blogger yedek nasıl alınır ?

2. Bu işlemlere başlamadan önce, Blogger’un genel arka plan resminde görülmesini istediğiniz tema resmini belirlemeniz gerekmektedir. Blogger arka plan resminin değiştirilmesi ile ilgili bağlantıyı inceleyin.

Ayrıca okuyun ⇒ Blogger Resim Linkleri Nasıl Alınır

Yukarıda anlatılan ve bağlantı verilen linkleri inceledi iseniz diğer uygulamalara geçebilirsiniz.

3. Blogger kumanda paneline giriş yaparak sırası ile ;

Şablon → Html’yi Düzenle seçeneğini seçip şablon kodlarınızı açık konuma getirin.

4. Şablonunuzu aşağıya kaydırarak CSS kodlarının bulunduğu şu etiketi bulun.

5. Bulduğunuz bu etiketin sol tarafındaki ▶ ok işaretine tıklayarak kodları genişletin.

6. Aşağıda verilen etiket grubunu CTRL+F arama özelliğini kullanarak aratın.

Variable name="content.background 

7. Arattığınız etiketi bulduğunuzda, örneği aşağıda verilen kod grubunu göreceksiniz.

<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="3px"/>
 <Variable name="content.padding" description="Content Padding" type="length" default="0" value="15px"/>
 <Variable name="content.background" description="Content Background" type="background"
 default="transparent none repeat scroll top left" value="transparent url(X) repeat scroll top left"/>
 <Variable name="content.border.radius" description="Content Border Radius" type="length" default="0" value="15px"/>
 <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" value="3px"/>

8. Mavi renk ile belirttiğim alan bulmanız gereken satırı belirtmektedir. Satır içi etiketi incelerseniz, ( content.background ) içerik arka plan stil kodlarını oluşturmaktadır. Buraya kadar geldi iseniz artık bitirdiniz demektir. Son olarak yapılacak işlem için ;

9. Yukarıdaki örnek kod içindeki mavi renki “URL (X)” (X) işaretinin olduğu satırdaki tüm resim linkini silin. Sildiğiniz satırda sadece parantezler kalacak. Örnek : → ( )

10. Şablon kodlarınızı yukarıdan kaydedin ve Ana sayfanızı tarayıcı yeni sekmede kontrol edin.

Tebrikler artık blog Ana sayfadaki makalelerinizin, sidebarın, arka planı transparan şeffaf ve arka plan olarak eklediğiniz resmin görüntüsü ile farklılığı yaşamaya başlamış oldunuz. Farklılığın nasıl bir görüntü olduğunu mu merak ediyorsunuz? Buradan GuneyTest blogumdan inceleyebilirsiniz.