Skip to content Skip to sidebar Skip to footer

Membuat Halaman Blog Seperti Website Minisite di Blogspot

Membuat halaman blog seperti website minisite, biasanya digunakan untuk penjualan produk digital seperti ebook, vidio, jasa online dan banyak lainnya. Biasanya, website minisite hanya bisa dibuat menggunakan wordpress karena tampilannya statis sekalipun masih bisa memberikan tampilan update artikel. 

 

Sumber: infodigimarket.com

 

Bagaimana dengan membuat halaman blog seperti website minisite bila menggunakan blogspot?

Pada dasarnya, anda bisa membuat halaman blog seperti website minisite di blogspot, dalam hal ini minisite blogspot yang tujuannya untuk penjualan. Hanya saja, blog di blogspot sifatnya dinamis yakni ketika ada postingan terbaru, tampilan homepage berubah. Perubahan tampilan inilah yang membuat blog di blogspot tidak bisa menjelma menjadi website minisite.

Penjelasan disini hanya langkah-langkah narasi saja dalam membuat halaman blog seperti website minisite di blogspot. Nantinya, anda bisa melihat sendiri bagaimana langkahnya dalam vidio yang akan saya bagikan.

Bisa membaca narasi terlebih dahulu atau langsung ke vidio yang ada di bawah agar paham bagaimana membuat halaman blog seperti website minisite penjualan.

Hapus Semua Kode HTML yang ada Di Template Blog Blogspot

Tanpa di hapus sebenarnya tidak jadi masalah. Apalagi, anda menginginkan ada widget sidebar di badan konten tulisan. Hanya saja, nanti pengeditannya menjadi lebih rumit kalau tidak dihapus terlebih dahulu. Urusan penambahan footer dan siderbar bisa diatur.

Tentunya, anda jangan terlebih dahulu menyimpen sebelum memasang tag “section” karena nanti gagal simpen. Karena, semua pemrograman HTML dalam membuat template halaman blog, khususnya blog seperti website, menyesuaikan dengan aturan pemrograman blogger.com. Jadi, wajar bila gagal simpan kalau masih kosong tanpa tag section.

Buatlah Section dan Widget Untuk Membuat Kolom Konten Tulisan

Pada permulaan membuat halaman blog seperti website, memang sudah ada tag section sebagai syarat bisa di save. Tetapi, anda harus membuat kembali yang berisikan 3 section untuk header, body dan footer. Section ini tentu harus disatukan dalam container sehingga memiliki kesatuan batas.

Catatan section header, bisa mengambil kode yang ada pada temptale blog yang sudah anda apatkan. Karena pembuatan header membutuhkan pengkodean title tag dan lainnya yang harus secara otomatis akan terisi. Tentunya, nanti bisa diatur menggunakan CSS.

Buatlah Section Blog Postingan Dengan CSS Agar Postingan Tertata Rapih

Sebelum membuat halaman blog seperti website minisite di blogspot, yakni pada tampilan homepage-nya, alangkah baiknya untuk membuat section halaman blog postingan yang disertai CSS-nya agar postingan tertata rapih. Ketika postingan tertata rapih, ini bisa sebagai referensi bagaimana tampilan halaman depannya. Tetapi, bila ingin berbeda tampilan antara halaman statis dan postingan, bisa melakukan pengaturan pembatasan pada widget tertentu.

Pidahkan CSS Postingan pada Widget Untuk Halaman Blog Seperti Website Agar Ada Keserasian Tampilan

Bila sudah membuat halaman blog postingan, bisa digunakan untuk membuat halaman blog seperti website. Caranya, anda bisa mencopy nama dari kode CSS lalu dimasukkan ke dalam tag section widget halaman statis. Misal, nama #inicss dimasukkan dalam tag id=”inicss” (atau .inicss di dalam tag class=”inicss”). Hasilnya sama.

Bila menginginkan ada perbedaan pada halaman website statis, tentu harus mencopy css baru untuk di tempatkan di tempat yang berbeda, lalu di beri tag yang menutup akses untuk halaman postingan

Buatlah Halaman Konten Tulisan Edisi Tampilan HTM Di dalam Kotak Widget Yang Sudah Dibuat

Catatan pentingnya, ketika mau membuat konten di halaman homepage yakni di halaman web statis, anda bisa mengatur tampilan postingan di bagian badan postingan. Hal yang sama seperti ketika mau memposting tulisan. Nah, ketika mau dipindahkan, anda harus mengambil yang edisi HTML-nya.

Untuk lebih jelas dalam membuat halaman blog seperti website minisite penjualan, anda bisa melihat vidionya.

Cara Membuat Website Statis di Blogger

Membuat Web Statis disertai Widget Header Blogger

Cara Membuat Website Responsive Minisite Statis Blogger

Cara Membuat Website Responsive Minisite Statis Blogger



Baca: Cara Membuat Blog Agar Menghasilkan Uang