Buat Border Dalam Postingan Blog

Dalam membuat postingan sebuah blog, kita biasanya terbiasa untuk bereksperimen mencoba semua fitur penulisan yang di sediakan oleh blogger. Selain sebab latar belakang coba-coba, acara kita dalam mengeksplorasi semua fitur penulisan postingan juga dikarenakan oleh harapan kita untuk menciptakan tampilan postingan blog terlihat lebih menarik dan mengundang pengunjung untuk membaca. Menyisipkan gambar, memberi tabel dalam postingan, memberi video, memberi quote (keterangan kata), dsb. Akan tetapi, sebab keterbatas fitur kita juga cenderung terpaku pada kreasi yang itu-itu saja. Kita harus menemukan sendiri bagaimana cara menciptakan ini, cara menambahkan itu dalam rangka mengemas tampilan postingan blog biar terlihat lebih menawan.

Salah satu misalnya yaitu menciptakan border dalam postingan blog. Border berkhasiat untuk menunjukkan bingkai pada goresan pena biar terlihat lebih terfokus dan menawan. Dengan dukungan border juga akan menciptakan goresan pena lebih gampang untuk dipahami poin pentingnya. Akan tetapi, sebab fitur untuk menciptakan border belum disediakan oleh blogger, maka kita harus membuatnya sendiri dengan beberapa instruksi HTML yang perlu ditambahkan.

Bagaimana cara menciptakan border dalam postingan blog ini?

Pertama, masuk ke akun blogger kita.
Klik entri baru.
Saat masuk dalam halaman untuk menulis postingan blog, jangan masuk ke serpihan compose, tetapi masuk lah ke serpihan edit HTML untuk menuliskan instruksi HTML yang dipakai untuk menciptakan border yang diinginkan beserta goresan pena yang akan muncul di dalam border tersebut. Setidaknya ada empat pilihan jenis border yang sanggup kita gunakan, yaitu ;

Bentuk I

Kode HTMLnya yaitu sebagai berikut ;

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi goresan pena yang tampil dalam border </div>

Contoh karenanya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline sekarang mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet mempunyai berbagai tipe terkait prosedur operasinya, salah satunya yaitu iklan dengan sistem Pay Per Click (PPC)

Bentuk II

Kode HTMLnya yaitu sebagai berikut ;

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi goresan pena yang tampil dalam border </div>

Contoh karenanya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline sekarang mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet mempunyai berbagai tipe terkait prosedur operasinya, salah satunya yaitu iklan dengan sistem Pay Per Click (PPC)

Bentuk III

Kode HTMLnya yaitu sebagai berikut ;

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi goresan pena yang tampil dalam border </div>

Contoh karenanya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline sekarang mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet mempunyai berbagai tipe terkait prosedur operasinya, salah satunya yaitu iklan dengan sistem Pay Per Click (PPC)

Bentuk IV

Kode HTMLnya yaitu sebagai berikut ;

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi goresan pena yang tampil dalam border </div>

Contoh karenanya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline sekarang mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet mempunyai berbagai tipe terkait prosedur operasinya, salah satunya yaitu iklan dengan sistem Pay Per Click (PPC)

Keterangan :

1. Kode HTML border: 1px #000000, menandakan warna dari border yang kita gunakan.
2. Kode HML padding: 10px, menandakan jarak serpihan dalam dari border dengan body.
3. Kode HTML background-color: #CEF6CE, menandakan warna yang dipakai sebagai background dalam border yang kita buat.
4. Kode HTML text-align: left, akan menampilkan pemerataan goresan pena dalam border yang dibuat, apakah rata kanan (right), rata kanan kiri (justify), atau rata tengah (center).
5. Kode HTML height: 50px, menandakan tinggi dari boder. Sedangkan instruksi HTML width: 300px, menandakan lebar border yang kita buat.

Praktis untuk membuatnya bukan? Yuk kita buat bersama-sama!
Kalau ada pertanyaan silakan tulis lewat kotak komentar ya kawan..
Salam blogger!

Share this post