Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Kotak Script Blog Untuk Menampilkan Kode HTML


Cara Membuat Kotak Script Blogger Paling Mudah-Mempunyai blog apalagi bertema tutorial memang mempunyai kesulitan yang berbeda ketimbang blog dengan niche yang lainnya. Kenapa? Karena blog tutorial selain menyiapkan bahasa yang mudah dipahami, kita harus menyiapkan media yang gampang diakses oleh pengunjung kita. Salah satu contoh medianya adalah kotak script blogger.

Kotak blog berisi kode script ini memang tidak disediakan oleh blogger. Jadi kita harus memutar otak dan bikin sendiri kotaknya secara manual. Tetapi tenang, kamu sudah masuk ke dalam website yang sangat tepat. Berikut adalah cara step by step membuat kotak script paling mudah versi endosadewa.com:

1. Login ke Blogger, Edit Post

2. Pilihlah HTML bukan compose (Lihat gambar di bawah)

3. Masukkan kode script di bawah ini di dalam kotak HTML


<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
test endosadewa.com (ganti tulisan ini).</div>



Lihat Contoh seperti gambar di bawah:


Setelah itu kamu langsung bisa klik compose untuk melihat kotak buatanmu. Jadinya seperti kotak biru ini. Lihat keterangan di bawah untuk kostumisasi tampilan keren lainnya.




SAATNYA PILIH KOSTUMISASI


<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">

endosadewa.com(ganti tulisan ini).</div>


Keterangan:
  • Warna kuning   di kode angka adalah warna dari border kamu
  • Double adalah jenis border ada 2 garis
  • warna biru kode #fffff adalah warna dari background
Kamu bisa mengganti sesuai dengan selera kamu. Berikut adalah kode yang bisa kamu buat.
Untuk pemilihan warna silahkan pergi ke MILIH WARNA dan copas kode yang depannya ada pagar.


Untuk Pemilihan Border kamu bisa MENGGANTI kode double di script tadi dengan:

www.endosadewa.com (Ganti double dengan Dashed).

www.endosadewa.com (Ganti double dengan Dotted)

www.endosadewa.com (Groove).

www.endosadewa.com (Inset).

www.endosadewa.com (Outset).

www.endosadewa.com (Ridge).

www.endosadewa.com (Solid).


Nah bagaimana teman-teman? Gampang kan? Semudah membalikkan tangan aslinya xixiix.
Itulah cara membuat kotak script dengan sangat mudah di blogger. Setelah memprakekkan ini blogmu akan menjadi semakin cantik lho kawan.

Jangan lupa buka artikel kita yang lainnya ya teman-teman. Sampai jumpa di lain waktu, jangan sungkan untuk bertanya apabila ada kesulitan silahkan komentar di bawah.

Posting Komentar untuk "Cara Membuat Kotak Script Blog Untuk Menampilkan Kode HTML"