Membuat Kotak Script Code Dalam Postingan Blog

Seminggu terakhir aku sedang gencar gencarnya memperbaiki dan membenahi website ini mulai dari update artikel, menata iklan biar rapih, hingga menata goresan pena biar terlihat yummy untuk dibaca. alasannya ialah website ini membahas topik utama wacana info teknologi sehingga mempunyai hubungan bersahabat dengan sebuat script atau arahan maka dari itu aku berpikir bagaimana caranya menaruh script biar lebih simpel diketahui dan dibedakan oleh para pengunjung website ini.

Dan lalu hari kemarin tepatnya tanggal 10/11/2017 aku mendapat balasan dari permasalahan aku di atas yaitu dari www.blogooblok.com, untuk menaruh script di website khususnya di blogspot biar sanggup di lihat dan ditemukan oleh pengunjung yaitu salah satunya dengan menambahkan kotak script. bantu-membantu kotak ini sanggup juga dipakai selain dari script contohnya untuk info penting itu juga sanggup menggunakan kotak ini.

Kotak ini bantu-membantu tidak disediakan secara default oleh blogspot namun kita sanggup memakainya dengan cara menambahkan sedikit script kedalam HTMLnya, scriptnya simpel sekali kok aku akan menjelaskanya secara lengkap dan kalian tinggal ikuti saja langkah demi langkahnya dibawah ini :

• Pertama LOGIN lah terlebih dahulu kedalam blogger lalu pilih ENTRI BARU.
• Selanjutnya buatlah artikel ibarat biasanya.
• Untuk menciptakan kotak script kalian sanggup pilih Kotak HTML yang berada di ujung kiri atas ibarat gambar dibawah ini.

• Dan masukan script berikut ini pada HTML.

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
(script kotak di blog ini)
</div>

• Untuk melihat karenanya kalian sanggup pilih kembali Compose ibarat gambar dibawah ini.

• Terakhir jangan lupa dalam script tersebut ada tulisan (script kotak di blog ini) nah pada bab ini gantilah dengan script atau info penting yang ingin kalian sampaikan kepada pengunjung.
• Selesai.

Apa kata aku bilang simpel sekali bukan bantu-membantu selain script di atas kalian juga sanggup memodifikasi sedikit scriptnya biar lebih menarik dan sesuai dengan selera kalian. Jika kalian tertarik dengan cara memodifikasinya silahkan baca kembali hingga selesai ada banyak pilihan jenis kotak yang mungkin sesuai dengan selera kalian, tinggal dipilih dipilih.😀😀😀

1. Pertama
   <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
2. <div style="border: 3px #1780dd Dashed; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
3. <div style="border: 3px #1780dd Dotted; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
4. <div style="border: 3px #1780dd Groove; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
5. <div style="border: 3px #1780dd Inset; padding: 10px;background-color:#ffffff;
   text-align: left;">
   .blogoooblok (ganti goresan pena ini).</div>
6. <div style="border: 3px #1780dd Outset; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
7. <div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>
8. <div style="border: 3px #1780dd Solid; padding: 10px;background-color:#ffffff;
   text-align: left;">(ganti goresan pena ini).</div>

Itu ia sedikit pilihan kotak script silahkan kalian mengexplornya lebih jauh lagi.
Sedikit tips pelengkap untuk mengexplornya :

Merah untuk ketebal garis kotak
Hijau untuk warna garis kotak
Biru untuk jenis bentuk kotak
Orange untuk panjang kotak
Pink untuk warna background kotak
Ungu untuk posisi penempatan teks

Sekian dulu pembahasan kali ini semoga sanggup bermanfaat dan selamat untuk mencoba.

Tks.

Bagikan Artikel ini