Cara Membuat Kotak HTML JavaScript Di Postingan Blogger Dengan Keren

SebarkanCara.com - Hallo apa kabar buat kamu yang memiliki sebuah blog yang membahas tentang kode Script seperti membahas tentang widget template dan lain-lain mungkin kamu membutuhkan yang namanya cara membuat kotak HTML atau javascript di sebuah postingan blog, untuk meletakkan kode yang nantinya ingin kita bagikan kepada pengunjung kita supaya nantinya dapat mereka copy paste dengan mudah karena adanya batas kotak yang terdapat di tulisan javascript, maka dari itu di sini saya akan membagikan cara atau proses pembuatannya supaya blog kita menjadi terlihat lebih profesional dan tidak acak-acakan

Kode untuk membuat kotak html JavaScript ini di postingan blogger juga sangatlah simpel dan sangat bermacam-macam semuanya bisa anda pilih Sesuka hati anda karena dibawah ini saya akan membagikan banyak kode yang bisa kamu pilih sesuai selera anda semuanya memiliki tampilan berbeda-beda dan untuk fungsinya yaitu masih sama.  yaitu untuk meletakkan kode JavaScript atau kode lainnya. Supaya tidak tercampur dengan kata-kata pada blog kita. Oke Langsung saja Anda dapat mempraktikkan atau mengcopy paste kode yang saya berikan dibawah ini dan langsung bisa kamu gunakan.

Cara Membuat Box/Kotak Peletakan Code HTML JavaScript Di Postingan Blogger

1. Gaya 1 

Ganti Tuisan Ini Dengan Kode HTML/Javascript

Copy Dan paste kode Dibawah ini di Mode HTML

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Ganti Tuisan Ini Dengan Kode HTML/Javascript

</div>

2. GAYA 2

Ganti Tuisan Ini Dengan Kode HTML/Javascript

Copy Code dibawah ini dan Ganti KODE HTML ANDA DI SINI dalam mode HTML

<div align="left">

<textarea cols="70" name="code" rows="6"> 

KODE HTML ANDA DI SINI

</textarea>

3. Gaya 3

Ganti Tuisan Ini Dengan Kode HTML/Javascript

Copy dan Paste Code Dibawah ini di mode HTML

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

4. Gaya 4

Ganti Tuisan Ini Dengan Kode HTML/Javascript

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Ganti Tuisan Ini Dengan Kode HTML/Javascript</div>

Dari beberapa kode yang saya berikan di atas silahkan anda ubah tulisan yang saya beri warna merah dengan kode javascript yang ingin anda bagikan, tetapi sebelumnya supaya lebih sempurna hasilnya lebih baik anda menuntaskan terlebih dahulu postingan Anda di blogger, setelah tuntas, kemudian edit dalam mode HTML, setelah itu Anda bisa mem paste kode yang saya berikan di atas Dimana posisi anda ingin meletakkan ya, dan kembali lagi ke mode Compose dan edit ganti tulisannya dengan Code Html atau Javascript yang ingin anda bagikan.

Oke baiklah mungkin cuma sampai situ saja postingan kali ini mengenai cara membuat box kotak javascript di postingan blogger semoga informasi yang saya bagikan ini dapat menambah wawasan Anda seputar dunia blogger dan apabila ada yang ingin ditanyakan seputar postingan ini silahkan anda bisa menulisnya di kolom komentar yang tersedia di bawah Insya Allah saya balas secepat mungkin, terimakasih.

Bagikan Artikel ini