Cara Mudah Membuat Border dalam Postingan Blog dengan Macam-macam Border

Cara Mudah Membuat Border dalam Postingan Blog - Blog merupakan sebuah media online yang digunakan oleh berbagai kalangan orang. Dalam membuat sebuah blog tentunya banyak sekali tutorial yang bisa dipelajari. Namun bagi kita pemula membuat blog hanya menggunakan tutorial dasar mengenai blog. Sebagai contoh yang sering pemula blog lakukan yaitu mempercantik desain blog yaitu dengan cara mendesain templatenya sebagus mungkin. Ada juga sebagian blogger yang hanya ingin menulis tetapi tidak terlalu fokus untuk mempercantik tampilan blog hanya saja terlihat sederhana.

Begitu juga para master blog tentunya mereka tidak hanya ingin mempercantik tampilan blog tetapi mereka lebih fokus dengan yang namanya SEO. Mereka sering melakukan optimasi blog dan untuk tampilan blognya kadang kala tampilannya terlihat sederhana dan ada juga yang tampilannya profesional. Karena baru pemula kita lebih memfokuskan untuk tampilan blog. Tetapi kita tidak tau kalau blog kita tidak muncul di pencarian google. Padahal kita sudah capek menulis ternyata di saat di cek pada search engine semua tulisan kita tidak terindex. Inilah yang pernah kita alami sebagai pemula dalam membuat sebuah blog.

Baca juga : 2 Cara Mengganti Template Blog

Salah satu cara untuk mempercantik tampilan blog yaitu membuat border di dalam area postingan blog kita. Adapun tujuannya itu tergantung dari yang membuatnya misalnya dengan kita membuat border pada postingan blog kita akan memudahkan pembaca untuk menandai kode - kode penting. Kode penting ini biasa bagi blogger yang membahas masalah tutorial blog yaitu berupa kode - kode HTML atau kode Script.

Cara membuat border dalam postingan blog ini tidak sulit hanya saja kita menambahkan kode HTML, Yang mana dengan menambah kode HTML ini border sudah tampil di dalam postingan blog kita. Berikut ini kita akan menulis sedikit cara untuk membuat border dalam postingan blog kita. Pertama kita buka dulu blog kita dengan sign ini. Kemudian sesudah sign ini kita menuju entri blog yang mana kita bisa menulis artikel kita di situ. Sesudah itu masukkan kode HTML berikut :

Solid border

<div style="border: 1px #999 solid; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Dashed border

<div style="border: 1px #999 dashed; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Dotted border

<div style="border: 1px #999 dotted; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Outset border

<div style="border: 1px #999 outset; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Inset border

<div style="border: 1px #999 inset; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Double border

<div style="border: 3px #999 double; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Ridge border

<div style="border: 3px #999 ridge; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Groove border

<div style="border: 3px #999 groove; padding: 5px; background-color: #eee; text-align: left"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Scroll border

<div style="overflow:auto;width:140px;height:100px;padding:10px;background-color: #eee;border:1px solid #999"> MASUKKAN TEKS/SCRIPT KODE DISINI </div>

Langkah kedua yaitu menulis kode penting di dalam area border tersebut, dan klik publikasikan. Namun sebelum kita publikasikan terlebih dahulu klik Prantinjau untuk mengoreksi kembali apakah sudah benar atau belum yang sudah kita tulis tersebut. Membuat border memang tidak terlalu rumit walaupun masih pemula. Tetapi bila tidak sering kita praktekkan akan menjadi sulit juga.

Pengalaman sudah pernah membuat border dalam postingan namun lupa juga caranya, jadi terpaksa browsing lagi. Nah pada artikel ini sudah di tulis sendiri di dalam blog ini maka sudah mudah untuk mencari referensinya bila nantinya mau membuat border lagi di dalam postingan artikel. Bagi Anda yang belum mengerti cara membuat border di dalam postingan blog bisa di coba dengan cara yang sudah di tulis di atas.