Pazar, Nisan 29, 2018

Blogger Kod Belirteci (Code Highlighter) Kurulumu

  Hiç yorum yok

Blogger Kod Belirteci Kurulumu

Öncelikle yazıyı okuyan herkese merhaba bu yazımda blogger de kod paylaşan arkadaşları sevindirecek bir yazı olacak.
Bir çok kod yazıyorsunuz ve bu kodlar blog yazınızda çok karmaşık olabiliyor ya da hiç hoş görünmeye biliyor. İşte bunun çözümü bu yazımda.

Lafı dolaştırmadan direkt olarak kuruluma geçiyorum.

1) İlk olarak blogunuza herhangi bir zarar gelmemesi için şuan ki halinde yedek alın. Temanızın yedeğini almanız yeterli olacaktır.

2) Blogger panelinden temalar kısmına gelin ve html yi düzenle yi seçin.

3) Aşağıdaki kodları </head> kısmının üstüne yapıştırın.

<!-- Syntax Highlighter Additions START -->
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css" rel="stylesheet" type="text/css" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript" />
 
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript" />
  
<script language="javascript" type="text/javascript">
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all();
</script>
<!-- Syntax Highlighter Additions END -->

Bunları yaptıktan sonra temanızı kaydedin ve çıkın. Rahatlıkla artık kullanabilirsiniz. Tabi kullanırkende aşağıdaki gibi kullanmanız gerekiyor.

Yeni yazı - gönderi oluşturduğunuz zaman kod kullanacağınız kısma

<pre class="brush:php;">
Kod buraya
</pre>

Böyle bir kod eklemeniz gerekiyor ve bunu HTML kısmına geçirip eklemeniz gerekiyor. Yazdıklarımı yaptıktan sonra sorunsuz bir şekilde Kod Belirtecini Kullanabilirsiniz.

Not : brush:php kısmını brush:c++ yaparsanız c++ , c# yaparsanız c# kod ayrıştırma mantığı ile boyanır.

Ek olarak bunlarla uğraşmak istemiyorsanız Code Pen kullanabilirsiniz. Öncelikle kodlarınızı oraya ekler ardından da oradan kopyalayıp yazınıza ekleyebilirsiniz.

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

.box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
Eğer bu yazıyı beğendiyseniz aşağıdaki butonlar ile paylaşabilirsiniz.

Hiç yorum yok :

Yorum Gönder