Bloguma aklıma gelenleri yazıyorum. Bazan da bulduğum sonra arayıp bulması zor bilgileri saklıyorum. Şimdi yazdıklarım da böyle bilgiler.
Blog bir web sayfası hazırlamayı kolaylaştırarak yazanın HTML kodları ile uğraşmadan yazılarını kelimelerle anlatması için düşünülmüştü. Şimdi XML ve HTML5 bu ortamı hazırlayan altyapılar.
Bir blog yazı karakterleri, boyutları, vurgulamaları, renklendirmelerı, kolon, sütun ve resimler ile bir bütün oluşturuyor. Bu özelliklerin kompozisyonları çeşitli temalar altında gruplandırılmış. Kendi temamı yaratayım derseniz altyapıları öğrenmeniz ve araştırmanız gerekiyor.
Blogger içinde bir HTML editörü var. Buraya kopyala yapıştır yaparak dosya aktarılabiliyor. Sakla yaptığınız zaman XML yardımı ile yapı ve desen bilgileri son haline geliyor ve blog görünümü şekilleniyor.
https://learn2programming.itentertainment.org/2014/12/how-to-create-blogger-template-from.html
Aşağıdaki bilgiler ilk öğrendiklerim.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin>
</b:skin>
</head>
<body>
<b:section id='header' class='header' maxwidgets='' showaddelement='yes'>
</b:section>
</body>
</html>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:skin><![CDATA[
body {
background:white;
color:black;
}
#Navbar1 {dispaly:none!important;}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
</body>
</html>
Hiç yorum yok:
Yorum Gönder