Kod Penceresi Bloga Nasıl Eklenir


Blogger bloglarınızda yazdığınız yazılara, HTML, JavaScript kodlarını en basit şekilde nasıl ekleyebiliriz.Kod penceresini uygulamak için yapacağımız işlemler nelerdir ?Blog yazı editörümüzde kodlarımızı ekleme şeklimiz nasıl olmalıdır. Kod penceresini ekledikten sonra yazılarımıza devam etmek için, penceremizi bir alt satıra almak için boşluk hangi komutla verilir ? Kod Penceresi Bloglarımızda herzaman kullanabileceğimiz eklentilerden biridir. Birçok kod pencere ekleme şekli mevcuttur.
Blog yönetim ayarlarımızdaki HTML düzenle kısmını kullanmadan acemi yada usta blogcuların dahi kullanabileceği Kod Penceresini aşağıda verdiğim bağlantıdan rahatlıkla kullanabilmeniz mümkün olacaktır.

NOT: Lütfen resime tıklayarak yeni sekmede inceleyiniz.
Şimdi bu sorularımızın cevaplarını inceleyelim.
1.Kod penceresini uygulamak için yapacağımız işlemler nelerdir ?

Kod penceresini eklemek için önce blog editörününüzü açın ,Kod penceresine ekleyeceğimiz kod için “ formatmysourcecode ” giriş yapın.“Paste your text here” yazılı kısma kodunuzu yapıştırın.Hemen alta “ metini biçimlendir” tıklayın.

2.Blogunuza kodu yapıştırmadan önce yapılacaklar
Yukarıdaki resme tıkladığınızda yeni bir sekmede açılacaktır.Resimdeki madde imlerini takip ediyoruz.Bu madde imleri nelerdir ;

1. Yazı başlığımızı yazıyoruz 2.HTML’ye tıklıyoruz 3.Sayfamıza yazı yazacağımızdan, vereceğim kodu üst kısma yazıyoruz.

Kodumuz : <br> bu koddan üç adet alt alta yapın.
<br> kodu nedir: Yazımıza satır boşluğu veren bir HTML kodudur.
<br> kodu nasıl yazılır : Klavyede üst karakter tuşunun yanındaki ( <) işarete tıklayın. Karakter çıktıktan sonra ( br) yazın. Klavyeden Üst karakter tuşuna basılı iken (>) işaretine tıklayın.Karşınıza şu şekilde ( <br> )çıkan kodu bir alt satıra istediğiniz satır boşluğu kadar, kopyalayıp yapıştırın.
Örnek :
<br>
<br>
<br>

4.Biraz önce kopyaladığımız, koyu renkle görülen biçimlenmiş kodu CTRL +F ile veya normal olarak kopyalayın. Blog editöründe yeni yazı için açtığınız kısıma kodu yapıştırın. 5.Yapıştırdığınız kodun altına, 3. maddede anlattığ <br> HTML kodumuzu kopyalayıp yapıştırın.Bunu neden yapıyoruz ? Kod penceresini normal görünüme aldığımızda bir alt satıra yazı yazabilmek için.Yoksa alt satıra geçemeyiz. 6.Sağ tarafdan seçenekleri seçip, HTML’yi olduğu gibi göster’i işaretliyoruz. 7.Tamam tıklayın 8.İşlemlerimiz bitti.Oluştur tıklıyoruz.

Artık normal görünümde istediğinizi yazabilir, ekleyebilirsiniz.
Ayarlarınızdaki HTML’i olduğu gibi göster demeseydik, yapıştırdığımız kod HTML yorumla olarak kalacaktı ve yazımız kod olarak değil görsel olarak karşımıza çıkacaktı.
Sizlere faydalı olacak konuları devamlı araştırıyor, test ederek sizlerle birebir yaşayarak paylaşıyorum.Özel istek, eleştiri, ve güzel yorumlarınızı lütfen belirtin.Yorumlarınızın olumlu, olumsuz olması hiç önemli değildir.Yorumlar bizlerin hatalarını, doğrularını açıklayan tek aracımızdır.Kendimizi düzeltmenin en iyi yoludur.Yorumların bloglar üzerindeki etkileri yazımı okumanızı tavsiye ederim.
Mutlu neşeli günler dileklerimle,

Örnek : Twitter kodu blogunuzda mavi username guney59 yazan kısma kendi bilgilerinizi girip kullanabilirsiniz. İki ad username guney59 yazısı da değişmesi lazım.
Canlı demoyu inceleyin.

<center>
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON9/twitbutton.swf" width="150" height="150"> <param name="movie" value="http://www.buzzbuttons.com/BUTTON9/twitbutton.swf" /> <!-- param--> <param name="allowScriptAccess" value="always" /> <!-- param--> <param name="Menü" eri="false" /> <!-- param--> <param name="wmode" value="transparent" /> <!-- param--> <param name="flashvars" value="username=guney59" /> <!-- param--> <a href="http://draft.blogger.com/http.guneyt59.blogspot.com/%20:/%20/" title=" Blogger Widgets "> Blogger Widgets <!-- a--> <embed src=" http://www.buzzbuttons.com/BUTTON9/twitbutton.swf " type=" application / x -shockwave-flash " allowscriptaccess=" always " width=" 150 " height=" 150 " menu=" false " wmode=" transparent " flashvars=" username = guney59 "></embed> <!-- embed--> <!-- object--></a></object></center>

Reklamlar

UNUTMAYIN! YORUMLAR DİĞER KULLANICILARA YOL GÖSTERİR

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s