Kategoriler: BloggerSiteniz İçin

Blogger için Syntax Highlighter eklentisi

Arkadaşlar belkide herkesin aradığı bir eklentidir, bende takip ettiğim yabancı bir blogdan buldum ve bloguma uyguladım, şimdi de sizlerle paylaşıyorum,

Öncelikle Tasarım > HTML’yi Düzenle adımlarını uygulayıp Widget Şablonlarını Genişlet işaretliyoruz, şimdi kod yerleştirmeye başlıyoruz, aşağıdaki kodu bulalım.

<head>

Bu kod en baştaki kod, en başa yükleyelim ki hemen yüklensin, şimdi aşağıdaki kodları yukarıdaki kodun altına ekliyoruz.

<link href='http://dl.dropbox.com/u/29281608/Syntax/shCore.css' rel='stylesheet' type='text/css'/>

<link href='http://dl.dropbox.com/u/29281608/Syntax/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<script src='http://dl.dropbox.com/u/29281608/Syntax/shCore.js' type='text/javascript'/>

<script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushCss.js' type='text/javascript'/>

<script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushJScript.js' type='text/javascript'/>

<script src='http://dl.dropbox.com/u/29281608/Syntax/shBrushXml.js' type='text/javascript'/>

<script type='text/javascript'>

SyntaxHighlighter.all()

</script>

Dosyalar benim hostta ama siz yinede güvendiğinizi bir hosta yükleyin garantiye alın yani. Şu an için tasarımda işimiz bitti, gelelim kodları nasıl yazacağımıza. Kodları Syntax Highlighter ile çerçeve içine almak için aşağıdaki gibi kod kullanıyoruz,

<pre class="brush: js">Buraya kod yazılacak</pre>

Ve son bir not daha şimdi o taglerin arasına kodu ekleyeceğiz ama olduğu gibi değil olduğu gibi eklersek iş gümbürtüye gider, o yüzden o <pre taglerinin arasına ekleyeceğimiz kodları şuradan eklemeye hazır duruma çeviriyoruz.

Rate this post
Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden
Etiketler: Blogger Eklentileri

Son Gönderiler

Düğün Elbisesi

Günümüz tasarımı yapılan düğün elbisesi modelleri göz alıcı görsellikle desteklenmektedir. Burada düğün elbiselerinin kendi tarzınızı…

3 gün önce

Eşofman Takımı Modellerinde Göz Alıcı Modeller

Eşofman takımı hemen hemen her kişinin mutlaka bir kaç takımı olduğu bir giysi türüdür. Eşofman takımı hem…

6 gün önce

Evren Sungur Sanat Eserleri Nerede Bulunur?

Evren Sungur hem sanat alanında gelişmiş olan hem de kendini son zamanlarda oldukça fazla gösteren…

1 hafta önce

WordPress Sayfaları ve Gönderiler Arasındaki Fark Nedir?

Bir WordPress sitesini ilk kez başlatmak çok zor görünebilir. Örneğin, WordPress'e yeni başlayanların çoğu, bir…

2 hafta önce

RaceRoom Racing Experience Dereceli Şampiyonalar Başlıyor

Eski adıyla SinBin Studioları tarafından geliştirilen RaceRoom Racing Experience yarış simülasyonu büyük bir güncellemeye daha…

3 hafta önce

Traktör Kuyruk Mili İle Çalışan Su Pompası Fiyatları

Kendisine has çalışma stili ile birlikte ortalama 40 metre  gelinlikten emiş yeteneğine sahip olan traktör…

1 ay önce