CARA MEMBUAT BLOK CATATAN, TIPS DAN PERINGATAN KEREN DI BLOG
Cara Membuat Blok Catatan, Tips dan Peringatan di Blog - Cara ini sudah banyak dilihat di blog para master master blogger. yang sudah terkenal. Namun pada kesempatan kali ini saya akan berikan tips ini secara gratis kepada anda pengunjung setia blog sederhana ini
Dibawah ini adalah penampakannya Cekidot
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
Jika anda ingin membuat seperti yang diatas anda cukup mengikuti cara cara yang sudah saya sediakan dibawah ini
Langkah Pertama : letakkan kode dibawah ini diatas kode ]]></b:skin> atau </style>
.info, .tips, .warning {
line-height: 22px;
min-height: 38px;
padding-left: 10px;
padding: 10px 12px 12px 68px;
margin: 5px 0;
}
.info {
background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqYPU97ZuhZOpbGmaedNiNT7pxeLKSiQZvgVRarrQgt0Wc_oXTKfwfT3q6pralL9riB_vUiEkeUlMOBftM-8KppHhHdpIMKvmQB8AeLKTde78jBuI9wSu2syXEFwf6yIJd-7DkkbgDVk/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3iJVl1maK4Nb7qBxpGGptlXR7uBZj75NQV6z5ZGm6ayQDgPKBEz88IwzFj0g1I3fGQtmoaa51jA8eChOcKZ_sI2XMfT7FNEpPmTMQTndbiKd7UhuNQpCg5oNpC85UU0qerfat_-iIiM/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EjQ_X8mcfUrGXczjt7g_4nVDAaIdCtLTy3vK-Ij_IucWacVZoVsV9hGy9ojnqsjT_dWLxuyXB6A88RBhEGGMlQUDNGqosm-9mCG33HJjt89DP5sspE6CMkaDGSFSDCcvCnbsb8F-HUA/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}HTML kode Catatan
<div class='info'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>HTML kode Tips
<div class='tips'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>HTML kode Warning
<div class='warning'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>Sobat juga bisa gunakan tag p dalam penulisan kode HTML, dengan menggunakan kode dibawah ini
<p class='tips'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</p>Oke sekian dari saya untuk Cara Membuat Blok Catatan, Tips dan Peringatan Keren di Blog
Source : http://blog.kangismet.net/2013/10/membuat-blok-catatan-tips-dan-peringatan.html
Posting Komentar
Terimakasih sudah berkunjung. sempatkanlah diri anda untuk berkomentar