Entradas

Simple Code Box for using in your post on Blogger.

Imagen
Your Escaped code here ... <code><pre>Your Escaped code here ...</code></pre> --PASTE KODE DI SINI-- CSS /* CSS Pre Code by www.bloggerspice.com*/ pre { background: #444444; white-space: pre; word-wrap: break-word; overflow: auto; } pre.code { margin: 20px 25px; border-radius: 4px; border: 1px solid #292929; position: relative; } pre.code label { font-family: sans-serif; font-weight: bold; font-size: 80%; color: #3C99F9; position: absolute; left: 1px; top: 15px; text-align: center; width: 60px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; } pre.code code { font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace; display: block; margin: 0 0 0 60px; padding: 15px 16px 14px; b...

Add CSS3 Notification Message Box In Blogger Template

Imagen
In this article we are going to explain you how to add CSS notification Message boxes.By adding separate shade and textual content we can make it more beautiful for our weblog readers.  And they may love to read your content material with complete energy. because of this i'm going to share sets of notification message boxes to boost your content.To grab this trick just follow the mentioned steps below. How To Add Custom Notification Message Box Using CSS3 installation steps: Step 1. Log in to your Blogger account and Go to your Blogger Dashboard. Step 2. Now Click on -> Template -> Edit HTML. Step 3. Now Search for ]]></b:skin> by Pressing Ctrl+F keys. Step 4. Copy the below code and paste it just before the ]]></b:skin> tag. CSS /* Notification Message Box by http://www.bloggersstand.com */ .bsdmesg { color: #FFF; margin-bottom: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20); border-radius: 2px; padding: 10px } .success { b...