BLOGGER DA HTML KOD GÖSTERME



Gelen bir soru üzerine blog sitemizdeki paylaşımlarda herhangi bir html kodunu nasıl gösterebileceğimizi söyleyeceğim.


Bu aslında çok zor ve karmaşık bir durum değil. Google amcaya sorduğunuz zaman karşınıza ilk çıkan siteler sizlere fazlasıyla yardımcı olacaktır. Ancak;

sorulan soruya cevap vermek bağlamında olursa şöyle bir şey diyebilirim:


Öncelikle;

Draft.blogger.com dan giriş yapıp, yazınızı yazacağınız panelin hemen altında bulunan "Html yi olduğu gibi göster" seçeneğini kullanarak zahmetsiz bir şekilde bu işlemi yapabilirsiniz.


ya da;


Yazınızı yazarken, paylaşmak istediğiniz kodu HTML seçili haldeyken ekleyeceğiniz;
<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>&lt;/b:widget&gt;
</code></pre>


kodu arasına koyarak halledebilirsiniz. Daha sonradan "Oluştur" kısmında yapacağınız ayarlarla kodunuzu renklendirebilir, bir nevi süsleyebilirsiniz.


yine yetmezse;


Buradaki siteden ya da buradaki siteden Html için anlamlı olan karakterleri nasıl anlamsızlaştıracağınızı öğrenerek işlemlerinizi ona uygun yapabilirsiniz.


Örneğin;   " > "   yerine  " & gt ; " yazarak


bu anlamsızlaştırma işini öğrenmek yerine direkt olarak hazır kalıpları kullanarak dönüştürücülerden kodlarınızı hazırlanmış olarak alabilirsiniz. Bunun için de birçok site bulunmakta;


Format My Source


Eblog


Blogger Adsense Code Converter


Hepsi bu kadar. Size kolay gelsin..

Siz bu yazıyı okuyan counter şanslı kişiden birisiniz..

2 yorum:

Adsız dedi ki...

Hocam merhabalar;

kodda /b:widget bu kod fazla sanki çünkü metnin için de çıkıyor bunu sildim düzeldi bir zararı olurmu bir de draft blogger ile nasıl yapıyoruz anlamadım yardımcı olursanız sevinirim.

Administrator dedi ki...

/b:widget kodunu örnek olarak koymuştum. yazımda bunu belirtmeliydim. bu işi daha kolay yoldan yapmak için draft.blogger dan girip yeni yayın kısmında sağ köşedeki Seçenekler'den HTMLyi olduğu gibi bırak özelliğini seçiyorsunuz ve yazı içindeki html niz olduğu gibi kalıyor. bu kadar basit :)

Bu yazımla ilgili düşüncelerini merak ediyorum.
Tek yapman gereken yorumunu paylaşmak!

Okuduğun içerikle alakalı yorum yapacağından eminim.

Yine de uyarmak istiyorum;

  • Yorumlarında küfür veya argo kelimeler bulunmasın!
  • Sırf kendi siteni tanıtmak için alakasız yorumlarda bulunma!
  • Diğer ziyaretçilerimle tartışmaya girme!
Blog sitemi yeterince temiz tutmaya çalışırken sakın kirletmek için çaba gösterme!

Etiketlerim

2 sütunlu tema (1) 2012 blogger teması (1) ada edebiyat dergisi (1) adaletin bekçileri (1) adsense (2) adsense ile para kazanmak (1) amatör film (1) backlink (3) backlink alıp verme (1) backlink ile arama motorlarında yükselme (1) backlink nasıl yapılır (3) backlink ne işe yarar (3) backlink nedir (3) benzer yazılar eklentisi (2) benzer yazılar kodu (2) blog (19) blog geliştirme yöntemleri (1) blog haber (2) blog nedir (1) blog site hızı (1) blog site nasıl hızlı yapılır (1) blog sitede backlink olayı (1) blog siteden para kazanmak (1) blog sitenin hızını nasıl ölçerim (1) blog sitenizin hızını artırın (1) blog siteye twitter takip butonu (1) blog siteyi hızlandırma teknikleri (1) blog tavsiyeleri (1) blog yazarları için tavsiyeler (2) blog yazma sebepleri (1) blog yazma yöntemleri (1) blogger (13) blogger dan para kazanmak (1) blogger hızlandırma yolları (1) blogger için devamını oku linki (2) blogger için etiket bulutu kodu (1) blogger için otomatik devamını oku linki ekleme (1) blogger iletişim (1) blogger iletişim formu kodu (1) blogger kod (8) blogger kodlarını gösterme (1) blogger kullanıcılarına tavsiyeler (1) blogger reklam gizleme kodu (1) blogger resimli benzer yazılar kodu (2) blogger tema (1) blogger template (1) blogumda yazıları kaç kişi okudu (1) devamını oku linki ekleme (2) edebiyat (2) en güzel kitaplar (1) engin sevinç (2) enginsevinc (1) etiket bulutu (2) etiket bulutu nasıl yapılır (1) etiketleme (2) etiketleme nasıl yapılır (1) etiketleme ne işe yarar (1) farklı twitter takip butonları (1) fatma göğebakan (1) film (1) google (1) google adsense (3) google da üst sıralara çıkma (1) google reklamlarıyla oynama (1) gtmetrix.com (1) html iletişim formu kodu (1) iletişim (1) iletişim formu hazırlama (1) iletişim formu kodu (1) iletişim formu script (1) ilgili konular eklentisi (2) insan neden blog yazar (1) internetten para kazanmak (1) internetten para kazanmanın yolları (2) istenmeyen kodları gizleme (1) İzmir rüştü ünsal film projesi (1) kısa film (1) kitap (1) kod dönüştürme (1) kod dönüştürücü (1) kod gizleme yöntemi (1) kütüphane (1) mutlu polat (1) neden blog yazarız (1) Nevcivan açılkan (1) niçin blog yazarız (1) okuduğum kitaplar (1) okunası kitaplar (1) pagerank (1) para kazandıran siteler (1) para kazanmanın yolları (1) read more linki (1) resimli benzer yazılar eklentisi (1) site hızı ölçme aracı (1) siteyi hızlandırmanın yolları (1) şuayip özdemir (1) thesis for blogger (1) thesis teması (1) twitter takip butonu ekleme (1) twitter takip kodu (1) ücretsiz tema indir (1) web site hızınızı ölçün (1) website (1) yazılarda kodları görüntüleme (1) yazımı kaç kişi okudu (1) yazımı kimler okudu kodu (1) yazının okunma sayısı kodu (1) yazınıza adsense kodu ekleyin (1) yazıya reklam eklemek (1) ziyaretçi sayısı kodu (1)