 |
Basic code Homemade Blogger Templates-after yesterday's you've learned Basic HTML Programming Arrangement for templates Blogger and have been making your own templates now that we will give some code so that the template that you created earlier can run on blogger. Because the code-the code below is very sensitive, you have to be meticulous in putting it and follow all the instructions.
Declaration of xml (eXtensible Markup Language)
XML (eXtensible Markup Language) is a subset (subset) of the Standard Generalized Markup Language (SGML), which aims to let SGML in generic can serve, receive, and process in such a way that the Web made possible the HyperText Markup Language (HTML) at this time.
XML is designed for ease of implementation and for interoperability with SGML and HTML. So XML is a markup language specifically designed for delivering information over the World Wide Web, just as HTML (Hypertext Markup Language), which has become the standard language for creating web pages since the early web presence.
When we want to enter the geographical region or language supported by the content in HTML — no need to add a meta tag simply paste — lang, example: lang = ' id ', lang = ' en ', lang = ' en-us ', lang = ' fr ', and so on.<?xml version="1.0" encoding="UTF-8" ?><!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'>
<html lang='id' 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'>The code above we put above or before the <html> code.
The Head Element
HTML head contains a number of landmark which includes scripts, instructions to the browser to find stylesheets, providing meta information, and others.
<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><b:if cond='data:blog.homepageUrl == data:blog.url'><data:blog.title/><b:else/><data:blog.pageName/> | <data:blog.title/></b:if></title><meta content='' name=''/><link href='' rel='' type=''/><script src='' type=''/><b:skin><![CDATA[ /* CSS Anda di sini */body {background: #fff;color: #000;font: .875em/1.7143em Georgia, Times, "Times New Roman", serif;text-align: left;word-spacing: .075em;}… dan seterusnya …]]></b:skin></head>
Elements Of The Body
HTML body is the body of the HTML (HyperText Markup Language) which will display the form encoding on the screen of your browser. Whereas some element enclosing them we can describe as follows.
<body expr:class='"loading" + data:blog.mobileClass'>Navbar
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
Header
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog (Header)' type='Header'/>
</b:section>
Main (Posting Blog)
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
Sidebar
<b:section class='sidebar' id='sidebar' preferred='yes'/>
Footer
<b:section class='footer' id='footer' showaddelement='no'>From a few landmark elements at the top, usually to display a page of posts or a static page on your blog, at least there should be a main element of the widget (blog post). While others can be customized manually, such as header can only contain the title and tagline, the function we can turn off navbar feature, and others.
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
The post this time, hopefully with this learning process can make it easier for those of you who are learning to make their own blog template.
No comments:
Post a Comment