Cara Membuat Border Dibelakang Text di Postingan

Blogger tips : tips ini merupakan salah satu teknik mempercantik postingan anda agar lebih enak dan terlihat lebih profesinal karena menampilkan warna background di belakang postingan. Nah Untuk membuat tulisan pada posting yang mempunyai border atau bisa dikatakan membuat border text pada posting, anda dapat menggunakan perintah/ kode di bawah ini :

Solid Border:

<div style="border: 2px #006400 solidpadding: 10pxbackground-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Keterangan:

border: 2px
Untuk ketebalan garis tepinya, Anda bisa ganti ketebalan-nya dengan angka lain sesuaikan dengan kebutuhan Anda

#006400
Untuk warna border yang Anda kehendaki.

solid
Untuk jenis border yang akan kita pakai.

padding: 10px
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

background-color: #c3fdb8
Untuk memberi warna pada latar belakang folder tersebut

text-align: left
Untuk pengaturan paragraf teks di dalam border tersebut

Sedangkan untuk kode border dengan scroll, lebar dan tinggi
dapat menggunakan kode/ script di bawah ini :


<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

TULIS SCRIPT/KODENYA DISINI = ganti dengan tulisan yang akan kamu kasih border.



NB: jika anda ingin mudah menerapkan tips ini, lakukan dengan pengetikan postingan sobat terlebih dahulu, nah setelah selesai kemudian masuk di edit HTML tepatnya di samping compose kemudian tempatkan kode HTML untuk tips Cara Membuat Border Dibelakang Text di Postingan, nah setelah itu lihat lagi di compose, apa hasilnya..??sobat bisa melihat tamplian dari kode HTML yang sobat masukkan, langkah selanjutnya tinggal memasukkan postingan sobat di bingkai atau border tersebut. selesai dah....heheh gampang kan..!

sekian dulu trick dan tips blognya semoga bermanfaat buat temen-temen...!
apabila ada yang mau di share silahkan koment di bawah postingan..terima kasih

2 Responses to "Cara Membuat Border Dibelakang Text di Postingan"

  1. ini tips yg sedang aku butuin gan,thanks infonya.

    salam kenal kembali gan.
    oh ya gan, follow dan link udah ane pasang ..

    BalasHapus
  2. terima kasih bos sdh mau berkunjung ke blog ane yg sederhana ini..oke kenal balik dan follow serta link baliknya udah ane pasang jg...

    thanks sdh mau berbagi...

    BalasHapus