<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='#' rel='shortcut icon'/>
<meta content='ENTER META KEYWORDS HERE' name='Keywords'/>
<meta content='ENTER META DESCRIPTION HERE' name='Description'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Chủ quyền Template Style NSVINA
Trang chủ : Trung tâm thiết kế web cao cấp giá rẻ
Designer : Mika Group
Coder : LowKer
URL : http://www.nsvina.com
----------------------------------------------- */
#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
/* Basics & Typography
-----------------------------------------------------------*/
body {
margin: 0;
padding: 0;
background:#003300;
line-height:160%;
font: 75% "Arial", "Lucida Sans Unicode", Sans-Serif;
line-height:160%;
color: #003300;
}
p, ol, ul {
line-height: 150%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-style: normal;
font-weight: bold;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.4em;
}
h3, h4, h5, h6 {
font-size: 1em;
}
a:link {
color: #26a;
text-decoration: none;
}
a:visited {
color: #26a;
text-decoration: none;
}
a:hover {
color: #26a;
text-decoration: underline;
}
a:active {
color: #26a;
text-decoration: underline;
}
blockquote {
margin: 10px 0;
padding: 0 50px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozp3vBXSAbNM_klzfb-Fv05OUbJavifLwy_z5_aR2_KBCawkn2Ld1AMyMi99CZm5hqY6iEPhW-zw2Ld5xZim6hN4SqdbgEVmqR3sk__hIg5Hc3XGGvz6MKizOX5RsFa725r1WuLqiH5OM/s1600/blockquote.gif) no-repeat 0 0;
color: #abafb9;
}
small {
font-size: 0.8em;
}
img.a:link {border: none; }
img.noborder {
border: none;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
/* Wrapper
-----------------------------------------------------------*/
#wrapper {
background:#fff;
overflow:hidden;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
/* Header
-----------------------------------------------------------*/
#header-wrapper {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zsmnjaGaN4ucy5GaZcSU11SarJp4m5iiF5lRKAiczxqMKioSnzAOHQgu9VqxV42zliDOUYQtPq_rE-Ds-rQlF8pL-2JJQmKMEFd0jN7NB9Rg4_L4MlaEbR3t-htiWxXfTkmch139mGM/s1600/navbg-zipzap.png) repeat-x;
height:100px;
}
#header {
width:1000px;
height:100px;
margin:0 auto;
}
#header .headerleft img {
border:0px;
padding-top:10px;
}
#header .headerleft {
float:left;
width:auto;
background:transparent;
}
#header .headerleft a:hover {
color:#555;
text-decoration:none;
}
#header h1 {
font-size:48px;
line-height:48px;
text-decoration:none;
margin-top: 20px;
}
/* Categories Navigation
-----------------------------------------------------------*/
#cat-navbar {
background:#74CCEF;
width: 1000px;
height: 38px;
margin: 0 auto;
border-bottom:1px solid #3282BD;
border-left:1px solid #3282BD;
border-right:1px solid #3282BD;
}
.PageList h2 {
display: none;
}
#nav-menu {
margin: 0;
padding: 0;
font-size:12px;
list-style: none;
height:38px;
}
#nav-menu a {
background:#3282BD;
color: #fff;
display: block;
font-weight: bold;
padding: 0 12px;
margin: 6px;
text-transform: uppercase;
-moz-border-radius:5px;
border-radius:5px;
}
#nav-menu a:hover {
display: block;
text-decoration: underline;
}
#nav-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav-menu li {
float: left;
margin: 0;
padding: 0;
height:38px;
line-height: 26px;
}
/* Second Level Drop Down Menu */
#main-nav ul li ul {
display: none;
}
/* Third Level Drop Down Menu */
#main-nav ul li:hover ul li ul {
display: none;
}
/* Main
-----------------------------------------------------------*/
#main-wrapper {
width:1000px;
margin:0 auto;
padding:20px 0;
overflow:hidden;
}
#main {
float: left;
width: 660px;
background: #fff;
margin: 0;
padding: 0;
}
#content {
float: left;
width: 640px;
height: 100%;
background: #fff;
padding:10px;
margin:0;
}
/* Posts
-----------------------------------------------------------*/
.post {
margin-bottom:10px;
padding:0;
background:#fff;
overflow:hidden;
}
.entry {
color:#444;
margin:10px 0;
font-size:14px;
font-family:Helvetica,Arial,sans-serif;
text-align:justify;
line-height:20px;
}
.posttitle {
font-weight:700;
font-size:26px;
font-family:Segoe UI,Lucida Grande,arial,verdana,tahoma;
line-height:32px;
color:#000;
}
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
color:#000;
text-decoration:none;
}
.posttitle a:hover {
color:#262625;
}
.post img {background:#fff;padding:5px;border:#d8d8d8 1px solid;}
.post a img {padding:2px;border:#d8d8d8 1px solid;}
.post a:hover img {padding:2px;border:#d8d8d8 1px solid;}
.post-meta {
clear:both;
color:#999;
font-size:11px;
margin-top:5px;
padding:0;
font-family:Verdana,arial,sans-serif;
}
.post-author {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqRec0-Zgi1iOrnxCnsa7SyI_hDBdHqltHKlRsNR-722wIJBh2GND9MA5Icr6DQTFFV3D3kmZ4WZJGkVeyPri-zTOvfrDeQAxWL_U1DJjK3sMWwtJ46lglw4ZS0Ixy5eBMNcI9WHsU18/s1600/006.png) no-repeat;
padding: 2px 0 2px 20px;
}
.post-timestamp {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijI343rK1k5kJmcL7g_fRlYXbpcP79E-wloCbuze7jpsFCScEda7stkifP0VjduLWRrnBgvTrEsmsjWuL56WCgZKeM7rs2GEMAAb2pLmlHSHIAQZ5_vKtxizcceUOvGAD3h2ztaRmXX_s/s1600/026.png) no-repeat;
padding: 2px 0 2px 20px;
}
.post-comment-link a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidA9AfiGarkk9TxmrahpX557s1tT9-FH1ej_ejWJ9EM7_WerQm0OpIIPAnsTFfZJk380qb3XJoe-ll0audJ4YkumvEVKBD79ZGfy5Q5t2fDRmgbtKMEDseAgqWl67N6ZjcFwLmieCZMAY/s1600/030.png) no-repeat;
padding: 2px 0 2px 20px;
}
.post-date {
padding: 0 10px 0 0;
}
.post-comment {
padding: 0 0 0 10px;
}
.post-footer {
margin-bottom:10px;
padding:0;
}
.footer-meta {
background:#EEEEEE;
border:1px solid #ccc;
overflow:hidden;
height:34px;
margin:10px 0 0;
}
span.read-more a {
color:#fff;
}
span.post-footer-labels {
margin:0 0 0 4px;
padding:7px;
float:left;
}
/* Comments
-----------------------------------------------------------*/
#comments-block {
margin:0 0 1px;
padding:0;
}
.comment-author {
border-top:2px solid #ebf3fb;
border-left:2px solid #ebf3fb;
border-right:2px solid #ebf3fb;
background: #ebf3fb;
padding:6px 15px 5px 15px;
margin-left:0px;
display:block;
font-weight: bold;
margin-top:10px;
}
.comment-body {
border-left:2px solid #ebf3fb;
border-right:2px solid #ebf3fb;
padding:5px 15px 5px 15px;
margin-left:0px;
display:block;
}
#comments-block .comment-footer {
border-left:2px solid #ebf3fb;
border-right:2px solid #ebf3fb;
border-bottom:2px solid #ebf3fb;
margin-bottom:15px;
margin-left:0px;
padding:0px 15px 12px 15px;
display:block;
}
#comments {
margin: 0;
padding: 0;
}
#comments h4 {
margin:1em 0;
}
.comments-num {
padding: 0 0 10px 0;
}
#commentlist {
margin: 0;
padding: 0;
list-style-type: none;
}
#commentlist li {
padding: 20px 25px 0 0;
border-bottom: 1px solid #dce6ff;
background: #edf2ff;
}
.alt {
background-color: #fff !important;
background-image: none !important;
}
.comment-title,
.comment-meta,
.comment-text {
margin: 0 0 0 80px;
}
.comment-title,
.comment-title a,
.comment-title a:hover{
color: #030612;
}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
color: #2f63b3;
}
h4#postcomment {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
font-size: 12px;
}
#comment-post-message {
font-size: 16px;
}
#blog-pager {
padding: 10px 0 0 0;
height: 25px;
font-size: 14px;
}
.blog-pager-older-link {
margin:0;padding:5px;
}
.blog-pager-newer-link {
margin:0;padding:5px;
}
/* Sidebar
-----------------------------------------------------------*/
#sidebar {
background: transparent;
float: right;
width: 300px;
height: 100%;
margin: 0;
padding: 10px;
}
#sidebar h2.feed-title {
margin: 0;
padding: 20px 0 0 3px;
background: none !important;
font-size: 1.1em;
}
#sidebar h2 {
color: #444;
font-size: 16px;
font-weight: 700;
line-height: 16px;
border-bottom:2px solid #3282BD;
margin-bottom: 8px;
padding: 0 0 2px;
text-transform: uppercase;
}
#sidebar-content ul {
padding: 0 0 0 15px;
}
#sidebar img { border: none; }
#sidebar .widget {
margin: 5px 0 20px;
padding: 0;
}
#bottomnav{ width:1000px; margin:0 auto;padding:0;height:30px}
ul.menu{list-style-type:none; margin:0; padding:0;float:left}
ul.menu li{display:block; height:30px; float:left;position:relative;margin:0; padding:0}
ul.menu li:hover{background:#222;-moz-border-radius:5px;-webkit-border-radius:5px}
ul.menu li a{ display:block;float:left;text-decoration:none;font-size:14px;font-style:normal;font-weight:bold;padding:5px 10px;line-height:18px; text-transform:uppercase}
ul.menu li a span{font-weight:normal;padding-left:3px}
ul.menu li.drop a{padding-right:7px}
ul.menu li a:hover{border:none;color:#fff}
ul.menu li.drop:hover li{border:none}
ul.menu li.drop span.toggle{display:block;float:left; width:21px;height:26px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVNRU5p8Vd4dWfnlZyMsqme8dKxN8wsQk7UGe4iXOBSZSTrZ9XIjbmidIAHfE-SRIa5Zjkr9-_-20OI5_bab8u0KXM85-SXO8exW7OmD78fFKorFklYECGFXCllkkN7xUS_OcIN59ae28/s1600/toggle.png) no-repeat 0 -20px; padding:0;margin:0 7px 0 0}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle{ background-position:1px 5px}
ul.menu li.drop:hover, ul.menu li.current:hover{ -moz-border-radius:0; -webkit-border-radius:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}
ul.menu li.drop:hover ul{ display:block; z-index:1; padding-bottom:5px}
ul.menu li ul{ display:none; position:absolute; width:100%; top:30px; left:0; list-style-type:none; margin:0; padding:0; background:#fff}
ul.menu li ul li{ float:none; height:auto; margin:0; padding:0; border:none}
ul.menu li ul li a{ float:none; background:#fff; margin:0; padding:0; display:block; font-size:13px; height:auto; margin:0; padding:5px 13px; font-weight:bold; text-transform:none}
ul.menu li:hover ul{ border:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
ul.menu li:hover ul *{ background:#fff; -moz-border-radius:0; -webkit-border-radius:0; color:#555}
ul.menu li ul li:hover{ background-color:#f5f5f1}
/* Footer
-----------------------------------------------------------*/
#footer-wrapper {
background: #3282BD;
color: #fff;
}
#footer-wrapper a {
color: #E6EAED;
text-decoration: none;
text-shadow: 1px 1px #698AA3;
}
#footer-wrapper a:hover {
color: #E6EAED;
text-decoration: underline;
text-shadow: 1px 1px #698AA3;
}
#footer {
clear: both;
width: 1000px;
margin: 0 auto;
font-size: 12px;
text-align: left;
}
.copyright {
clear: both;
padding: 10px;
overflow:hidden;
}
.copyright p {
margin: 0;
padding: 5px 0;
}
body#layout #footer {
display: none;
}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
.clear-block {
display: inline-block;
width: 1000px;
height: 1px;
clear: both;
}
/* Page Navigation
-----------------------------------------------------------*/
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 8px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:4px 8px;
}
.showpageOf {
text-decoration:none;
border: 1px solid #cccccc;
padding:4px 8px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:4px 8px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 240;
img_thumb_height = 100;
img_thumb_width = 150;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
<body>
<div id='header-wrapper'>
<a name='thetop'/>
<div id='header'>
<div class='headerleft'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<b:section class='header-wrap' id='header-wrap' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='® Kho thủ thuật hay, thủ thuật blogspot, code cho blogger, thủ thuật nsvina.com, thủ thuật (Tiêu đề)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</a>
</div><!-- End .headerleft -->
<!-- end of #page-nav-container -->
</div><!-- end of #header -->
</div><!-- end of #header-wrapper -->
<div id='wrapper'>
<!-- Categories Nav Menu -->
<div id='cat-navbar' style='text-align:center'>
<div id='nav-menu'>
<ul>
<li><a href='http://thuthuatcode.nsvina.com/'>Home</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'>Downloads</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> Wordpress</a></li>
<li><a href='http://thuthuatcode.nsvina.com/search/label/Thủ thuật blogspot'> Blogspot</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> Googlesites</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> Jomla</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> easyvn</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> Live Space</a></li>
<li><a href='http://thuthuatcode.nsvina.com/search/label/Thủ thuật cho yahoo plus'> Yahoo Plus</a></li>
<li><a href='http://thuthuatcode.nsvina.com/'> Opera</a></li>
</ul>
</div>
<!-- end of #page-nav -->
</div>
<div id='bottomnav'>
<ul class='menu'>
<li class='drop'>
<a href='#'> Choice Column Templates</a>
<span class='toggle'/>
<ul>
<li><a href='/'>1 Column Templates</a></li>
<li><a href='/'>2 Column Templates</a></li>
<li><a href='/'>3 Column Templates</a></li>
<li><a href='/'>4 Column Templates</a></li>
<li><a href='/'>2 Column On Top</a></li>
<li><a href='/'>3 Column On Top</a></li>
<li><a href='/'>2 Column Footer</a></li>
<li><a href='/'>3 Column Footer</a></li>
</ul>
</li>
<li class='drop'>
<a href='#'>Featured Templates</a>
<span class='toggle'/>
<ul>
<li><a href='/'>Ads Ready</a></li>
<li><a href='/'>SEO Friendly</a></li>
<li><a href='/'>DropDown Menu</a></li>
<li><a href='/'>Image SlideShow</a></li>
<li><a href='/'>Tab View Ready</a></li>
<li><a href='/'>Pagination Ready</a></li>
</ul>
</li>
<li class='drop'>
<a href='#'>Sidebar Templates</a>
<span class='toggle'/>
<ul>
<li><a href='/'>1 Right Sidebar</a></li>
<li><a href='/'>2 Right Sidebar</a></li>
<li><a href='/'>1 left Sidebar</a></li>
<li><a href='/'>2 Left Sidebar</a></li>
<li><a href='/'>Left and Right</a></li>
</ul>
</li>
<li class='drop'>
<a href='#'>Style Templates</a>
<span class='toggle'/>
<ul>
<li><a href='/'>Adapted WordPress</a></li>
<li><a href='/'>CSS To Blogger</a></li>
<li><a href='/'>PSD To Blogger</a></li>
<li><a href='/'>Magazine Style</a></li>
<li><a href='/'>Photo Blog</a></li>
<li><a href='/'>Gallery Templates</a></li>
</ul>
<li class='drop'>
<a href='#'> Choice Color</a>
<span class='toggle'/>
<ul>
<li><a href='/'>Black Template</a></li>
<li><a href='/'>Dark Template</a></li>
<li><a href='/'>White Templates</a></li>
<li><a href='/'>Gray Template</a></li>
<li><a href='/'>Creamy Templates</a></li>
<li><a href='/'>Red Templates</a></li>
</ul>
</li>
</li>
</ul>
</div>
<!-- end of #cat-navbar -->
<div id='main-wrapper'>
<div id='content'><!-- begin content -->
<a href='http://www.nsvina.com/'><img alt='Free Website' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgbxnDWLe9U4zBxVzf_Lg3g2ZmxWnEd_KD7AbqB8CIpLKIKrjU1cDqIqxegRM1rA4YJTpEw5UgqCfpG4UzGASvOcCmlYXYniOaUKlcuKPRbd1a_bbuSntmLfBJw7B6iu_tDPykEuSUOf4/s1600-r/banner-ad03.gif' title='Free Website' vspace='5' width='100%'/></a>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Xem thủ thuật mới</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Thủ thuật cũ hơn</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4 id='postcomment'><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
<b:if cond='data:post.title'>
<h2 class='posttitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</b:if>
<div class='post-header-line-1'/>
<div class='post-meta'>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:post.timestamp/>
</b:if>
</span>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
</div>
<div class='entry'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<div class='footer-meta'>
<span class='post-footer-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='read-more' style='background:#3282BD; color:#fff; padding:7px;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Xem hết >></b></a></span>
</div>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</b:if>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<div class='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<!--
<b:include name='feedLinks'/>
-->
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4 id='postcomment'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div><!-- begin content -->
<div id='sidebar'>
<!-- End #subscribe-box -->
<!-- End of .search-box -->
<b:section class='sidebar-content' id='sidebar-content'>
<b:widget id='HTML2' locked='false' title='http://www.denbaoluc.com/http://www.cuacuondongtamnc.com/' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Xem nhanh các chuyên mục' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Vui lòng lick chọn 1 mục để xem</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='FollowByEmail1' locked='false' title='Đăng ký nhận thủ thuật mới' type='FollowByEmail'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<table width='100%'>
<tr>
<td>
<input class='follow-by-email-address' name='email' placeholder='Vui lòng điền email vào đây...' type='text'/>
</td>
<td width='64px'>
<input class='follow-by-email-submit' type='submit' value='Submit'/>
</td>
</tr>
</table>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='TẢI NHANH CÁC CHƯƠNG TRÌNH HAY' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- end of #sidebar -->
</div> <!-- end of #main -->
</div><!-- end of #wrapper -->
<div id='footer-wrapper'>
<div id='footer'>
<div class='copyright'>
<p style='float: left;'>
© 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. <a href='http://www.nsvina.com/'>Bản quyền thuộc : NsViNa.CoM</a>
</p>
<p style='float: right;'>
Sponsored by: <a href='http://www.mikagroup.info'>Mika Group</a>
</p>
</div>
</div> <!-- end of #footer -->
</div> <!-- end of #footer-wrapper -->
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=2;
var displayPageNum=4;
var upPageWord ='Quay lại trang trước';
var downPageWord ='Xem tiếp trang khác';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
<style type='text/css'>
#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{border:1px solid #ffa789;background:#ff6734;}
</style>
<div id='bttop'>BACK TO TOP</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>
</body></html>