Home » Home » , » Cara Membuat Border Dalam Postingan Blog

Cara Membuat Border Dalam Postingan Blog

Di Posting Oleh Munawir Pada Thursday, 30 January 2014 | 15:16



Bagaimana cara membuat border dalam postingan blog ini?


Pertama, masuk ke akun blog kita.
Klik entri baru.


Saat masuk dalam halaman untuk menulis postingan blog, jangan masuk ke bagian compose, tetapi masuk lah ke bagian edit HTML untuk menuliskan kode HTML yang digunakan untuk membuat border yang diinginkan beserta tulisan yang akan muncul di dalam border tersebut. Setidaknya ada empat pilihan jenis border yang dapat kita gunakan, yaitu ;

Bentuk I


Kode HTMLnya adalah sebagai berikut ;


<div style="border: 1px #ff0000 solid; padding: 10px; background-color: #0012fe; text-align: left;"> isi tulisan yang tampil dalam border </div>


Contoh hasilnya ;


Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini 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 memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk II


Kode HTMLnya adalah sebagai berikut ;


<div style="border: 1px #ff0000 dotted; padding: 10px; background-color: #0012fe; text-align: left;"> isi tulisan yang tampil dalam border </div>


Contoh hasilnya ;


Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini 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 memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)


Bentuk III


Kode HTMLnya adalah sebagai berikut ;



<div style="border: 1px #ff0000 dashed; padding: 10px; background-color: #0012fe; text-align: left;"> isi tulisan yang tampil dalam border </div>


Contoh hasilnya ;



Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini 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 memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk IV

Kode HTMLnya adalah sebagai berikut ;


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


Contoh hasilnya ;


Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini 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 memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)


Keterangan :
  1. Kode HTML border: 1px #ff0000 (warna merah), menunjukan warna dari border yang kita gunakan.
  2. Kode HML padding: 10px, menunjukan jarak bagian dalam dari border dengan body.
  3. Kode HTML background-color: #0012fe (warna biru), menunjukan warna yang digunakan sebagai background dalam border yang kita buat.
  4. Kode HTML text-align: left, akan menampilkan pemerataan tulisan dalam border yang dibuat, apakah rata kanan (right), rata kanan kiri (justify), atau rata tengah (center).
  5. Kode HTML height: 50px, menunjukan tinggi dari boder. Sedangkan kode HTML width: 300px, menunjukan lebar border yang kita buat.

Silahkan, langsung saja teman-teman untuk mencobanya..!!

Kalau ada pertanyaan silakan tulis lewat kotak komentar ya kawan..


Sumber referensi dari:
http://panduan-belajar-blog.blogspot.com/2011/04/buat-border-dalam-postingan-blog.html
Ayo Beriklan
Jika Ini Bermanfaat, Sobat Tidak Perlu Berkomentar
Cukup LIKE dan SHARE Ke Teman Yang Lain Melalui Media Sosial Dibawah Ini atau BERLANGGANAN UNTUK UPDATE SOFTWARE DAN GAMES SOBAT Dibawah:
Berlangganan Untuk Update Software dan Games Anda
Klik Untuk Berlangganan
Terima Kasih Atas Kunjungan Anda
Judul : Cara Membuat Border Dalam Postingan Blog
Ditulis Oleh : Akun Diretas
Updated : Thursday, 30 January 2014 | 15:16

Perhatian..!!
KALIMAT atau LINK dalam Artikel ini Kami ijinkan sebagian (Bukan Keseluruhan) untuk direpost. MENCANTUMKAN LINK dari Artikel ini sebagai SUMBER adalah sepenuhnya terserah Sobat. Komentar (Bukan Spam) dan LAPORAN LINK RUSAK sangat Kami harapkan dari Sobat.
Terima kasih atas perhatiannya..