For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Cara membuat color box keren di blogger

Hello sobat IcloudZer kali ini admin akan memberikan informasi seputar dunia blogging serta tips terbaru untuk anda, dan kali ini admin akan membahas bagaiamana caranya membuat color box atau kotak warna keren diblogger

Info: Okay sobat jika sudah penasaran yuk langsung aja kita bahas bersama sama

Color Box

Color Box atau bisa disebut dengan kotak warna adalah suatu tampilan yang dibentuk atau diciptakan melalui struktur kode CSS, sedangkan pada tampilan color boxnya akan memiliki tampilan standar dengan kotak dengan batas yang berwarna warni

Fungsi Color Box

Sebenarnya fungsi dari color box ini apa ya? Untuk fungsi color boxnya sendiri itu bisa dipakai ataupun digunakan untuk menampilkan text disertai color box berwarna warni untuk membuat tampilan text semakin menarik, bukan cuma text tetapi gambar, tetapi source kode untuk menampilkan video juga bisa menggunakan color box

Cara Pembuatan

Baiklah sekarang saatnya admin akan mulai membahas bagaiamana caranya membuat color box keren diblogger, perhatikan setiap penjabaran admin agar bisa mempelajari nya dengan baik

Kode CSS

Pertama Tama langkah yang bisa kamu lakukan adalah menyalin kode CSS dibawah ini kemudian letakkan di atas kode ]]></b:skin> atau sebelum kode ]]></b:skin>

.post-body .rah-box{
background-color:#e9ebee;
color:#515a5d;
padding:10px;
margin:20px 0px;
border:1px solid #dddfe2;
border-radius:5px;
}
.post-body .rah-box.green{
color:#155724;
background-color:#d4edda;
border:1px solid #c3e6cb;
}
.post-body .rah-box.blue{
color:#004085;
background-color:#cce5ff;
border:1px solid #b8daff;
}
.post-body .rah-box.red{
color:#721c24;
background-color:#f8d7da;
border:1px solid #f5c6cb;
}
.post-body .rah-box.yellow{
color:#856404;
background-color:#fff3cd;
border:1px solid #ffeeba;
}

Info: Penyataan saya agar meletakkan kode CSS tepat diatas kode ]]></b:skin> atau sebelum kode ]]></b:skin> memiliki artian yang berbeda, maksudnya tidak harus tepat diatas kode ]]></b:skin> juga, terpenting jangan setelah kode ]]></b:skin> oke

Kode HTML

Kemudian setelah kamu meletakkan dan menyimpan kode CSSnya, sekarang admin akan membahas penggunaan dan cara menampilkan Color boxnya, kamu bisa menggunakan kode HTML dibawah ini kemudian gunakan didalam setiap postingan jika kamu ingin menampilkan color boxnya

<div class='rah-box red'>
<!-- Tuliskan text anda disini -->
</div>

Penjelasan Penggunaan Kode

Jika kamu ingin menggunakan warna lainnya ubah class='red' dengan warna yang kamu inginkan tersedia 4 warna diantara red, yellow, green, dan juga blue Oke

Contoh Tampilan

Sebagai pelengkapnya admin akan membuatkan sebuah contoh tampilan dari color boxnya okay, berikut ini adalah contoh dari tampilan color boxnya

Beginilah tampilan dari color boxnya

Info: Bagaiamana sobat IcloudZer dengan contoh tampilan dari color box nya keren bukan 😬

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Best Viral Premium Blogger Templates from Icloudice


kami menawarkan berbagai template blogger dan produk istimewa untuk anda, support karya anak bangsa dengan membeli produk yang kami jual

Welcome to my store limited

  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.