Cara Buat Kotak Script HTML Dalam Postingan Blog

Assalamau'alaikum Wr. Wb.



A. PENDAHULUAN
          Selamat datang di blog saya, kali ini saya akan membagikan sedikit informasi atau sharing tentang cara buat kotak script html di dalam postingan atau artikel blog. Untuk lebih jelasnya mari kita simak artikel berikut ini.

B. LATAR BELAKANG
            Dalam pembuatan kotak script HTML dapat berguna untuk menandai sebuah tulisan atau artikel yang penting dan berfungsi untuk meyematkan kotak dalam sebuah tulisan atau artikel.


C. MAKSUD DAN TUJUAN
            - Untuk manandai sebuah hal yang penting
            - Untuk mempercantik tampilan artikel
            - Untuk meyematkan motak dalam tulisan atau artikel


D. WAKTU YANG DIBUTUHKAN
           Kurang dari 5 menit


E. PEMBAHASAN
           Dalam artikel ini saya mau sharing atau memberikan informasi sedikit tentang cara buat kotak script html pada postingan atau artikel pada blog.

Maksud dalam pembuatan tersebuat adalah untuk menyematkan kotak dalam tulisan blog agar terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Namun kotak yang disematkan dalam postingan ini tidak disediakan default oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.

   1. Login ke blog anda masing-masing terlebih dahulu
   2. Lalu pilih dan klik Entri baru
   3. Buat tulisan atau artikel (contoh seperti gambar di bawah ini), di dalam
       halaman Compose



   4. Kemudian pilih dan klik HTML (seperti gambar di bawah ini)



   5. Setelah itu masukkan script HTML berikut ini pada bagian seperti gambar
       di bawah ini

<div style="border: 3px blue Double; padding: 10px;background-color:#ffffff; text-align: left;">.Ricky Candra Prabowo (ganti tulisan yang tanda merah dengan tulisan atau artikel).</div>



    6. Selanjutnya untuk melihat atau cek, anda bisa pilih Compose dan hasilnya
        seperti gambar dibawah ini



   Keterangan :
            - border  : ketebalan kotak script
            - blue      : warna kotak script
            - Double : bentuk kotak script (kode ini bisa anda ganti dengan kode
                              berikut atau juga bisa dihilangkan)


Ricky Candra Prabowo  (Dashed)

Ricky Candra Prabowo  (Dotted)

Ricky Candra Prabowo  (Groove)

Ricky Candra Prabowo  (Inset)

Ricky Candra Prabowo  (Outset)

Ricky Candra Prabowo  (Ridge)

Ricky Candra Prabowo  (Solid)


            - padding                   : panjang kotak ke bawah dan lebarnya otomatis

            - background-color : warna bagian dalam kotak script

            - text-align: left;      : posisi tulisan didalam kotak rata kiri

Berikut adalah penjelasan kode HTML untuk membentuk kotak script dalam postingan pada blog. Silahkan anda motifikasi sesuai dengan selera anda.


F. KESIMPULAN
            Dengan membuat kotak script HTML di dalam postingan atau artikel belog memudahkan penunjung untuk memberitahu atau menandai bahwa di dalam kotak tersebut adalah suatu yang berarti atau penting.

G. REFERENSI


H. PENUTUP
           Sekian yang hanya dapat saya sampaikan, semoga artikel ini dapat bermanfaat bagi anda dan apabila ada kesamaan atau kesalahan kata dan tutur bahasa yang kurang berkenan saya mohon maaf yang sebesar besarnya.
 


Wassalamu'alaikum Wr. Wb.

0 komentar:

Post a Comment