Yu kita mulai dalam pembuatan template ada beberapa bagian baik itu 1 kolom, 2 kolom bahkan sampai 3 kolom seperti yang sedang saya pakai sekarang ini,tapi kebanyakan orang menyukai yang 2 kolom. Berikut susunan sederhana dari template yang akan kita buat:
susunan sederhana template :
Yuk langsung saja bagaimana cara pembuatan tempalte:<html>
<head>
<title>My themplates</title>
</head>
<body>
</body>
</html>
XML singkatan dari (Extensibel Markup Language) :
Untuk Elemen Head<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' expr:class='"v2 " + data:blog.mobileClass' expr:dir='data:blog.languageDirection' id='hollabacktexashtml' itemscope='' itemtype='http://schema.org/Article' 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' xmlns:og='http://ogp.me/ns#'>
<head>
<head>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<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/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:skin><![CDATA[ /* Kode CSS di sini */
]]></b:skin>
</head>
Untuk bagian Body
<body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
Untuk bagian Navbar
Tambahan untuk Navbar Css<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
Untuk bagian Header#navbar-iframe {height:0px;visibility:hidden;display:none;}
Untuk bagian Main<header id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title (Header)' type='Header'>
<b:includable id='main'>
/* disini judul dan deskripsi atau bisa anda menggabungkan dengan iklan disampignnya */
</b:includable>
</b:section>
</header>
Untuk bagian Sidebar<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
Untuk bagian Footer<b:section class='sidebar' id='sidebar' preferred='yes'>note : Jika anda ingin menambahkan 1 sidebar lagi tambahkan class dengan nama sidebar2 atau apa saja.
</b:section>
Nah selesai deh untuk membuat themplate blogger kreasi kalian,<b:section class='footer' id='footer' showaddelement='no'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
nahcontoh di atas juga bisa kalian gunakan untuk mengcopy/clone Themplate orang lain dengan memperhatikan bagian-bagian yg ada di atas,lalau tinggal kalian aplikasikan saja untuk bagian penting seperti di atas ... Semoga Bermanfaat
sumber : http://hollabacktexas.blogspot.com
0 komentar:
Posting Komentar