in , , ,

Blogunuza Kod Kutusu Ekleyin !

Blogunuza Kod Kutusu Ekleyin ! 1
Blogunuza Kod Kutusu Ekleyin ! 2

Sevgili Sosyofikir okurları biraz zamanım kaldı derslerden ben de sizlerle uzun soluklu bir blogger yazı dizisi hazırladım. Yavaş yavaş onları da sizlerle paylaşacağım.  Başlayalım o zaman başlıktan da anlaşılacağı gibi blogunuzda html kodu paylaşıyorsunuz ve herşey birbirine giriyorsa bunu kullanmak hoşunuza gidecektir.

Blogunuza Kod Kutusu Ekleyin ! 3

Blogger panelimize giriş yapıyoruz Şablon > Özelleştir > Gelişmiş  tıklıyoruz ve Css Ekle butonuna basıyoruz. Karşımıza gelen kutuya aşağıdaki kodları yapıştırıyoruz ve Bloga Uygula diyoruz.

/* 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;
}



Sıra yazı içerisinde kullanmamız gereken kod kısmında kodları ekleyeceğiniz bölüme geldiğinizde yukarıda bulunan html sekmesine geçiş yapıyoruz ve aşağıdaki kodu yapıştırıyoruz


<div class=”code”>


YOUR CODE


</div>

İştebu kadar yapamadığınız bir yer olursa yorum kısmından bize ulaşabilirsiniz.

Report

What do you think?

Written by sosyofikir

Doğu Akdeniz Üniversitesi Mimarlık Fakültesi'nden 2018 yılında mezun oldum. Blog serüvenim yaklaşık 8 sene önce başladı. Hala o eski heyecanımı taşımaktayım. Amacım sizler için kaliteli, özgün ve sıkıcı olmayan kullanıcı tabanlı bir site hazırlamaktır. Teşekkür ederim. Bana her türlü konuda ulaşabilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

comment png 19

Blog Yorum Kardeşliği, İşbirliği Ve Destek

bloggerwindows8metrososyalag28129

Windows 8 Tarzı Sosyal Paylaşım Blogger Eklentisi