Cara Menciptakan Template Blogger Sendiri Part 2
Kali ini aku akan melanjutkan Tutorial Cara Membuat Template Blogger Sendiri Part 1 yang sebelumnya sudah aku pulikasikan kini kita lanjutkan dengan Tutorial Memasang Main Wrapper dan juga Sidebar.
Ok, pribadi saja praktekan tutorial dibawah ini.
Pertama, kita buat terlebih dahulu arahan CSSnya supaya terlihat tamvan nantinya, Gunakan arahan berikut bila ingin lebih Mudah dan letakan sebelum arahan ]]></b:skin> atau </style>.
CSS untuk Main Wrapper
CSS untuk Siebar Wrapper
Kedua, pasang arahan HTML Main Wrapper untuk memanggi arahan CSS Main Wrapper yang telah kita buat.
1. Pasang Kode dibawah ini diatas<b:section class='main' id='main'> atau dibawah <div id='wrapper'>.
2. Pasang Kode dibawah ini diatas</div> epilog dari arahan <div id='wrapper'> atau dibawah </b:section> epilog dari arahan <b:section class='main' id='main'>.
Ketiga, pasang arahan HTML Sidebar Wrapper untuk memanggil arahan CSS Sidebar Wrapper yang telah kita buat.
Pasang Kode dibawah ini di atas</div> epilog dari arahan <div id='wrapper'> atau dibawah </aside> epilog dari arahan <aside id='main-wrapper'>.
Nah, Kalau sudah simpan template dan coba buat satu widget, caranya : buka sajian Tata letak kemudian buat widget di gadget sidebar sesudah itu save dan lihat hasilnya.
Sampai disini dulu ya kita lanjutkan di Part berikutnya, sekian semoga bermanfaat. Sumber https://www.denylistianto.com/
Ok, pribadi saja praktekan tutorial dibawah ini.
Cara Membuat Template Blogger Sendiri Part 2
Pertama, kita buat terlebih dahulu arahan CSSnya supaya terlihat tamvan nantinya, Gunakan arahan berikut bila ingin lebih Mudah dan letakan sebelum arahan ]]></b:skin> atau </style>.
CSS untuk Main Wrapper
/* Main Wrapper */ #main-wrapper{float:left;width:65.5%;overflow:hidden} CSS untuk Siebar Wrapper
/* Sidebar Wrapper */ #sidebar-wrapper{float:right;width:34.5%;overflow:hidden} #sidebar{padding:0 0 0 12px} .sidebar h2,.sidebar h3{font-weight:700;overflow:hidden;position:relative;color:#222;padding:10px 0;margin:0 0 10px 0;text-transform:uppercase;display:block;border-bottom:1px solid rgba(0,0,0,0.05);letter-spacing:.5px;font-size:17px} Kedua, pasang arahan HTML Main Wrapper untuk memanggi arahan CSS Main Wrapper yang telah kita buat.
1. Pasang Kode dibawah ini diatas<b:section class='main' id='main'> atau dibawah <div id='wrapper'>.
<aside id='main-wrapper'> 2. Pasang Kode dibawah ini diatas</div> epilog dari arahan <div id='wrapper'> atau dibawah </b:section> epilog dari arahan <b:section class='main' id='main'>.
</aside> Ketiga, pasang arahan HTML Sidebar Wrapper untuk memanggil arahan CSS Sidebar Wrapper yang telah kita buat.
Pasang Kode dibawah ini di atas</div> epilog dari arahan <div id='wrapper'> atau dibawah </aside> epilog dari arahan <aside id='main-wrapper'>.
<aside id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' showaddelement='yes'> </b:section> </aside> Nah, Kalau sudah simpan template dan coba buat satu widget, caranya : buka sajian Tata letak kemudian buat widget di gadget sidebar sesudah itu save dan lihat hasilnya.
Sampai disini dulu ya kita lanjutkan di Part berikutnya, sekian semoga bermanfaat. Sumber https://www.denylistianto.com/