Sabtu, 07 Januari 2017

Membuat Border Kotak Script Postingan Garis Kanan, Garis Kiri dan Kotak Full

Tags

membuat border pada postingan memang mempunyai keindahan tersendiri pada postingan yang kita buat, selain mempercantik Artikel yang kita buat, Kota Script ini sangat di rekomendasikan untuk Menyisipkan Point tertentu pada artikel anda.


Border kotak Script banyak beberapa model jenisnya. Tetapi kali ini saya akan membuat Border Postingan yang memang biasanya sering di gunakan para blogger untuk menentuka isi dan makna pada artikel yang di buatnya.

Boder yang akan saya buat yaitu ada 3 Jenis Border kotak Script yaitu : Kotak Script garis kanan, kotak Script Garis Kiri dan Kotak Script garis Full / Kotak


Yang paling di cari para blogger pemula adalah Border Kotak Scrip yang bergaris kiri yang biasa di pakai untuk memberikan Link Artikel lainnya seperti punya saya di atas yang bertulisan Baca Juga oke sekarang dan tanpa menunggu berlama lama lagi saya akan memulai membuatnya dan simak baik - baik.

1. Border / Kotak Script Bergaris di Sisi Kanan


Kode Scriptnya :

<div style="border-right: 3px #1780dd groove; padding: 10px;background-color:#f5f5f5;
text-align: left;">
(Ganti Tulisan yang anda buat ya).</div>

Border Kotak Sript yang bergaris di sisi Kanan seperti yang di atas ini dengan menggunakan kode yang sudah saya berikan di atas:

  1. border-right : Kode ini yang menentukan garis, kode ini yang membuat garis yang berada di Sisi kanan
  2. #1780dd groove : kode ini yang menentukan Warna garis dan bentuk Garis
  3. background-color:#f5f5f5 : kode ini yang menentuka Warna Background yang anda gunakan

2. Border / Kotak Script Bergari di Sisi Kiri


Kode Scriptnya :

<div style="border-left: 3px #1780dd groove; padding: 10px;background-color:#f5f5f5;text-align: left;">(Ganti Tulisan yang anda buat ya).</div>
  1. border-left : Kode ini yang menentukan garis, kode ini yang membuat garis yang berada di Sisi kiri
  2. #1780dd groove : kode ini yang menentukan Warna garis dan bentuk Garis
  3. background-color:#f5f5f5 : kode ini yang menentuka Warna Background yang anda gunakan 

3. Border / Kotak Script Bergaris Full atau Kotak


Kode Scriptnya :

<div style="border: 3px #1780dd groove; padding: 10px;background-color:#f5f5f5;text-align: left;">(Ganti Tulisan yang anda buat ya).</div>
  1. border : Kode ini yang menentukan garis, kode ini yang membuat garis yang berada di Sisi kanan, Kiri, Atas, Bawah / Kotak Full
  2. #1780dd groove : kode ini yang menentukan Warna garis dan bentuk Garis
  3. background-color:#f5f5f5 : kode ini yang menentuka Warna Background yang anda gunakan 

4. Menerapkan Border  di Postingan Atau Artikel


Cara memasukannya pada Postingan atau Artikel yang kalian buat caranya mudah sekali Seperti membuat Artikel biasanya dan untuk Menaruh kode Tersebut Tinggal kalian Pindah Ke " HTML ".

Sangat mudah bukan? usahakan untuk mengganti warna Background dan Warna Garis Sesuai dengan warna Template yang anda pakai, supaya Postingan / Artikel anda terlihat lebih Indah dan Elegant.


Sekian Artikel yang saya buat tentang cara Membuat Border Kotak Script Postingan Garis Kanan, Garis Kiri dan Kotak Full semoga berguna untuk para pembaca website ini, dan gunakanlah sengan sebijak mungkin. Bila ada pertanyaan yang berkaitan dengan artikel yang saya buat ini, Mohon berikan komentar di bawah ini. Guna untuk membantu anda yang belum tau untuk menerapkannya ke Postingan, Terimakasih semoga bermanfaat,


EmoticonEmoticon