RSS
This nice dating theme is compatible with WordPress 2.8, ready for threaded comments come with WP 2.8, and tested on various major web browsers. For better usability, we integrated the widely.
ads

Bloggerda yazı içinde HTML/Css kodlarını Renkli Arkaplan içinde göstermek


Blogger da blogcuların arasında yaşanan en büyük sorunlardan biri de yazılar arasında verilmek istenen HTML veya Css kodlarının görünmemesidir. Bu sorunu diğer blogcular gibi bende yaşadığım için net üzerinde araştırma yaptım ve bu sorunumun cevabını Technolizard blogunda buldum.

Html ve Css kodlarını blogger yazı içerisinde göstermekle kalmayıp, aynı zamanda kodları renkli arka planlar içerisinde göstererek kodların daha belirgin ve anlaşılabilir hale gelmesini sağlıyor.

Gelelim kodların renkli arka plan içerisinde nasıl gösterileceğine;
1. Blogger üzerinden yönetim paneline giriş yapın ve,
Yerleşim -> Html'yi Düzenle
Widget Şablonlarını Genişleti tıklıyoruz.

2. Şimdi ctrl+f kombinasyonu ile Aşağıdaki kodu buluyoruz.
]]>< /b:skin >


3. Bu kodu bulduktan sonra hemen üstüne aşağıdaki kodları yapıştırıyoruz.

.csscode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #EEEEEE;;
border-top : 2px solid #AAAAAA;
border-right : 2px solid #AAAAAA;
border-bottom : 2px solid #AAAAAA;
border-left : 2px solid #AAAAAA;
}

4. Temamızı kaydediyoruz ve HTML/Css kodunu girmek istediğimizde ise aşağıdaki kodları yazımızın içine yapıştırarak kodları kullanabiliriz.

<div class="csscode">

HTML Code Here

</div>


5. Güle güle kullanın ve temanızda değişiklik yapmadan önce mutlaka temanızın yedeğini alın.
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 yorum:

Yorum Gönder

Burada yazılanlar kişilerin kendi görüşleridir. Yazılanlardan hiç bir şekilde temadunyasi.blogspot.com sorumlu tutulamaz.

1. Türkçe yazım ve dilbilgisi kurallarına uyunuz.
2. Hakaret içeren yorumlarda bulunmayınız.
3. Yorumlarınızın konu ile alakalı olmasına çalışınız.
4. Yorumlarınızda yasa dışı hiçbir bağlantı linki vermeyiniz.
5. Yorum Formunu doldurduktan sonra Profil Seç -> ADI/URL bölümünden isminizi yazıp yorum yaparsanız size karşı bir hitap şeklimiz olur.
6. Kurallara uymayan yorumlar silinmektedir...