Senin, 30 April 2018

Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot

Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot

Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot
Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot
Blog Mang Otep | Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot - Dalam hal nge-blog pastilah kalian menginginkan sesuatu yang selalu baru dalam tampilan blog kalian, tutorial membuat dan memasang kotak warning, tips, dan info ini adalah salah satunya. Dalam kotak ini nanti bisa anda isi berupa catatan penting untuk artikel yang anda buat.

Kotak Peringatan, Tips dan Info pada umumnya berguna untuk membedakan isi dari artikel pada blog anda, yang isinya berupa Perhatian utama yang dibuat oleh anda tentang isi dari artikel tersebut. Sebagai contohnya jika anda ingin membuat tutorial blogging dengan kode HTML dan kemudian anda ingin mengingatkan penggantian URL dalam HTML tersebut, disitu lah letak pemanfaatan kotak ini.

Membuat Kotak Peringatan, Tips dan Info di Blogspot :
1. Masuk ke blogger.com
2. Kemudian pindah ke menu Template >> edit HTML
3. Masukkan kode di bawah ini tepat diatas kode ]]></b:skin> ATAU </style>

/* CSS Box Warning, Tips, And Info Mang Otep */
.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

4. Simpan Template Kalian.
5. Untuk penerapannya kalian harus menggunakan kode dibawah ini pada saat membuat artikel.

<div class="info">
... Catatanya di sini ...</div>
<div class="tips">
Catatan tips silahkan letakkan disini
</div>
<div class="warning">
... peringatanya di sini ...</div>
Nah demikian info dari Blog Mang Otep tentang artikel Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot, semoga bermanfaat. Jika menyukai artikel ini anda bisa klik like, share, and subscribe untuk berlangganan melalui email pribadi tentang artikel terbaru dari mang otep.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments