Cara Membuat block Info,download,Catatan & Peringatan Pada Postingan

Cara Membuat block Info,download,Catatan & Peringatan Pada Postingan - cara pembuatan Block Info catatn ataupun peringatan pada hasil postingan anda,cara ini juga saya terapkan pada blog saya ini,karena cara ini sangat berguna bagi mereka untuk memberikan informasi terhadap hasil postingan yang mereka buat para blogger,dan untuk memperjelasnya bisa menggunakan Cara ini,yaitu menerangkan hasil postingan dengan di kasih block yang berwarna,seperti anda lihat pada gambar di postingan ini.

Bagi anda sahabat blogger yang sudah sering edit html mungkin cara kali ini sudah asing lagi bukan, karena dengan tiap hari anda edit Html maka akan tau letak dan posisi kode yang harus anda simpan jadi untuk itu silahkan anda cari kode ]]></b:skin> dan letakan kode berikut sebelum kode tersebut.

/* Warning message */.box-info,.box-tips,.box-warning, .box-list, .box-download{ border: 1px solid #eee;clear:both; display: block;line-height: 22px; min-height: 38px; padding: 10px 12px 12px 68px; margin: 15px 0;}.box-info{ background: #F8F8F8 url('https://dl.dropboxusercontent.com/u/58902557/typography/info.png') no-repeat 12px 8px; color: #222}.box-tips{ background: #7CADDE url('https://dl.dropboxusercontent.com/u/58902557/typography/tips.png') no-repeat 12px 8px; color: #fff;}.box-warning{ background: #db6161 url('https://dl.dropboxusercontent.com/u/58902557/typography/warning.png') no-repeat 12px 8px; color: #fff;}.box-list { background: #F7FCF9 url(https://dl.dropboxusercontent.com/u/58902557/typography/sticky-big.png) no-repeat 16px 14px;}.box-download { background: #F8F8F8 url(https://dl.dropboxusercontent.com/u/58902557/typography/download-big.png) no-repeat 16px 14px;}.box1 { margin: 15px 0; padding: 10px 15px !important; background-color: #329579; color: #fff}.box2 { margin: 15px 0; padding: 10px 15px !important; background-color: #ffffdd; color: #006699;}

Selanjutnya jika anda ingin memasukan block tersebut kedalam postingan anda, Pilih HTML jangan yang Compose, anda tingal memilih salah satu kode seperti anda akan memasukan kode Info maka kodenya adalah

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orci non tortor accumsan at accumsan tortor congue.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orci non tortor accumsan at accumsan tortor congue.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orci non tortor accumsan at accumsan tortor congue.

Your clip note goes here!Your download goes here!