Anitoki: Cara Membuat Template Blogger Sendiri Part 2

Ini lanjutan dari Cara Membuat Template Blogger Sendiri Part 1 silahkan ikuti dan pahami yah kita langsung simak tutorialnya.

Cara Membuat Post dan Sidebar Di Blog

Langkah selanjutnya yaitu kita buat sidebar dan postingan , kali ini postingan dan sidebar yang kita buat , letak sidebarnya berada sebelah kiri float:left dan artikel berada disebelah kanan Float:right caranya yaitu :

• Pasang Css Postingan dan Sidebar berikut diatas kode </style>

#artikel-wrapper{float:right;width:724px;overflow:hidden}
#sidebar-wrapper{float:left;width:300px;overflow:hidden}
#sidebar{padding:5px}
.sidebar h2,.sidebar h3{color:#fff;padding:4px 8px;background:#3384cc;background:linear-gradient(top,#3384cc,#2a79bf);background:-webkit-linear-gradient(top,#3384cc,#2a79bf);background:-moz-linear-gradient(top,#3384cc,#2a79bf);background:-o-linear-gradient(top,#3384cc,#2a79bf);font-size:11pt;font-family:'PT Sans',Arial,sans-serif;border-bottom:2px solid #ccc;text-shadow:1px 1px 0 #283744;margin:0;margin-bottom:5px}

• Pasang HTML Sidebar berikut dan letakan di atas <b:section class='main' id='main'>

<aside id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'></b:section>
</aside>

• Pasang HTML Sidebar berikut dan letakan di atas <b:section class='main' id='main'>

<aside id='artikel-wrapper'>

• Tutup HTML artikel tadi dengan meletakan kode penutup berikut tepat di bawah </b:section> yang terakhir (widget posting blog) atau di atas </div> terakhir

</aside>

• Nah sekarang coba anda simpan template dan lihat hasilnya , sampai disini anda sudah bisa membuat template sederhana , tetapi hanya ada widget postingan saja ( Baca cara selanjutnya )