Cara Membuat Frame atau Bingkai Pada Postingan Artikel
Halo teman-teman kali ini saya akan memberikan trik untuk membuat frame atau bingkai pada postingan artikel teman-teman.
Sangat banyak cara untuk mempercantik sebuah tulisan artikel. Salah satunya adalah dengan memberikan frame atau bingkai. Frame tidak saja dipakai di foto, namun di tulisan juga.
Trik kali ini membuat bingkai pada tulisan yang bisa di letakan di sidebar atau posting pada artikel teman-teman. Banyak hal yang bisa teman-teman lakukan dengan Frame ini, misalnya membuat catatan, peringatan, pengumuman, dll. Banyak bentuk Frame yang bisa teman-teman pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang telah saya bikin dan semoga berhasil ya.
Cara memasang :
Klik "Entri Baru" atau artikel yang ingin anda beri bingkai
Klik "HTML"
Lalu paste kode yang anda Copy tadi pada area HTML
Lalu simpan atau publikasikan
1. Solid
<div style="border: 5px solid #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
2. Dashed
<div style="border: 5px dashed #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
3. Dotted
<div style="border: 5px dotted #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
4. Double
<div style="border: 5px double #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
5. Groove
<div style="border: 5px groove #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
6. Outset
<div style="border: 5px outset #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
7. Ridge
<div style="border: 5px ridge #3498DB; background-color:#ECF0F1; padding: 5px; width: 300px;">
Tulisan anda di sini</div>
Tulisan anda di sini</div>
Keterangan :
Merah = Tebal tipisnya bingkai
Biru = Warna Bingkai (menggunakan kode warna html)
Hijau = Warna Background Bingkai (menggunakan kode warna html)
Ungu = Jarak Tulisan dengan bingkai
Orange = Lebar Bingkai
SELAMAT MENCOBA TRIK DARI BLOGGER KOTA KUPANG & SEMOGA BERMANFAAT BAGI TEMAN-TEMAN! By Aldo 😀😀😀😀 👍
Silahkan tinggalkan komentar anda
Click to see the code!
To insert emoticon you must added at least one space before the code.
0 Response to "Cara Membuat Frame atau Bingkai Pada Postingan Artikel"
Post a Comment