Cara Membuat Kotak Script dalam Postingan Blog Terbaru (2021)

cara membuat kotak kode html ,JavaScript,dan css dipostingan blog

Banyak orang yang request Cara membuat Kotak script Html, CSS & JavaScript di Postingan Blog ? Nah kali ini saya berikan untuk kalian. Kotak Kode biasanya digunakan untuk menyisipkan kode – kode program seperti Html, JavaScript ,CSS ataupun kode lainnya. Penggunaan Kotak ini bertujuan agar kode – kode yang ada di postingan blog tersusun rapi. Ada banyak cara yang digunakan untuk membuat kotak kode ini yang terpenting ialah bisa diaplikasikan dihtml.

Baca Juga :  Cara Mengganti Template Blog (Blogspot) Lengkap

Beberapa kode tersebut memang sangat simpel namun kalian harus teliti saat penerapan dihtml. Terkadang banyak publisher menyepelekan hal tersebut dan yang terjadi box kode tersebut tak bisa digunakan. Sebenarnya ada solusi lain jika kalian tidak ingin menggunakan kotak kode ini. Bisa kalian gunakan tanda kutip (“) yang terdapat di bagian kanan atas saat kalian menulis artikel.

Baca Juga :  Tutorial Blogger blogspot Lengkap untuk Pemula Terbaru

Cara membuat Kotak Script di Blog Paling Mudah

Berikut merupakan Cara membuat Kotak Script dalam postingan blog paling mudah. Semua kode seperti html, css, serta javascript bisa kalian input disitu.

Baca Juga :  Cara Melaporkan Blog Copas ke Google DMCA dengan Mudah 2021

Penggunaan tanda kutip tersebut cukup membantu agar kode yang akan kalian masukan kedalam postingan tersusun rapi. Namun jika kalian ingin tampilan kode lebih rapi dan keren bisa gunakan Script yang akan saya bagikan dibawah ini.

Baca Juga :  Cara Cek Website Down atau Tidak dengan Tool secara Online

Kode Pertama

<textarea cols=”70″ rows=”5″>Kode yang akan kalian sisipkan</textarea>

Hasilnya

Baca Juga :  Inilah Meta Tag SEO Friendly dan Valid HTML5 Blogger Terbaru

kode yang akan kalian sisipkan

Kode Kedua

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;”>Kode Script Anda Disini</div>

Hasilnya Kode Script Anda Disini

Baca Juga :  Pajak Google Adsense 2019 untuk para Publisher

Kode Ketiga

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;”>Kode Script Anda Disini</div>

Hasilnya Kode Script Anda Disini

Baca Juga :  Cara Membuat Blog di Blogger.com Lengkap dari A - Z (2021)

Kode Keempat

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;”>Kode Script Anda Disini</div>

Hasilnya Kode Script Anda Disini

Baca Juga :  5 Niche Blog paling ramai pengunjung

Nah itulah beberapa kode untuk membuat kotak script dalam postingan blog. Cukup mudahkan, Silahkan praktekan dan tiru langkah – langkah diatas supaya mendapatkan hasil yang maksimal.

Baca Juga :  √ Cara Membuat Privacy Policy di Blogspot dan Wordpress (2021)

Cara memasang Kotak Script dalam Postingan Blog

1. Langkah pertama kalian buka draft blogger terus buat postingan baru/entri baru

Baca Juga :  Cara Riset Keyword yang Tepat Sasaran Agar Page One

2. Selanjutnya kalian ganti bagian compose ke mode html (karena kalian akan memasang Script html)

Baca Juga :  Inilah Meta Tag SEO Friendly dan Valid HTML5 Blogger Terbaru

3. Langkah berikutnya pastekan kode yang sudah disiapkan tadi dibagian yang kalian inginkan

Baca Juga :  √ Cara Membuat Privacy Policy di Blogspot dan Wordpress (2021)

4. Setelah kalian pasang atau paste kode kotak box tadi coba kalian ganti ke mode Compose lagi apabila kotak kode sudah ada berarti berhasil. Nah kotak kode belum ada mungkin kalian salah memasang atau biasanya ada kode yang kalian belum tulis misalkan <br />. Terkadang kalian lupa memberi kode penutup pada script yang akan kalian pasang

Baca Juga :  Pajak Google Adsense 2019 untuk para Publisher

5. Semoga berhasil

Nah itulah sedikit Tips cara membuat Kotak Script di blog dengan mudah . Semoga artikel ini bermanfaat bagi kalian semua. Terimakasih

Baca Juga :  Cara Riset Keyword yang Tepat Sasaran Agar Page One

Satu pemikiran pada “Cara Membuat Kotak Script dalam Postingan Blog Terbaru (2021)”

Tinggalkan komentar