Html temayı Blogger’a aktarma konusu oldukça basittir. İlk olarak normal html iskeletini bu yapıda kullanamazsınız. Aşağıda bulunan html iskeletini Tema HTML düzenle yardımı ile direk yapıştırın. Ardından css kodlarınızı buraya yapıştırın yazan yeri silip css kodlarınızı, javascript kodlarınızı buraya yapıştırın yazan yeri silip javascript kodlarınızı yapıştırın. Sadece iskeleti kullanacaksanız durum böyledir. Ancak yazdığınız html kodlarını direk olarak aktaramazsınız. Bunun için aşağıdaki ilk başlıkta bulunan maddeleri sırayla inceleyin.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<b:skin>
<![CDATA[ css kodlarınızı buraya yapıştırın. ]]>
</b:skin>
</head>
<body> <b:section id='content' />
<script type="text/javascript">
//<![CDATA[ JAVASCRİPT kodlarınızı buraya yapıştırın. //]]>
</script>
</body>
</html>
HTML TEMAYI BLOGGER’A AKTARMA – DİKKAT EDİLMESİ GEREKENLER
1. HTMl iskeletinizde en az bir adet section tagı bulunmalıdır. Bu sebeple section tagını asla oynamayın. Tema görünümünde gözükmeyecektir.
2. Açtığınız her etiketi kapatmanız gerekir. Örneğin <img src=”zfcakademi.com”> gibi bir img etiketini bu şekilde kullanırsanız kaydedemezsiniz. Bunun için <img src=”zfcakademi.com”/> şeklinde etiketin sonunu / işareti ile kapatmanız gerekir. Yada <img src=”zfcakademi.com”></img> şeklinde kullanmalısınız. Bir başka örnek vermek gerekirse <br> yerine <br/> kullanmalısınız. Yani kısaca açtığınız her etiketi veya tagı kapatmalısınız.
3. Eğer bir gatget eklemek isterseniz düzen kısmından gatget ekledikten sonra css ile şekillendirebilirsiniz. Açtığımız section etiketini nereye koyarsanız gatget oraya gelir. Section etiketinin altına sınır koymadığınız sürece istediğiniz kadar gatget ekleyebilirsiniz. Section etiketinin ne olduğunu öğrenmek için buraya tıklayabilirsiniz.
HTML TEMAYI BLOGGER’A AKTARMA – OLUŞABİLECEK BAZI SORUNLAR
HTML temayı Blogger’a aktarma konusunda bazı sorunlar yaşayabilirsiniz. Bu sorunlardan birisi de font kütüphanesini dahil etmektir. Bu tür durumlarda öncelikle <link> etiketi ile çağırdığınız fontun <link> etiketini silinve sadece çağırdığınız kısım kalsın. Blogger font kütüphanesinde bu font varsa sorun çıkmayabiliyor. Eğer font gelmezse internet yardımı ile ufak çaplı bir arama yaptığınızda sonuca ulaşabilirsiniz.
Blogger’a HTML tema uyarlamak bu kadar basittir. Ancak dinamik bir tema yapmak bu kadar basit olmayacaktır. Buraya tıklayarak basit bir dinamik temanın nasıl yapılabileceğini öğrenebilirsiniz. Dinamik bir tema kodlamak için sadece HTML, Css ve Javascript bilmek yeterlidir. Hiçbir dinamik programlama dili bilmeniz gerekmez. Eğer HTML bir temayı kaydetmek istiyorsanız yukarıda bulunan adımları aşama aşama uygulamanız yeterli olacaktır.