Blogger Renkli Kod Paylaşım Eklentisi

3.5.16
Renkli Kod Paylaşım Eklentisi

Blogger sitelerinde paylaşılan CSS, HTML ve JavaScript kodlarını renkli olarak paylaşabilmek artık mümkün. Blogger Eklentileri sitesinin blog yazarları ile Blogger ipuçları ve rehberliği ile yeni eklentileri blogunuzda kullanabilirsiniz.


Blogger sitelerinde renkli kod paylaşımı ile blogunuza farklı bir görünüm daha kazandırmış olursunuz.

Bknz: Blogger Okuma İlerleme Çubuğu Göstergesi

Blogger Renkli Kod Paylaşımı Nasıl Eklenir?

Blogger hesabınıza giriş yaparak blogunuzun kumanda panelinden Şablon > HTML'i Düzenle diyoruz.

1. CTRL+F yardımıyla </head> kodunu bulun ve aşağıdaki kodu </head> kodunun bir satır üzerine ekleyin.

<style type="text/css">
.hljs{display:block;overflow-x:auto;padding:0.5em;background:#282828}
.hljs,.hljs-subst{color:#ebdbb2}
.hljs-deletion,.hljs-formula,.hljs-keyword,.hljs-link,.hljs-selector-tag{color:#fb4934}
.hljs-built_in,.hljs-emphasis,.hljs-name,.hljs-quote,.hljs-strong,.hljs-title,.hljs-variable{color:#83a598}
.hljs-attr,.hljs-params,.hljs-template-tag,.hljs-type{color:#fabd2f}
.hljs-builtin-name,.hljs-doctag,.hljs-literal,.hljs-number{color:#8f3f71}
.hljs-code,.hljs-meta,.hljs-regexp,.hljs-selector-id,.hljs-template-variable{color:#fe8019}
.hljs-addition,.hljs-meta-string,.hljs-section,.hljs-selector-attr,.hljs-selector-class,.hljs-string,.hljs-symbol{color:#b8bb26}
.hljs-attribute,.hljs-bullet,.hljs-class,.hljs-function,.hljs-function .hljs-keyword,.hljs-meta-keyword,.hljs-selector-pseudo,.hljs-tag{color:#8ec07c}
.hljs-comment{color:#928374}
.hljs-link_label,.hljs-literal,.hljs-number{color:#d3869b}
.hljs-comment,.hljs-emphasis{font-style:italic}
.hljs-section,.hljs-strong,.hljs-tag{font-weight:bold}
</style>

2. Yine CTRL+F yardımıyla </body> kodunu bulun ve aşağıdaki kodu </body> kodunun bir satır üzerine ekleyin ve şablonu kaydedin.

<b:if cond='data:view.isPost'>
<script>
// <![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawgit.com/jquerycods/javascript/master/code.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
// ]]>
</script>
</b:if>

3. Blogger Renkli Kod Paylaşımı Nasıl çalışır? Blogger sitenizde CSS, HTML ve JavaScript gibi kodlarını <pre><code> kodlar buraya </code></pre> kodu içerisine ekleyin. Eğer HTML kodlarınız paylaşım için dönüştürülmediyse buraya tıklayara HTML Dönüştürme programını kullanabilirsiniz.


Blogger Renkli Kod Paylaşım Eklentisi hakkında daha fazla bilgi için yorum formunu kullanarak görüş ve sorularınızı bize iletebilirsiniz.
Faydalı mı?
Blogger
Disqus
Yorum Ekle

Hiç yorum yok