Membuat Kolom Display Produk di Blogspot

Cara mudah dan cepat membuat kolom Display Produk di blogspot yang dapat kamu lakukan sendiri tanpa harus menyewa seorang designer web, atau membeli jasa desain website yang bisa jadi kamu harus membayar puluhan juta rupiah.

Untuk kamu yang terbiasa jualan online tentu sudah tidak asing lagi dengan yang namanya Display Produk, sebaris nama aneka produk yang di jual dengan tampilan harga sekaligus.

Nah untuk kali ini saya akan memberikan sedikit tips atau cara membuat kolom display produk di blogspot. mengapa harus di buat? karena fasilitas platform blogspot belumn di sediakan oleh pemiliknya.

Oleh karena itu, kita sebagai pengguna harus bisa memberikan solusi terbaik untuk blog kita agar dapat berjualan juga, sehingga blog mampu menghasilkan uang sesuai keinginan para blogger yang sebenarnya.

Cara Membuat Kolom Display Produk di Blogspot

Sahabat Blog Kuamang Media, Sebenarnya sudah banyak ya, template atau theme yang sudah memberikan fasilitas lengkap seperti display produk ini, namun terkadang setelah membeli template tersebut para blogger kehilangan tempat untuk menulis, karena template tersebut di desain hanya untuk berjualan saja.

Awalnya saya juga mengalami hal serupa, membeli banyak template premium tapi hanya bisa di gunakan untuk berjualan saja, dan tidak ada fasilitas untuk menulis, sehingga saya waktu itu memutuskan dengan cara membuat sub domain, tapi itu semakin membuat ribet.

Selain harus berpindah dasboard blogspot juga produk pada halaman web utama tidak dapat di lihat para pengunjung blog secara langsung. akibatnya penjualan produk dan link afiliasi tidak maksimal hasilnya.

Untuk itu silahkan kalian silahkan contoh script yang ada pada artikel berikut ini, dan jangan lupa untk di modifikasi sesuai dengan template yang kalian miliki, atau jika belum memiliki kalian bisa memesan template blogger wisata di website bungomedia.co.id.

Berikut ini adalah script yang bisa anda gunakan dan di modifikasi sesuai keinginan kalian serta ilmu kalian di seputar HTML.

Download Kolom Display Produk di Blogspot

<div class="fitur latar-putih"> <div class="konten headline"> <h2 class="tebal">Produk Unggulan Kami</h2> </div> <div class="konten display"> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="label"><p>Terlaris</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="label new"><p>New !</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> </div> <div class="konten display"> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> <div class="kol4"> <div class="display-konten"> <div class="diskon"><p>50%<br/>OFF</p></div> <img class="display-img" src="https://demo.jasawebsitemlm.com/tokomlm/image/baju%20(6).jpg"/> <p class="display-title"><a class="line-clamp2" href="#">Nama Produk Kamu di Sini</a> </p> <div class="display-harga"> <span class="merah">Rp 22.150.000</span><br/><span class="coret"><strike>Rp 3.150.000</strike></span> </div> <div class="display-tombol"> <a class="tombol" href="#">ORDER</a> </div> </div> </div> </div> </div> <style> .display{padding:0 5px;} .display .kol4{padding:10px;} .display .display-konten{border:1px solid #c9c9c9;border-radius:6px;content:"";display:table;clear:both} .display .display-img{border-radius:6px 6px 0 0;width:100%;} .display .display-title {text-align:left;font-size:18px;padding:10px;font-weight:400;line-height:1.2em;} .display .display-harga{padding:10px;width:60%;float:left;font-size:17px;line-height:1em;margin-top:0;padding-top:0} .display .coret{font-size:13px;color:#333333;line-height:1em} .display .display-tombol{float:right;font-size:16px;font-weight:500;letter-spacing:.1em} .display .display-tombol .tombol{background:#c9c9c9;margin-right:10px;padding:4px 6px;border-radius:4px} .display .display-konten .diskon,.display .display-konten .label{position:absolute;} .display .display-konten .diskon p{position:relative;margin:5px;padding:8px;background:red; border-radius:50%;font-size:14px;color:#ffffff;line-height:1em;text-align:center} .display .display-konten .label p{position:relative;margin:5px 0 0 -10px;padding:8px 3px;background:blue; border-radius:0;font-size:14;color:#ffffff;font-weight:400} .display .display-konten .new p{background:darkorange;} @media (max-width: 1024px){ .display .kol4{padding:5px;} .display .display-title{padding:5px;font-size:14px;} .display .display-harga{padding:5px;font-size:13px;width:60%;margin-top:0;padding-top:0} .display .coret{font-size:10px;} .display .display-tombol{font-size:13px;letter-spacing:0} .display .display-tombol .tombol{margin-right:5px;padding:3px 5px;} } </style>

Demo Kolom Display Produk lainnya

Berikut ini adalah beberapa contoh kolom display produk untuk blogspot.

Produk Unggulan Kami

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

Terlaris

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

New !

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

50%
OFF

Nama Produk Kamu di Sini

Rp 22.150.000
Rp 3.150.000

ORDER

Harga Promo reseller Tokopedia

Nama Produk Kamu di Sini

Rp 150.000 Baru

100 Terjual

Nama Produk Kamu di Sini

Rp 150.000 Diskon

100 Terjual

Nama Produk Kamu di Sini

Rp 150.000

100 Terjual

Nama Produk Kamu di Sini

Rp 150.000 Terlaris

100 Terjual

Produk Unggulan Kami

Nama Produk Kamu di Sini

Tuliskan Produk Kamu di sini Produk Kamu di sini di sini Produk Kamu di sini

Rp 150.000 DETAIL

Nama Produk Kamu di Sini

Tuliskan Produk Kamu di sini Produk Kamu di sini di sini Produk Kamu di sini

Rp 150.000 DETAIL

Nama Produk Kamu di Sini

Tuliskan Produk Kamu di sini Produk Kamu di sini di sini Produk Kamu di sini

Rp 150.000 DETAIL

Manfaat Kolom Display Produk

Kolom display produk memiliki berbagai manfaat yang penting dalam berbagai konteks, terutama dalam dunia bisnis dan penjualan. Beberapa manfaatnya antara lain.

Meningkatkan Paparan Produk

Kolom display produk memungkinkan produk Anda dipajang dengan menarik, membuatnya lebih mudah dilihat oleh calon pelanggan. Produk yang terlihat menarik dan menonjol akan menarik perhatian lebih banyak orang.

Memudahkan Pengaturan Produk

Dengan menggunakan kolom display, Anda dapat mengatur produk dengan lebih teratur dan rapi. Ini membantu pelanggan untuk dengan cepat melihat berbagai pilihan produk yang tersedia

Meningkatkan Penjualan

Dengan paparan produk yang lebih baik dan pengaturan yang tertata rapi, kemungkinan penjualan produk meningkat. Kolom display dapat membantu mendorong pembelian impulsif dan menggerakkan konversi dari calon pelanggan menjadi pembeli.

Meningkatkan Pengalaman Pelanggan

Kolom display yang menarik dapat menciptakan pengalaman berbelanja yang lebih menyenangkan dan menarik bagi pelanggan. Ini membantu menciptakan hubungan positif dengan merek Anda.

Meningkatkan Kesadaran Mere

Jika produk Anda dipajang dengan baik, kolom display dapat membantu meningkatkan kesadaran merek. Logo dan desain merek yang menarik pada kolom display dapat membantu menciptakan identitas yang mudah diingat oleh konsumen.

Memudahkan Pelanggan dalam Memilih

Dengan melihat produk yang ditampilkan pada kolom display, pelanggan dapat dengan mudah membandingkan pilihan produk. Ini membantu mereka membuat keputusan yang lebih tepat sebelum melakukan pembelian.

Promosi dan Penawaran Khusus

Kolom display dapat digunakan untuk menyoroti promosi, penawaran khusus, atau diskon pada produk tertentu. Ini membantu menarik perhatian konsumen yang mencari kesepakatan menarik.

Mengoptimalkan Ruang Toko

Kolom display memungkinkan penempatan produk secara vertikal, sehingga memungkinkan penggunaan ruang toko yang lebih efisien. Dengan menggunakan kolom display, Anda dapat menampilkan lebih banyak produk dalam area yang lebih kecil.

Menggoda Konsumen untuk Mencoba Produk

Jika Anda memiliki produk baru yang ingin dipromosikan, kolom display adalah cara yang efektif untuk menarik perhatian dan menggoda konsumen untuk mencobanya.

Penutup

Kolom display yang menarik dapat menciptakan pengalaman berbelanja yang lebih menyenangkan dan menarik bagi pelanggan. Ini membantu menciptakan hubungan positif dengan merek Anda.

Dalam keseluruhan, kolom display produk adalah alat yang efektif dalam meningkatkan paparan dan penjualan produk Anda, memudahkan pelanggan dalam memilih, dan menciptakan pengalaman berbelanja yang lebih baik. Jika digunakan dengan bijaksana, kolom display dapat menjadi aset berharga dalam strategi pemasaran dan penjualan produk Anda.

Mungkin sementara hanya itu saja tutorial cara Membuat Kolom Display Produk di Blogspot yang bisa saya sampaikan pada artikel kali ini. semoga bermanfaat ya sob.