Cara Menampilkan kotak Script Pada Postingan Blogger

Table of Contents

 Untuk membuat kotak script pada postingan di Blogger, Anda dapat menggunakan HTML atau CSS untuk mendesainnya. Berikut adalah contoh cara membuat kotak script dengan menggunakan HTML dan CSS:

1. Buka halaman pengeditan postingan di Blogger.

2. Pilih mode HTML atau "Edit HTML" jika Anda menggunakan mode komposisi.

3. Tambahkan kode HTML berikut di mana Anda ingin menampilkan kotak script:

 <div class="kotak-script">  
   <!-- Isi script Anda di sini -->  
   <p>Ini adalah kotak script.</p>  
 </div>  

4. Kemudian, tambahkan kode CSS berikut di bagian CSS kustom atau template Anda:

 .kotak-script {  
   background-color: #f0f0f0;  
   border: 1px solid #ccc;  
   padding: 20px;  
   margin-bottom: 20px;  
 }  

Dalam contoh di atas, Anda dapat mengganti warna latar belakang, warna batas, padding, dan margin sesuai dengan preferensi Anda.

Setelah menyimpan perubahan Anda, kotak script akan ditampilkan di postingan Anda dengan gaya yang telah Anda tentukan. Pastikan untuk mengedit kode HTML dan CSS sesuai kebutuhan Anda.

Atau jika Anda masih bingung, dapat menggunakan jalan terakhir dengan menggunakan jasa pihak ke tiga di sini Edit HTML.

Di sana kalian dapat dengan mudah menampilkan kode script di postingan blogger kalian. Tinggal paste saja scriptnya yang mau kalian postingkan di web kalian dan tinggal klik tombol Format Source Code lalu tunggu hasilnya selesai.

Jika hasilnya sudah muncul, kalian tinggal copy paste script yang sudah diubah tadi oleh pihak ke tiga ke dalam postingan kalian. Jangan lupa copy pastenya di pengaturan postingan kalian ubah dulu ke dalam bentuk html ya.

Semoga berhasil!