Style Alert Buttons

CSS:
.btn { border: none; /* Remove borders */ color: white; /* Add a text color */ padding: 14px 28px; /* Add some padding */ cursor: pointer; /* Add a pointer cursor on mouse-over */ } .success {background-color: #4CAF50;} /* Green */ .success:hover {background-color: #46a049;} .info {background-color: #2196F3;} /* Blue */ .info:hover {background: #0b7dda;} .warning {background-color: #ff9800;} /* Orange */ .warning:hover {background: #e68a00;} .danger {background-color: #f44336;} /* Red */ .danger:hover {background: #da190b;} .default {background-color: #e7e7e7; color: black;} /* Gray */ .default:hover {background: #ddd;}
HTML:
<button class="btn success">Success</button> <button class="btn info">Info</button> <button class="btn warning">Warning</button> <button class="btn danger">Danger</button> <button class="btn default">Default</button>

Read more »

CSS Buttons,

{[['']]}

Add Comment Count to Post Header Titles in Blogger

Read more »

Tricks,

{[['']]}

Blogger Templates

Read more »

Blogger Templates,

{[['']]}

HTML Scroll Box

HTML Scroll Box with Customize Textarea.

Code:
<textarea rows="9" cols="53" onclick="this.focus();this.select()" readonly="readonly"> HTML Scroll Box </textarea>

Note:

1. HTML Scroll Box Replace this with your Text
2. rows="9" cols="53" You can customize Textarea.

Read more »

HTML,

{[['']]}

HTML Tables

Example explained:

Tables are defined with the <table> tag.

Tables are divided into table rows with the <tr> tag.

Table rows are divided into table data with the <td> tag.

A table row can also be divided into table headings with the <th> tag.

Code
<table border="1" style="width:100%"> <tr> <td>Rows No.1</td> <td>Rows No.2</td> <td>Rows No.3</td> </tr> <tr> <td>Rows No.4</td> <td>Rows No.5</td> <td>Rows No.6</td> </tr> </table>

Read more »

HTML,

{[['']]}

Facebook Auto Popup Like Box Script for Blogger

Instruction and code will be added soon.

Read more »

Facebook Like Box, Javascript,

{[['']]}

Auto Popup Windows Script for Blogger

Just follow below steps for add a popup window in your blogger:

1. Log in to your Blogger account.
2. Go to Design > Page Elements.
3. Click Add a Gadget.
4. Select HTML/JavaScript widget.
5. Copy the below code and past it in HTML/java script box.

Code
<script type="text/javascript"> document.body.onclick= function(){ window.open('your web address', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50'); }</script>

Note:

1. your web address Replace this with your Web url (web address)
2. width=650 height=650 You can customize Window size.
3. Now save your Template your popup window is ready

Read more »

Javascript,

{[['']]}