Membuat template sendiri intinya yakni hal yang akan menciptakan kita lebih lebih kreatif.Membuat template untuk blog sendiri memang akan memakan cukup banyak waktu sebab sebelum kita menciptakan sebuah template,kita terlebih dahulu menciptakan struktur dasarnya dulu.Saya memang belum dapat menciptakan template blogger sendiri.Tapi paling tidak,saya akan memperlihatkan dasar dasar menciptakan template blogger sendiri.
<?xml version='1.0' encoding='UTF-8'?>Kode diatas yakni dasar atau struktur untuk template blogger.Berikut keterangannya:
<!DOCTYPE html>
<html>
<head>
<title>Kerangka Template</title>
*/<style type="text/css"><!-- /*
<b:skin><![CDATA[
#navbar-iframe
{
visibility:hidden;
height:0;
display:none;
}
]]></b:skin>
<style type='text/css'>
body
{
margin:0;
padding:0;
background-color:#d1d1d1;
}
/* wrapper */
#wrapper
{
width:1100px;
margin-right:auto; margin-left:auto;
background-color:#fff;
overflow:hidden
}
/* Head */
#header-wrapper
{
width:100%;
height:60px;
margin:0;
background-color:red;
display:block;
}
/* Konten */
#konten-wrapper
{
width:60%;
margin:20px;
background-color:blue;
float:left;
display:block;
overflow:hidden;
}
/* Sidebar */
#sidebar-wrapper
{
width:30%;
margin:20px;
background-color:green;
float:right;
display:block;
overflow:hidden;
}
/* Jangan Bingung Footer */
#footer-wrapper
{
width:100%;
height:50px;
background-color:#000;
display:block;
overflow:hidden;
}
</style>
</head>
<body>
<div id='wrapper'> // Wrapper
<div id='header-wrapper'> // Header-Wrapper
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Jangan Bingung' type='Header'></b:widget>
</b:section>
</div>
<div id='konten-wrapper'> // Konten Wrapper
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Kontem' type='Blog'></b:widget>
</b:section>
</div>
<aside id='sidebar-wrapper'> // Sidebar-Wrapper
<b:section class='sidebar' id='sidebar' showaddelement='yes'></b:section>
</aside>
<div id='footer-wrapper'> // Footer-Wrapper
<p>Copyright©2017</p><a href='https://rshafly.blogspot.co.id/'> </a>
</body>
</html>
1.Header Wrapper
Wrapper yakni pecahan atas template yang berfungsi untuk membungkus pecahan atas template yang kita buat.
2.Footer
Footer yakni pecahan bawah template yang berfungsi sama menyerupai header wrapper yaitu membungkus template dibagian bawah.
3.Konten Wrapper
Konter Wrapper yaitu tampilan pada postingan kita.Ini juga merupakan hal yang penting sebab tanpa adanya Konten Wrapper,postingan atau artikel pada blog kita akan menjadi berantakan.
4.Sidebar
Sidebar yakni kawasan menaruhnya widget template pada blog kita menyerupai postingan terpopuler,label,recent post,fanspage,subsribe artikel,dan masih banyak lagi.
Berikut yakni kerangka dasar dari template blogger.Kamu dapat mengkreasikan atau menggabungkan template yang lain asal kau memahami betul letak Wrapper,Header Wrapper,Konten Wrapper,Sidebar,dan Footer Wrapper.
0 comments:
Post a Comment