Cara Menciptakan Kotak Peringatan, Tips Dan Gosip Di Blogspot

Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot

| Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot - Dalam hal nge-blog pastilah kalian menginginkan sesuatu yang selalu gres dalam tampilan blog kalian, tutorial menciptakan dan memasang kotak warning, tips, dan warta ini ialah salah satunya. Dalam kotak ini nanti dapat anda isi berupa catatan penting untuk artikel yang anda buat.

Kotak Peringatan, Tips dan Info pada umumnya berkhasiat untuk membedakan isi dari artikel pada blog anda, yang isinya berupa Perhatian utama yang dibentuk oleh anda wacana isi dari artikel tersebut. Sebagai misalnya bila anda ingin menciptakan tutorial blogging dengan isyarat 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 sajian Template >> edit HTML
3. Masukkan isyarat di bawah ini sempurna diatas isyarat ]]></b:skin> ATAU </style>

CSS /* 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRocSNLo8TRekyWgZzSt27GmC1Ns-z9TMvrnQgs9dPYfvMp7296GvRqJ9K-H04IgAI737ukWpsW0pBT-doNFntPLg_zFUiCvsy5f6m0r_3XEp27QdHau1kAMXuOTuamB5VhVl1syddw4/s1600/info.png') no-repeat 12px 8px;  color: #222 } .tips {  background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhogtS45NnE6tryZXgEYkSq2L_1CDQgc5xnC50qHTc83TlzDg4uWeSaoqrXFCeIL2nl2HYAUcEEhg7CPPw7kV3qM4HQWyOKLIirl0QSDt2UTVTJ1r2tW9QY8dS_2cOxvgMwQYeqxayglVc/s1600/tips.png') no-repeat 12px 8px;  color: #fff; } .warning {  background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOrtFsodupGwOxvKTJwMGdHVwDvFQgKrp4mXxrzv53YBoHv-NnWEB18YlN8Ng1oysqKv7pShmANKI5cdawOofjFLE3DftmU0_elLH44Ry7pCiCpT0vgx8o6Ep1wohLh_QAWilpbKQuaYk/s1600/warning.png') no-repeat 12px 8px;  color: #fff; } 

4. Simpan Template Kalian.
5. Untuk penerapannya kalian harus memakai isyarat dibawah ini pada dikala menciptakan artikel.

HTML <div class="info"> ... Catatanya di sini ...</div> <div class="tips"> Catatan tips silahkan letakkan disini </div> <div class="warning"> ... peringatanya di sini ...</div> 

• DEMO

Nah demikian warta dari wacana artikel Cara Membuat Kotak Peringatan, Tips dan Info di Blogspot, biar bermanfaat. Jika menyukai artikel ini anda dapat klik like, share, and subscribe untuk berlangganan melalui email langsung wacana artikel terbaru dari mang otep.
Sumber https://www.mangotep.com/