8 Aralık 2014 Pazartesi

Bloggerda Kod Kutusu Nasıl Eklenir

Yorum yok
Merhaba arkadaşlar :) Bu dersimde sizlere bloggerda nasıl kod kutusu ekleyebileceğinizi resimlerle ve tabii ki yine kodlarla anlatmaya çalışacağım. Kod kutusu: İçinde kodların olmuş olduğu kutuya denir ve programlamayla ilgilenen arkadaşlar bu kod kutularına çok sık ihtiyaç duymaktadırlar.

Eklentinin Görünümü:
Bloggerda Kod Kutusu Eklentisi

Bilmiş olduğunuz üzere blog yazarlığı çok geniş bir kavramdır. Css konusunda eksiği olduğu için bu kutuyu tasarlayamayan arkadaşlarımı biliyorum. Bu yüzden böyle bir ders verme ihtiyacı duydum. Css bilmekteydim 3 sene öncesine kadar maalesef. Bu dersi ingilizce bir kaynaktan buldum ve türkçeye çevirdim. Yine bayağı bir alın teri döktük. İnşallah faydalı olması dileğiyle diyelim ve yapmamız gereken adımlara geçelim :)

1.Adım: Blogger Yönetim Paneline giriniz.
2.Adım: Şablona tıklayınız.
3.Adım: Özelleştir butonuna tıklayınız.
4.Adım: Gelişmiş linkine tıklayınız.
5.Adım: Css ekle butonuna tıklayıp aşağıdaki kodları boş kutucuğun içine yapıştırıp "Bloga Uygula" butonuna tıklayınız.


/* Code Box
----------------------------------------------- */

.code {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px; width: 90%;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}


6.Adım: Artık aşağıdaki kodu normal sayfalarınızdaki "HTML" bölümüne tıklayarak yapıştırmanız gerekecektir ve "YOUR CODE" kısmına eklemek istediğiniz kodları yapıştırıp sayfayı kaydetmeniz gerekmektedir.


<div class="code">
YOUR CODE
</div>


Aklınıza takılan soruları sorabilirsiniz arkadaşlar :)

Şu anda blogger videolu eğitim seti hazırlamaktayım. Bu kod kutusu eklentisininde nasıl eklendiği birde videolu olarak izleme şansı bulacaksınız :) Tabii ki takipte kalırsanız.  :)

0 yorum :

Yorum Gönder