Membuat Bingkai Pada Postingan Blog

Membuat Bingkai Pada Postingan Blog - Pada bahasan sebelumnya, telah saya tulis bagaimana cara membuat Kotak Scroll dan Kotak Copy All pada postingan. Jika kali ini saya akan memberi informasi bagaimana cara Membuat Bingkai Pada Postingan Blog.

Membuat Bingkai Pada Postingan Blog:

  • 1. Pilih yang mana sobat inginkan:
1. Dashed

<div style="border: 1px dashed #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

2. Dotted

<div style="border: 1px dotted #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

3. Solid

<div style="border: 1px solid #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

4. Groove

<div style="border: 4px groove #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

5. Double

<div style="border: 4px double #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

6. Ridge

<div style="border: 4px ridge #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

7. Outset

<div style="border: 4px outset #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

  • 2. Jika sudah, ambil kode tersebut lalu masukan pada kolom HTML, bukan compose. 
  • 3. Selesai
Keterangan:
border: Tebal tipisnya jenis dan warna bingkai
background-color: Warna latar bingkai (jika tidak menginkan ada warna, bisa sobat hapus)
padding: Jarak antar bingkai dengan tulisan
widgth: Lebar bingkai
Begitulah cara Membuat Bingkai Pada Postingan Blog. Semoga bermanfaat untuk sobat.
Sobat baru saja membaca artikel tentang Membuat Bingkai Pada Postingan Blog. Sobat boleh menyebar luaskan atau mengcopy - paste artikel Membuat Bingkai Pada Postingan Blog jika memang sangat bermanfaat untuk sobat, tapi dengan syarat sobat harus meletakkan link di bawah ini sebagai sumbernya. Jika tidak, maka akan diproses secara DMCA Takedown yang tentu saja tidak baik bagi blog sobat maupun sobat sendiri. Terima kasih atas perhatiannya.




Artikel Terkait:

8 komentar:

  1. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  2. Thank sob ,,Keren artikelnya,,,

    BalasHapus
  3. untuk kode warna pink apakah ada? trima kasih sbelumnya ya admin

    BalasHapus
  4. bagus infonya .... mampir ke blog saya ya http://celengandollar15.blogspot.com

    BalasHapus
  5. Ini bingkai pinggir doang apa sama backround nya om?

    BalasHapus
  6. kasih contoh hasilnya dnk broo..??

    BalasHapus
  7. Wah sepertinya mudah diterapkan, sayang tidak ditampilkan contohnya nih xixi

    BalasHapus

--> Berkomentarlah, tapi menggunakan kata yang sopan
--> Mohon jangan ada link aktif
--> Mohon jangan spam atau malware
--> Usahakan berkomentar sesuai dengan topik artikel

Terimakasih Atas Kunjungannya.


Sponsor: Dmca ǀ Tynt ǀ Copyscape ǀ Pengunjung
Gambar template oleh A330Pilot. Diberdayakan oleh Blogger.