Netflix Top 10 Dizi Film Türkiye ve Dünya Listesine Nasıl Ulaşılır

Netflix üyelerine internete bağlı bilgisayar, televizyon, telefon ya da tablet gibi bir cihazdan film ve dizi izlemelerini sağlayan ücretli bir...
Devamını oku
Netflix Top 10 Dizi Film Türkiye ve Dünya Listesine Nasıl Ulaşılır

Windows 11 Fare İşaretçisinin Rengini ve Boyutunu Değiştirme

Boyutu ve rengi nedeniyle bilgisayar ekranınızda fare işaretçisini takip etmekte zorlanıyor olabilirsiniz. Fare imlecinin boyutunu veya rengini değiştirmek istiyorsanız bunu...
Devamını oku
Windows 11 Fare İşaretçisinin Rengini ve Boyutunu Değiştirme

XPS Dosyası Nedir? Nasıl Açılır?

XPS dosyaları yani XML Paper Specification dosyaları (.oxps) Adobe un PDF ine karşı microsoftun rakibidir. PDF kadar yaygın olmasa da...
Devamını oku
XPS Dosyası Nedir? Nasıl Açılır?

Windows 11 Özellikleri ve Öncekilerden Farkları

Windows 11 özellikleri nelerdir ve önceki işletim sistemlerinden farkları var mıdır gibi soruların cevabını bu başlık altında bulacaksınız. Windows 11...
Devamını oku
Windows 11 Özellikleri ve Öncekilerden Farkları

Windows 10 İşletim Sistemi Ücretsiz Kullanma

Bilindiği gibi Windows 10 işletim sistemi en fazla kullanılmakta olan işletim sistemlerinden biridir. Kimileri Windows 11 işletim sistemini kullansa da...
Devamını oku

İphone 14 Pro Kullanmanın Avantajları

İphone 14 Pro kullanmanın avantajları saymakla bitmeyecek kadar fazladır. İphone 14 Pro hem üstün bir konfora sahip özellikleri hem de...
Devamını oku
İphone 14 Pro Kullanmanın Avantajları

APPLE IOS 16 Hangi Yenilikleri Sunuyor

Apple ios 16 iphone için birçok yenilik sunuyor. Apple ios 16 Apple firması tarafından İphone telefonlar için geliştirilmiş olan 16....
Devamını oku
APPLE IOS 16 Hangi Yenilikleri Sunuyor

Android İle İlgili Bilmemiz Gerekenler

Android Google tarafından geliştirilmiş olan işletim sistemlerinden biridir. Android cep telefonu ve tabletlerde bulunan bir işletim sistemidir. Ayrıca saatlerde de...
Devamını oku
Android İle İlgili Bilmemiz Gerekenler

Windows Bilinmeyen Dosya Türlerini Açma

Bilgisayar kullanıcıları olarak her gün farklı uzantılardaki dosyalarla karşılaşıyoruz. Çok sayıda dosya türü bulunuyor. Bir mp3 dosyasını ya da bir...
Devamını oku
Windows Bilinmeyen Dosya Türlerini Açma

Windows 11 Masaüstü Arka Planını Otomatik Olarak Değiştirme

Windows 11 işletim sisteminde masaüstü arka plan resimlerini (wallpaper) günlük otomatik olarak değiştirebilirsiniz. Microsoft'un arama motoru olan Bing her gün...
Devamını oku
Windows 11 Masaüstü Arka Planını Otomatik Olarak Değiştirme

WordPress Yazılarına Kod Ekleme Nasıl Yapılır?

Blo yazarları olarak yazılarımıza HTML, PHPCSS,  XML … veya farklı bir programlama dilindeki kodları ekleme ihtiyazı duyabiliyoruz. Bu dillerin bazılarında, kodları metin editörünü kullanarak yazınıza eklediğinizde otomatik olarak yorumlanacağından, ekranda göstermek istediğiniz kodlar yerine onların çıktısı gösterilecektir. Kodlar düzgün gösterilse bile renklendirme olmadığından rahat okunamayacak, birbirinden ayrılması mümkün olmayacaktır.

Web Sitesinde Yazı İçinde Kod Göstermek

 

Eğer WordPress kullanıyorsanız, bunu aşabilmenin en bilinen yolu Görsel yerine Metin editörünü kullanarak kaynak kodu <pre> </pre> etiketleri arasına yerleştirmek olabilir. Kodlarda yer alan < ve > işaretlerini aşağıdaki şekilde değiştirmelisiniz.

< işareti yerine &lt;

işareti yerine &gt;

 

Bu şekilde yaptığınızda, eklediğiniz kodlar çalıştırılmayacak ve olduğu gibi yazı halinde gösterilecektir. Ben daha önce bu yöntemi kullanmaktaydım fakat paylaşmak istediğim bazı kodların görüntülenmesinde sorun yaşadığımdan daha iyi yöntemler aramaya başladım.

Hemen her konuda olduğu gibi kod paylaşımı ve kod renklendirme için oluşturulmuş bir çok WordPress eklentisi mevcut. Syntax Highlight şeklinde bir aramayla bu işi yapan hepsi birbirinden başarılı eklentilere ulaşabilirsiniz. Ben bu yazımda eklenti kullanmadan bu işin nasıl yapılacağına değinmek istiyorum. Herhangi bir eklenti kullanmadan sitenizde istediğiniz programlama dilindeki kodları rahatlıkla gösterebileceksiniz.

Başlıkta WordPress yazdığıma bakmayın Blogger, Joomla gibi bir içerik yönetim sistemi veya kendi yazılımınızı kullanmanız arasında hiç bir fark olmayacaktır. Kaynak kodlarını ister sitenizde, blogunuzda, forumlarda vs. paylaşın ister mail olarak gönderin. Yapılacak dönüştürme işleminden sonra size verilen HTML kodlarını istediğiniz yerde kullanabilirsiniz.

<html>
<head>
<style type="text/css">
body {background:grey;}
a {color:black;}
h1{font-size:25px;}
</style>
</head>
<body>
<h1>
<a href="https://bubilgi.net">winipucu</a>
</h1>
</body>
</html>
  • http://hilite.me/ adresine girin.
  • Source Code bölümüne kodunuzu yazın.
  • Language bölümünden kodun ait olduğu dili seçin
  • Style bölümünden renklendirme özelliğini belirleyin
  • Satır numaralarının gösterilmesini istiyorsanız Line numbers kutusunu işaretleyin.
  • Highlight butonuna tıkladığınız da paylaşabileceğiniz HTML kodu oluşturulacak ve önizlemesi gösterilecektir.
  • HTML bölümündeki kodu kopyalayarak yazınızın istediğiniz bölümüne yapıştırın.

Son olarak aynı işi yapan ve başarılı bulduğum üç adet alternatif siteye aşağıdaki adreslerden ulaşabilirsiniz.

Yorumlar

  1. Kredi Kartlarım

    Kendi sitemde de bir kac html kod denemesi yapacaktım, isabet oldu. Teşekkürler.

Bir cevap yazın

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

back to top
Araç çubuğuna atla
Clicky