CSS Kotak Pesan Untuk Postingan Blogger

CSS Kotak Pesan Untuk Postingan Blogger - Blitar4rt 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/AVvXsEh-gLtehM4ywFkLF06_sCU2g8nxHzk_WlKHerBq45HzMK6Xr9T2qAAjc94RWiOCOP3eWJSC_9lCZx6p4qQpdbiuiPlU3WLajfzEwkrZfDo94kQh25Y0XBPDANPjf0e0J8nDtW2_L33_cj0/');
}
.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/AVvXsEh7yJOvA-0-KVcRl-Qob24_wKWp_RtwIqMKUfF9qmLIM_QnDEmR8jhBEjuZVcB5heyzQqzSCQbdjSvZUrPJcGOSMJsOzfkJOaYse88snNmztUUMVwzxND4mouMi8fRowFgFQ40Xy0pxaXE/');
}
.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/AVvXsEidRz56vHJyXNRQ3NliY9-TAmHs1MVqVS6wjt1t6h9OU78GnfBIY6fKx9QOxVAR2NfBBVYf5XN2KzEh-T7T9-HYLzk-IwwRoUvNeZcD7QLZ_LNqKzX_Pzq-DMNt_E9ZjJHjZ9HEtWmgU0Y/');
}
.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/AVvXsEgMKRj5x6lqAqoRpJulXTVuUnTHSPDQpRzC2-ybKguBIISjcYxcN0RsSWBoxHSnmQcuzNcES42POj485nFEGXCt4yEdPDiOksKnkKCs2sgM1g7zkyi2WiB5Y8Fd1N9cahMDcqOk9XjK2D8/');
}
.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/AVvXsEhiro0IzMbs-u9hjpdQ_ljy6WDU1mxde65adkF1gI3hfq_-cTquT9zRZtDPo9wRDgYQo8S_WQjspyXSJDmM7ndonl80aZqvo-2i5B5UcFqiN8eiZs0bObqY7l6eSBztjVw5v8vQFojRxgU/');
}
.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/AVvXsEh2KMeN0TUY9VGEEj6T_ug_b105m8oQ4QQzpAUdkVKCxml0PBmiaslZI33zXTISm-Ba03qsVOAL2ADVzxpXicEdzG1NdCrg3J0F5FmXi8h2wmkiXCB9ugbm5wD4E97wV2QDsDgXR52_2eg/');
}
.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/AVvXsEgWSXNXOwh84CpU0C4jvDAm5HWEw49Rf71UjNQJRi5Ez9PY4_UA-N1gWJc0XuCnvrYo4ebSk25uOSu_uYbI0GiVBzrprl90T1Ma4kxkH9GilKbCob-a54MlIIzh7miDLcE1m5bEMR2kU2Y/');
}
.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/AVvXsEiY6FutKF2NOsEKGsePvhfCw_u3fM4CG4wJDFNMzPogMVrDetN0cA7zET0aAOe6ftd6130tJsqz-qyZZ6kL2k0BKJ7E3Qc_0c5GqWsJjSEiQs9PpMjoaHwPMSndeDrPihE1HeuhfpOZOrM/');
}
.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/AVvXsEhB9XQ1MRsY-Ds5aldGoV1FY1mYluSljYM-kYlszQWVXomMONp4mG-JA6WJnbJ-9HXUpoXTcMwdeNdJBScPCAm1Ln5aqbhSUwc3OFD7LnLPhLc1Qysnn8oFcZ3jBnwvdtVKkwdjhFlm-b0/');
}
.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/AVvXsEiK90HStjK_xtCXGJx8TLv3ZZyDfZd71bIcsh0k815UovZK3gL-C7StCsfSfDYX_F8666CjT9eXJAswh6u6sDS_ToX_tAeZ1hD9UBgDRA8pUAZSbLQTPlteePpQ3FFRxLq5tO_K2gR4stY/');
}
.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/AVvXsEh8OFp-U7b2nnxc88tDSKyESA0PAtvwYe_nG0_Q-kyILjfXPgs4Avlpz2VsHFIpGLu7DhlBO1hs3OMFvD-ePYDBygk3mrBf1bC7bQW-RZLvh_GCi4rHkIZl4XOYgX5N3rNjEb_SLWKapoE/');
}

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>

Share on Facebook Share on Twitter Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.