Blogger'a Kod Eklemek İçin Kullanılacak Uygulama | Gürkan ve Kalemi

Gürkan ve Kalemi

Tamamen Kişisel


Blogger’a Kod Eklemek İçin Kullanılacak Uygulama

20 Mayıs 2014 @ Genel


Blogger Logo

Blogger’da kod eklemek büyük sıkıntı. Bu mevzu hakkında yazılanları şöyle bir taratınca hep aynı şeylerle karşılaşıyorsunuz. Başka yöntemler de benim gördüğüm kadarıyla işe yaramıyor. Ben de gece gece bu işin peşine düşüp, Allah’a şükür sonuca ulaştım.

Blogger’a adam akıllı, düzgün şekilde kod eklemek için kullanacağımız kodları buradaki konuda buldum.

Hemen vakit kaybetmeden nasıl olacağını anlatmaya geçeyim.

Önce şuradan gerekli dosyaları indirin. Bunun içinde bir stil ve bir javascript dosyası var:

-jquery.highlight.css
-jquery.highlight.js

Bunları uygun bir yere yükleyin. Sonra şunları Blogger şablonunuzda

<head>...</head>

etiketleri arasına şöyle ekleyin:

<link type="text/css" rel="stylesheet" media="all" href="[yüklü olduğu dizin]/jquery.highlight.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="[yüklü olduğu dizin]/jquery.highlight.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
});</script>

Bu kadar. ? Şimdi istediğiniz kodları düzgün ve güzel bir şekilde Blogger’da yazdığınız yazı içerisinde kullanıp görüntüleyebilirsiniz.

Bu eklentiyi

Kod yazma

şeklinde kullanıyorsunuz. Nasıl göründüğünü merak ediyorsanız buyrun:

Örnek 1:

blogger kod test 1


Örnek 2:

blogger kod test 2


Yorum yapın...