Blog Arşivi Widgetini Düzenleme

  Bir çoğumuz blogger blogumuzdaki, blog arşivi widgetinin tasarımını beğenmeyiz. Bir kaç basit css kodu ile blog arşivi widgetimizi göze hoş görünür bir hale getirebiliriz. Bu anlatacaklarım için css dilini bilmenize gerek yoktur yediden yetmişe herkes bu anlatacaklarımı yapabilir.






İlk önce şablon sekmesine girip oradan özelleştir butonuna tıklıyoruz. Ardından gelişmiş sekmesine tıklıyoruz ordan da css ekle seçeneğine tıklıyoruz ve aşağıda verilen kodları beyaz alana yapıştırıp bloga uygula diyoruz.

.BlogArchive { background-image: -webkit-radial-gradient(top, rgb(255, 255, 255), rgb(213, 213, 213));
background-image: -moz-radial-gradient(top, rgb(255, 255, 255), rgb(213, 213, 213));
background-image: -o-radial-gradient(top, rgb(255, 255, 255), rgb(213, 213, 213));
background-image: -ms-radial-gradient(top, rgb(255, 255, 255), rgb(213, 213, 213));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(213, 213, 213)); border:3px solid #fff;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
text-align:center;
padding:15px;
width:300px;
box-shadow: 2px 2px 10px #ccc;}
.BlogArchive a:link {
text-shadow: 1px 0.5px 3px #999;
color:#666; 
padding:2px;
font-size:12px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.BlogArchive a:visited {color:#666;}

Bütün bunları tamamladıktan sonra artık blog arşiv widgetimiz yukarıda bulunan resimdeki gibi bir görünüm kazanacak. Aşağıda yazılanları okuyarak widgetinizi kendinize göre özelleştirebilirsiniz.

Çerçevenin kalınlığını değiştirmek isterseniz kırmızı ile işaretlenmiş koddaki sayıyı artırıp azaltabilirsiniz. Aynı yerden renk kodlarını biliyorsanız çerçeve rengini değiştirebilirsiniz.

Mavi ile gösterilmiş yerden yazı boyutunu sayıyı artırıp, azaltarak ayarlayabilirsiniz.

Sarı ile gösterilmiş yerden renk kodlarını biliyorsanız yazının rengini ayarlayabilirsiniz. Renk kodlarını bilmiyorsanız tıklayın.

Anlamadığınız bir şey veya bir isteğiniz olursa yorum yaparak bana bildirebilirsiniz saygılar...