22 Juli 2017

Cara Mudah Membuat Script Box

Cara Mudah Membuat Script Box di Postingan Blog - Berbagi rasa, berbagi cara. Bagaimana rasa dan cara bisa mengubah kelemahan menjadi kekuatan. Malam minggu bagi bujangan jomlo alias bujangan lapuk seperti admin Er'end Net merupakan suatu siksaan yang menyakitkan. Untungnya admin dapat kunjungan dari pakar-pakar html, JZ27XD dan JZ27WV. Beliau-beliau ini dengan telaten mengajarkan admin cara membuat script box dengan html.

Cara Mudah Membuat Script Box

Ternyata cara membuat kotak html pada postingan blog ini sangatlah mudah. Beliau-beliau ini menerangkan kegunaan Scrift Box. Beliau berdua memanfaatkan Kotak Scrift untuk menyimpan informasi penting atau membedakan artikel dengan kode-kode script dalam postingan blog. Scrift Box yang  kita buat bisa divariasikan dengan memakai scrool. Demo Scrift Box ada pada halaman Cara membuat Daftar Isi Keren.

Intruksi beliau pula, langkah awal untuk membuat Scrift Box pada Postingan Blog adalah jangan lupa untuk Login Blogger. Setelah masuk dashboard blogger, seperti biasa ketika kita mau membuat artikel adalah dengan meng-Klik kotak "Entri Baru". Katakan saja artikel sudah sobat buat tinggal memasukan kode scrifnya pada kotak.

Copy dan pastekan kode dibawah ini pada posisi dasbord postingan di HTML bukan di Compose. Lalu ganti tulisan "Scrift Box pada Postingan Blog" dengan kode scrift yang akan kita masukan pada kotak.

<div style="border: 3px #0000FF Double; padding: 10px;background-color:#FAEBD7;
text-align: left;">Scrift Box pada Postingan Blog</div>

Maka hasil daripada posisi Compose adalah seperti ini :

Scrift Box pada Postingan Blog

Catatan :

- border: 3px = ketebalan kotak script.
- #0000FF = kode warna untuk kotak script.
- Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan)
- padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
- background-color:#FAEBD7; = kode warna latak kotak.
- text-align:left; = posisi tulisan didalam kotak di kiri

Untuk memodifikasi warna sesuai dengan selera sobat, sobat bisa buka postingan Er'end Net pada Kode Warna HTML Lengkap 2017
Demikian kultum dari JZ27XD dan JZ27WV tentang Cara Mudah Membuat Script Box dalam postingan.

Happy Weeeknd and Happy Blogging !

    Choose :
  • OR
  • To comment
Tidak ada komentar:
Write komentar

Terima kasih atas minat Anda terhadap Kotak Komentar ini.
Berkomentarlah sesuai topik.
Dilarang Keras menautkan Link !!!

Terbaru
Back to top