CSS Kotak Pesan Untuk Postingan Blogger

Baca Juga

Daftar isi: [Tampil]

CSS Kotak Pesan Untuk Postingan Blogger - AldoSEO akan memberikan sebuah tutorial kepada sobat tentang CSS Kotak Pesan Untuk Postingan Blogger. CSS kotak untuk postingan ini adalah untuk menarik para pengunjung untuk melihatnya.

Kode CSS :

1. Buka akun Blogger.
2. Ke Edit HTML
3. Cari kode ini

]]></b:skin>

4. Pastekan kode berikut diatas kode tadi

.fave_css, .beranda_css, .ide_css, .penulis_css, .rss_css, .pena_css, .kunciedit_css, .peringatan_css, .komentar_css, .terkunci_css, .buku_css {
border: 1px solid
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.fave_css {
color: #00529B;
background-color: #BDE5F8; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8HiLe55Z0CWKESxe7Jd6lwSp62F3EnoFZh9VnW6i2fvdX_5TlpyR4r4UomxWKKC9pE6BYCtuvTF5YhnZCTYVHFoxzgNriDkDomaaiCF_dW8Z0Ji6zZEHKjuGwtVY7I1umXzQB83Lo5c/');
}
.beranda_css {
color: #4F8A10;
background-color: #DFF2BF; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPvGUjYTo6w7CDlG_EXauyU4HCbv7q89fdlucuC8o2FYl0X5gU5pRuuI7v3WQ2RpglG4OEddWhsr705AIikTVkDVTJnkFn7tgsLgQGie4bA-7BYzc06y97EWzi8TG5-7J2LrzaWFNAugg/');
}
.ide_css {
color: #9F6000;
background-color: #FEEFB3; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrsCN6ujY0U10SlVBQg5ZDOK3fn5fVGGzVj_jidzgASbP6PPJ6Zy5ybTmFXH1F3H6YATb62xTTt0igJRzD-bwSkwzoMyLxbahIeJEXO2KOc3MEystmnjWDYQM1CIdxsMHFplRhYon2pss/');
}
.penulis_css {
color: #2E2D2D;
background-color: #A1C2C7; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitvIfZr938LpdXi0Hf3wx2Zk9FDXE8zqn7mtdmNA7NK9ar7oAXLAOzBUZGl6qeCQYb1qaInugMV2jr0nbQn4SMGR6-5gMlov69iaimyc4_AuLeB9wEXYEJ9wM9AYke2AXZEWKfvdfy_c/');
}
.rss_css {
color: #4F8A10;
background-color: #DFF2BF; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWlfot0d4_gg4kVXqKmxjKBuq3idNBmyS3YpCDUJCsSwxF7psxsaUdvBLK1el1JhcJjwKp6Lh95sfBQ-y6wDc0x707ATNcYnF98dCBgShr6SgGcHRsSaJJjrLDVvC7xZ5XQ6nbmoDnuM/');
}
.pena_css {
color: #2E2D2D;
background-color: #C8E0C8; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV8WtFtQxFrRds4KcsZO8Iu9KyGShCtDirvI1KLmuwltMd8QKAvNGfJ9a067QAgNBTu3nxxn2iTNuFcqOXJ-cJLgAXtehlPJGhaFtRIlaMObNGhwfmLbNQ4vao0u0UBej0jeTCfvUitIc/');
}
.kunciedit_css {
color: #554529;
background-color: #F1C983; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFPxjWvJ8tShWWECNHnKSNieKrtmfixtHxPE9KjsOPPOreEo0epFfqMjgwqAl9qlvU69D6K0BvqX3Yo52vZWz5Rx0bGKOmi-KOcutF91181Or1EmAdnSAirN1eXus1LoEg4A-mkL55Sg/');
}
.peringatan_css {
color: #2E2D2D;
background-color: #D25F66; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcG0j2bVzIUwlQROojZpJd9wl_rUngwUHM0vCwHAQ-7yFpixicFqpuW9h4eWkriy1e3598BhQVR3IpoJvp-RuGT3TX95NJwIPvPYm6Q4U2JJgHSjzzmVyWfCdJe-bwJzfni_CUkJH7300/');
}
.komentar_css {
color: #2E2D2D;
background-color: #A6C8D2; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmMaLSCxPKDKF6cWzPuIaTnz8o9S4eiA8phKgxr8KseQ7hw5XZUL40zkhjJGcIJIdDKJunQjgtCQPnEf46OC4MQ6k5t3U3xqKSqFXSIMEfkaiaqdjm3d-z-ir8vd8ILJPRdWjoBE3AD0/');
}
.terkunci_css {
color: #2E2D2D;
background-color: #FFBABA; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA7CusCAivU5x63-UXGM3P2nPp-wMvWtVEBdL3agmcCbRd7QD4WvKGMicztMckWsC6hrEkl19axaB2FK6UTF3f3yQAFSgztvxF_Ty0VMypi5o47GikHwPvBFIgTxwMmg4i5cwwMG-Swc/');
}
.buku_css {
color: #4F8A10;
background-color: #DFF2BF; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTCl6ZYSAcTBj-VkPbjr59PH17xZl7N8PnaEIKGCAeLFkmMr5tWb-D_XNAamhtos97YS5zBRqSxhCzx9p40zjJljJtIGU-1LRuCWbQt5HYzwplAlNOve4Yrh4o_zOO2wLmOVQNngwfxX0/');
}

Kode HTML:

Kode HTML Kotak Pesan :

<div class=”fave_css “>

Tempatkan teks Anda disini

</div>

<div class=”beranda_css “>

Tempatkan teks Anda disini

</div>

<div class=”ide_css “>

Tempatkan teks Anda disini

</div>

<div class=”penulis_css “>

Tempatkan teks Anda disini

</div>

<div class=”rss_css “>

Tempatkan teks Anda disini

</div>

<div class=”pena_css “>

Tempatkan teks Anda disini

</div>

<div class=”kunciedit_css “>

Tempatkan teks Anda disini

</div>

<div class=”peringatan_css “>

Tempatkan teks Anda disini

</div>

<div class=”komentar_css “>

Tempatkan teks Anda disini

</div>

<div class=”terkunci_css “>

Tempatkan teks Anda disini

</div>

<div class=”buku_css “>

Tempatkan teks Anda disini

</div>

Sumber : d-copy.blogspot.com