Cara Membuat Template Blogger Sendiri Dengan Mudah
Saturday, December 23, 2017
Add Comment
Membuat template sendiri pada dasarnya adalah hal yang akan membuat kita lebih lebih kreatif.Membuat template untuk blog sendiri memang akan memakan cukup banyak waktu karena sebelum kita membuat sebuah template,kita terlebih dahulu membuat struktur dasarnya dulu.Saya memang belum bisa membuat template blogger sendiri.Tapi paling tidak,saya akan memberikan dasar dasar membuat template blogger sendiri.
<?xml version='1.0' encoding='UTF-8'?>Kode diatas adalah 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;
}
/* RSHAFLY wrapper */
#wrapper
{
width:1100px;
margin-right:auto; margin-left:auto;
background-color:#fff;
overflow:hidden
}
/* RSHAFLY Head */
#header-wrapper
{
width:100%;
height:60px;
margin:0;
background-color:red;
display:block;
}
/* RSHAFLY Konten */
#konten-wrapper
{
width:60%;
margin:20px;
background-color:blue;
float:left;
display:block;
overflow:hidden;
}
/* RSHAFLY 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/'> RSHAFLY</a>
</body>
</html>
1.Header Wrapper
Wrapper adalah bagian atas template yang berfungsi untuk membungkus bagian atas template yang kita buat.
2.Footer
Footer adalah bagian bawah template yang berfungsi sama seperti header wrapper yaitu membungkus template dibagian bawah.
3.Konten Wrapper
Konter Wrapper yaitu tampilan pada postingan kita.Ini juga merupakan hal yang penting karena tanpa adanya Konten Wrapper,postingan atau artikel pada blog kita akan menjadi berantakan.
4.Sidebar
Sidebar adalah tempat menaruhnya widget template pada blog kita seperti postingan terpopuler,label,recent post,fanspage,subsribe artikel,dan masih banyak lagi.
Berikut adalah kerangka dasar dari template blogger.Kamu bisa mengkreasikan atau menggabungkan template yang lain asal kamu memahami betul letak Wrapper,Header Wrapper,Konten Wrapper,Sidebar,dan Footer Wrapper.
0 Response to "Cara Membuat Template Blogger Sendiri Dengan Mudah"
Post a Comment
NO SPAM PLEASE