Miscellaneous

* Bullets:

* Dấu "→": - chèn code:

→

Dấu:     |

* Setting widget ArchiveList:

.main-inner .widget #ArchiveList ul li

* Space between Blogger Posts:

.date-outer{
margin-bottom: -50px;
}

or:

.date-outer{
margin-top: -15px;
}

* Customize Bullet List Style With Image Hover Effect:

Add the code below above ]]></b:skin>

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwnPCQYuClgzLmDKZS6NW79rZDOZXsq0_bRbyNk6NCS2B4O1Bpkf6Gtg4f1udbFrTmM4ei3K7obfyCSJY9UO5cnkvNU_XHwzd9XnNDP-ZoSRJb4J9b7nKCX6V5RkLxz7yaqxJYEbtiG4/s400/265.gif) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKWkIqtN_EUIcnxNmon9Hk8VrSsbTSUxF0fIetfIUdtHoVSVnQxWM1b0WiVBHwf8A6AcC88odmxexjw_61r6PM25EqOWECqJ-rYscxPjVXM9uWsaE-4t1m1Rnzv6n0YxX-9KHE_HT7jc/s400/261.gif) no-repeat scroll 0px 4px;
}

* Simply code box:

<div class="codeview">
Code here!
</div>

* Adding Syntaxhighlighter

<pre class="brush:xml;">
Code/content goes here.
</pre>

or:

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
Code/content goes here.
</pre>

* Divider Between Posts in Blogger

In Edit HTML, find the following code:

<div class='post-footer-line post-footer-line-3'/>

Then right after than line, insert this part of code:

<center><img height='20' src='URL OF PICTURE'/></center>

* Widget LICH

<div style="border: 1px solid #777;
background-color:#fff; color: red; font-size:11px; font-weight: bold; margin:
-20px 20px 15px 20px; padding: 2px; text-align: center; box-shadow: 0 0 4px 1px
#616D7E;">LỊCH</div>

<center><embed src="http://ngochung.name.vn/uploads/banners/lichga.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="210" height="282">
</embed>
</center>

* Bỏ viền link

a:active{
outline: none;
}
a:focus{
-moz-outline-style: none;
}