- Rê chuột lên màu chọn để xem demo.
- Sau khi chọn được màu ưng ý thì click chuột một cái để không thử màu nữa.
- Copy mã màu cần lấy. ...
![]() |
Ảnh minh họa |
ul#topnav {
margin: 0px 0 0px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 650px; /*do rong cua menu*/
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px; /*chieu cao cua menu*/
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff; /*màu text cua menu*/
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}
ul#topnav.v2 span{background: url() repeat-x left top; /*màu nen cua menu*/
}
ul#topnav.v2 a{
color: #555;
background: url() repeat-x left bottom; /*màu nen cua menu*/
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/66256041/Menu/namkna-blogspot/ani_menu.js"></script>
6. Lưu Template lại.<ul id="topnav" class="v2">
<li><a href="URL Menu 1">MENU 1</a></li>
<li><a href="URL Menu 2">MENU 2</a></li>
<li><a href="URL Menu 3">MENU 3</a></li>
<li><a href="URL Menu 4">MENU 4</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
</ul>
- Trong đó:Sau khi thay đổi song các dòng màu đỏ và màu xanh bạn bấm lưu lại để xem thành quả.
- Dòng màu đỏ là URL liên kết tới bài viết, nhãn.
- Dòng Màu xanh là tên bài viết nhãn tương ứng
body{...}
- Và thay thế thành một số mẫu dưới.body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-1.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 2 Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-2.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 3 (phong cách mp3.zing) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-3.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 4 (Phong cách zing.me) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-4.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 5 (Phong cách tv24.vn) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-5.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
<a style="display:scroll;position:fixed;Top:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRX1LzGZiYsJ71uajO2TTNM6u-aBmjWaJy-1KgCQUhGWk9dQh2GQbjxjyeeQ_uhErd6vuwZRetWdPAxF_tF6gie7b62ZyFOyjloXsDAQZAEyqclDfojD5BztgKeGE5JMfIZibIeH2cgsUw/s1600/canh-dao-namkna-blogspot-com-1.png" /></a>
Thêm góc trên cùng bên phải:<a style="display:scroll;position:fixed;Top:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHSOAMZR4enqKP64edUc6WCDLdo6xW2zX2D6_opl5DxAKvDmzlqyRj-MFm_xLsiExFUj69pfOXbq-QmEZeletjvMA5i-pCBgNGMdxBA3fzuFxghQnhH0Ejd2aJyjWlBUNACbLxfQjtnIi/s1600/canh-dao-namkna-blogspot-com-3.png" /></a>
Thêm góc dưới cùng bên trái:<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8wSjDIdigpz1RaTnJbrj1PiSQ_m8LzKE_rBNdhLFntOmG0uDYGYT6DpmX_2VL_hyphenhyphenU700y1731A-_lmEJ-jDiJUoSbQAK14TqpdFJNqkI62DQmlGwiO8zoIABBBBjtyv5Nl0MNNomnxA1/s1600/canh-dao-namkna-blogspot-com-2.png" /></a>
Thêm góc dưới cùng bên phải:<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGsgQhlTJNF1ZtmBNlO_L1kin7Xv77nq8Ec8xOH19xXKxALeLP714zP5wcuOy7bUMBA-Ybj41Ai_Vh_9IMihMS4v58MjHrQgwZJUOyv3IqclrguOgt7t4KYbdTNb31s1w-WBaoYiyH5hZn/s1600/canh-dao-namkna-blogspot-com-4.png" /></a>
<script type='text/javascript'>
//<![CDATA[
document.write('
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aa7n0w-tWSxXcWlhPpvD6fEQPyodQLEntCG2C6jfCKgPJdQqsZ8EYR6vgTOaS7ps7BosIDQYoMaGG8XwFcAkDNTVLobdkyJnUleyQRf6-Gkh5SNRYmLUFlfiQ1qRb_bl9f3YE42f8NSf/s1600/left-cau-doi-namkna-blogspot-com.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYD09GiedxHwUuZSxaHMHuaVzrBXEMoTYd_lprpAKjnR7vWisXFtT5D26qNJXR711YGZyKEkj3UfMC9U4Pkd7xhk_9XE8rw-M6IT9lXUz4SIHJUgIQomHpuKO746jVBEDmZqPIOKhoNLV/s1600/right-cau-doi-namkna-blogspot-com.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigQe9PYv2t6Cdt7LZBzmjK1A0u2zgNeUVvCbt1XRd_gxREJy32DKlgYHKtinRdi4aZu3XepyE2SX1Lyo0tbpppfinUuacdZx-p0lhZXntscVvUGgBYu29D02br9JrAdWeYUtUFa2-JhF32/s1600/bottom-cau-doi-namkna-blogspot-com.png) repeat-x bottom left;"></div><a href="http://namkna.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTT4M7ba6a4Fk0Sy2Rdegvwqpafkz0hXw6g7AuINeXhqqSD0FRafGv6eeZYcG17J8cMnHutz6sMrE23-DG0-rtsypARWaMfMx_ZufLkuepqdFmtm0OFrKsTaPO5TJmpYCloxkHt-MQ_K0R/s1600/buttom-left-namkna-blogspot-com.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrrWSwVPhfJvHB3ikoHDpCVzd5ifOl1PUx-ygu4BAaX4_WMlYcKEIjYMki5xcPe9Rj_oUlXNIWD6n9SEJW4scrgAvSggZRuVujd2_U62mkdfwg6Uaf5rA3X-jZWJlhENJMlhO8Pt97ZU3P/s1600/1b-left_namkna-blogspot-com.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1FK0hA0xSFiMRlv6rj07NXUMa6GCOgK3wu1M-DS8Kf_JzaNuoDM2Enll3AhzA19cT0N-wwTLOhJS9wNGAjgaZuLKgVYFFCeFm8g2OodKGNz3UqKt23VHFZ6spPzak2moKJ-Af-cm83ZO/s1600/1a-right_namkna-blogspot-com.png" /></a>
Mẫu 2: Demo<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZQvyt7alTDmJbqgKs86nce_d1XyzRUOA4Tlkfh0CB2g_yRsJvmsACYQRRdRjiaaGIKXakG1mZ6-0z-jsElI8CdtBngrTN-MTqY7E-5q5GiY_LANdRWCK_Ns8dHNOey3LCG46hOTF_Bc8U/s1600/2a-left_namkna-blogspot-com.pngp" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzKBwupvmTZ_iXOfpUYxpdZv30No3CMfqKD9LlpWXCvmS7wwzSYB621LaebGJ5GyUsPwNx1DetzVPF4ID7QxwImJK255OZSVZNlJnc-KKwqeI5Pp_kpl-TiPxExV3UFonmN4vuqiTwE9D3/s1600/2a-right_namkna-blogspot-com.png" /></a>
<style>
#toppic {width:910px;height:30px;background:#2c2c2c;border-top:0px solid #444;margin:0 auto;padding:0;overflow:hidden;text-shadow:1px 1px 2px #002851}
#topwrapper {width:910px;height:30px;margin:0 auto;padding:0}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {border-right:1px solid #444;border-left:1px solid #111;text-align:left;display: block;text-decoration: none;padding:6px 12px 8px;font:12px Arial;text-transform:none;color:#eee;}
#top a:hover {background:#111;}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnDkjwOgf3ILhEOZwHtsP11J7Oxd-YZypLRmaV5ETgw7hutIdoS8w5HU-f9hBy6mb1lIlvzMkBEMvy7OgnZLR0euacq_eqpqpDS1qRCY6AufU4Z20Q0CtG5ZDTOF26PfbFDi-xgrZ21E/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 6px 24px 8px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:240px;}
#top ul li a {text-align:left;padding: 6px 10px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#111;margin-left:-60px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#top li ul li {width:120px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}
</style>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
4- Lưu mẫu lại và xem kết quả.<data:post.body/>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'>[postlink]
<data:post.url/>[/postlink]
<data:post.body/>
</div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>createVideoThumb2("summary<data:post.id/>");</script>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>createVideoThumb("summary<data:post.id/>");</script>
<div id='viewers'>
<div class='download-link'>
<a class='uiBtn' expr:href='data:post.url'>Watch now »</a>
</div>
<span style='float:left;padding:1px 0;height:21px;width:80px;overflow:hidden;border:none;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href="+ data:post.url + "&layout=button_count&show_faces=false&width=80&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
</span>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
.uiBtn{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;word-wrap:break-word;color:#b69786;cursor:pointer;display:inline-block;font-size: 11px;font-weight:bold;line-height:normal !important;padding:3px 6px 4px 7px;text-align:center;text-decoration:none;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;
border-radius:2px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
.uiBtn:hover{color:#3671b2;text-decoration:none}
.download-link{float:right;padding:0px 0px 1px;margin-bottom:0;}
#viewers{float:left;width:100%;font:normal 12px Arial;margin:0;padding:0}
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#main-wrapper{width:640px}
.feed-links{display:none}
h2.date-header{margin:.2em 0 .4em}
.post h3{height:23px;font:14px Oswald;line-height:1.1em;margin:0 0 8px;padding:0;}
.post{margin:10px 6px 0 4px;padding:5px 8px; width:180px;height:202px;float:left;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 4px #bbb;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;padding:5px 10px 10px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
.post:hover{border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;filter:alpha(opacity=80);opacity:.8}
.post-body{margin:7px 0 0 0;float:right;border-top:none;padding-top:0px;}
.play-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCDJPGVNnqaBgTsGfEicWfiH_OHflXXgOVveWWMBdC6tLQ8-8jrMncFOjZrugzYu_cPWOUouH15-24hwKYkzadlaNbTWu2ZFWqlxygJs4VYJRj_ev5XaRVLMlpg8J2forLzZc9wQ6oKkx9/s1600/play.png) no-repeat 65px 42px;cursor:pointer;height:147px;filter:alpha(opacity=75);opacity:.75;position:absolute;width:196px}
.play-button:hover{filter:alpha(opacity=40);opacity:.4}
#blog-pager{float:center;margin:6px;padding:8px 0}
</style>
</b:if></b:if>
<script type='text/javascript'>
//<![CDATA[
var thumbnail_mode = 'float' ; summary_noimg = 0; summary_img = 0; img_thumb_height = 130; img_thumb_width = 180;
function createVideoThumb(pID){var div=document.getElementById(pID);var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));if(vidid==""){var imgvid='<a href="'+postlink+'"><img class="thumbnail" src="http://i930.photobucket.com/albums/ad145/whitebook_diary/novideo.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'}else{var imgvid='<a href="'+postlink+'"><span class="play-button"></span><img class=thumbnail src="http://i2.ytimg.com/vi/'+vidid+'/default.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'};var summary=imgvid;div.innerHTML=summary}function createVideoThumb2(pID){var div=document.getElementById(pID);var imgtag="";var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var textinside=div.innerHTML.substring(div.innerHTML.indexOf("[starttext]")+11,div.innerHTML.indexOf("[endtext]"));var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));var embedvid="";if(vidid!=""){embedvid='<object width="600" height="450"><param name="movie" value="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="450"></embed></object>'}var summary=embedvid+'<div class="content">'+textinside+'</div>';div.innerHTML=summary}
//]]></script>
Link + endofvid
![]() |
Ảnh minh họa |
ul#topnav {
margin: 0px 0 0px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 650px; /*do rong cua menu*/
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px; /*chieu cao cua menu*/
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff; /*màu text cua menu*/
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}
ul#topnav.v2 span{background: url() repeat-x left top; /*màu nen cua menu*/
}
ul#topnav.v2 a{
color: #555;
background: url() repeat-x left bottom; /*màu nen cua menu*/
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/66256041/Menu/namkna-blogspot/ani_menu.js"></script>
6. Lưu Template lại.<ul id="topnav" class="v2">
<li><a href="URL Menu 1">MENU 1</a></li>
<li><a href="URL Menu 2">MENU 2</a></li>
<li><a href="URL Menu 3">MENU 3</a></li>
<li><a href="URL Menu 4">MENU 4</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
</ul>
- Trong đó:Sau khi thay đổi song các dòng màu đỏ và màu xanh bạn bấm lưu lại để xem thành quả.
- Dòng màu đỏ là URL liên kết tới bài viết, nhãn.
- Dòng Màu xanh là tên bài viết nhãn tương ứng
body{...}
- Và thay thế thành một số mẫu dưới.body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-1.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 2 Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-2.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 3 (phong cách mp3.zing) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-3.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 4 (Phong cách zing.me) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-4.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
Mẫu 5 (Phong cách tv24.vn) Demobody{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-5.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}
<a style="display:scroll;position:fixed;Top:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRX1LzGZiYsJ71uajO2TTNM6u-aBmjWaJy-1KgCQUhGWk9dQh2GQbjxjyeeQ_uhErd6vuwZRetWdPAxF_tF6gie7b62ZyFOyjloXsDAQZAEyqclDfojD5BztgKeGE5JMfIZibIeH2cgsUw/s1600/canh-dao-namkna-blogspot-com-1.png" /></a>
Thêm góc trên cùng bên phải:<a style="display:scroll;position:fixed;Top:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHSOAMZR4enqKP64edUc6WCDLdo6xW2zX2D6_opl5DxAKvDmzlqyRj-MFm_xLsiExFUj69pfOXbq-QmEZeletjvMA5i-pCBgNGMdxBA3fzuFxghQnhH0Ejd2aJyjWlBUNACbLxfQjtnIi/s1600/canh-dao-namkna-blogspot-com-3.png" /></a>
Thêm góc dưới cùng bên trái:<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8wSjDIdigpz1RaTnJbrj1PiSQ_m8LzKE_rBNdhLFntOmG0uDYGYT6DpmX_2VL_hyphenhyphenU700y1731A-_lmEJ-jDiJUoSbQAK14TqpdFJNqkI62DQmlGwiO8zoIABBBBjtyv5Nl0MNNomnxA1/s1600/canh-dao-namkna-blogspot-com-2.png" /></a>
Thêm góc dưới cùng bên phải:<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGsgQhlTJNF1ZtmBNlO_L1kin7Xv77nq8Ec8xOH19xXKxALeLP714zP5wcuOy7bUMBA-Ybj41Ai_Vh_9IMihMS4v58MjHrQgwZJUOyv3IqclrguOgt7t4KYbdTNb31s1w-WBaoYiyH5hZn/s1600/canh-dao-namkna-blogspot-com-4.png" /></a>
<script type='text/javascript'>
//<![CDATA[
document.write('
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aa7n0w-tWSxXcWlhPpvD6fEQPyodQLEntCG2C6jfCKgPJdQqsZ8EYR6vgTOaS7ps7BosIDQYoMaGG8XwFcAkDNTVLobdkyJnUleyQRf6-Gkh5SNRYmLUFlfiQ1qRb_bl9f3YE42f8NSf/s1600/left-cau-doi-namkna-blogspot-com.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYD09GiedxHwUuZSxaHMHuaVzrBXEMoTYd_lprpAKjnR7vWisXFtT5D26qNJXR711YGZyKEkj3UfMC9U4Pkd7xhk_9XE8rw-M6IT9lXUz4SIHJUgIQomHpuKO746jVBEDmZqPIOKhoNLV/s1600/right-cau-doi-namkna-blogspot-com.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigQe9PYv2t6Cdt7LZBzmjK1A0u2zgNeUVvCbt1XRd_gxREJy32DKlgYHKtinRdi4aZu3XepyE2SX1Lyo0tbpppfinUuacdZx-p0lhZXntscVvUGgBYu29D02br9JrAdWeYUtUFa2-JhF32/s1600/bottom-cau-doi-namkna-blogspot-com.png) repeat-x bottom left;"></div><a href="http://namkna.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTT4M7ba6a4Fk0Sy2Rdegvwqpafkz0hXw6g7AuINeXhqqSD0FRafGv6eeZYcG17J8cMnHutz6sMrE23-DG0-rtsypARWaMfMx_ZufLkuepqdFmtm0OFrKsTaPO5TJmpYCloxkHt-MQ_K0R/s1600/buttom-left-namkna-blogspot-com.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrrWSwVPhfJvHB3ikoHDpCVzd5ifOl1PUx-ygu4BAaX4_WMlYcKEIjYMki5xcPe9Rj_oUlXNIWD6n9SEJW4scrgAvSggZRuVujd2_U62mkdfwg6Uaf5rA3X-jZWJlhENJMlhO8Pt97ZU3P/s1600/1b-left_namkna-blogspot-com.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1FK0hA0xSFiMRlv6rj07NXUMa6GCOgK3wu1M-DS8Kf_JzaNuoDM2Enll3AhzA19cT0N-wwTLOhJS9wNGAjgaZuLKgVYFFCeFm8g2OodKGNz3UqKt23VHFZ6spPzak2moKJ-Af-cm83ZO/s1600/1a-right_namkna-blogspot-com.png" /></a>
Mẫu 2: Demo<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZQvyt7alTDmJbqgKs86nce_d1XyzRUOA4Tlkfh0CB2g_yRsJvmsACYQRRdRjiaaGIKXakG1mZ6-0z-jsElI8CdtBngrTN-MTqY7E-5q5GiY_LANdRWCK_Ns8dHNOey3LCG46hOTF_Bc8U/s1600/2a-left_namkna-blogspot-com.pngp" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzKBwupvmTZ_iXOfpUYxpdZv30No3CMfqKD9LlpWXCvmS7wwzSYB621LaebGJ5GyUsPwNx1DetzVPF4ID7QxwImJK255OZSVZNlJnc-KKwqeI5Pp_kpl-TiPxExV3UFonmN4vuqiTwE9D3/s1600/2a-right_namkna-blogspot-com.png" /></a>
<style>
#toppic {width:910px;height:30px;background:#2c2c2c;border-top:0px solid #444;margin:0 auto;padding:0;overflow:hidden;text-shadow:1px 1px 2px #002851}
#topwrapper {width:910px;height:30px;margin:0 auto;padding:0}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {border-right:1px solid #444;border-left:1px solid #111;text-align:left;display: block;text-decoration: none;padding:6px 12px 8px;font:12px Arial;text-transform:none;color:#eee;}
#top a:hover {background:#111;}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnDkjwOgf3ILhEOZwHtsP11J7Oxd-YZypLRmaV5ETgw7hutIdoS8w5HU-f9hBy6mb1lIlvzMkBEMvy7OgnZLR0euacq_eqpqpDS1qRCY6AufU4Z20Q0CtG5ZDTOF26PfbFDi-xgrZ21E/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 6px 24px 8px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:240px;}
#top ul li a {text-align:left;padding: 6px 10px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#111;margin-left:-60px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#top li ul li {width:120px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}
</style>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
4- Lưu mẫu lại và xem kết quả.<data:post.body/>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'>[postlink]
<data:post.url/>[/postlink]
<data:post.body/>
</div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>createVideoThumb2("summary<data:post.id/>");</script>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>createVideoThumb("summary<data:post.id/>");</script>
<div id='viewers'>
<div class='download-link'>
<a class='uiBtn' expr:href='data:post.url'>Watch now »</a>
</div>
<span style='float:left;padding:1px 0;height:21px;width:80px;overflow:hidden;border:none;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href="+ data:post.url + "&layout=button_count&show_faces=false&width=80&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
</span>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
.uiBtn{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;word-wrap:break-word;color:#b69786;cursor:pointer;display:inline-block;font-size: 11px;font-weight:bold;line-height:normal !important;padding:3px 6px 4px 7px;text-align:center;text-decoration:none;vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;
border-radius:2px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
.uiBtn:hover{color:#3671b2;text-decoration:none}
.download-link{float:right;padding:0px 0px 1px;margin-bottom:0;}
#viewers{float:left;width:100%;font:normal 12px Arial;margin:0;padding:0}
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#main-wrapper{width:640px}
.feed-links{display:none}
h2.date-header{margin:.2em 0 .4em}
.post h3{height:23px;font:14px Oswald;line-height:1.1em;margin:0 0 8px;padding:0;}
.post{margin:10px 6px 0 4px;padding:5px 8px; width:180px;height:202px;float:left;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 4px #bbb;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;padding:5px 10px 10px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
.post:hover{border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;filter:alpha(opacity=80);opacity:.8}
.post-body{margin:7px 0 0 0;float:right;border-top:none;padding-top:0px;}
.play-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCDJPGVNnqaBgTsGfEicWfiH_OHflXXgOVveWWMBdC6tLQ8-8jrMncFOjZrugzYu_cPWOUouH15-24hwKYkzadlaNbTWu2ZFWqlxygJs4VYJRj_ev5XaRVLMlpg8J2forLzZc9wQ6oKkx9/s1600/play.png) no-repeat 65px 42px;cursor:pointer;height:147px;filter:alpha(opacity=75);opacity:.75;position:absolute;width:196px}
.play-button:hover{filter:alpha(opacity=40);opacity:.4}
#blog-pager{float:center;margin:6px;padding:8px 0}
</style>
</b:if></b:if>
<script type='text/javascript'>
//<![CDATA[
var thumbnail_mode = 'float' ; summary_noimg = 0; summary_img = 0; img_thumb_height = 130; img_thumb_width = 180;
function createVideoThumb(pID){var div=document.getElementById(pID);var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));if(vidid==""){var imgvid='<a href="'+postlink+'"><img class="thumbnail" src="http://i930.photobucket.com/albums/ad145/whitebook_diary/novideo.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'}else{var imgvid='<a href="'+postlink+'"><span class="play-button"></span><img class=thumbnail src="http://i2.ytimg.com/vi/'+vidid+'/default.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a>'};var summary=imgvid;div.innerHTML=summary}function createVideoThumb2(pID){var div=document.getElementById(pID);var imgtag="";var summ=summary_noimg;if(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")!=-1){var vidid=div.innerHTML.substring(div.innerHTML.indexOf("http://www.youtube.com/watch?v=")+31,div.innerHTML.indexOf("endofvid"))}else{var vidid=""};var textinside=div.innerHTML.substring(div.innerHTML.indexOf("[starttext]")+11,div.innerHTML.indexOf("[endtext]"));var postlink=div.innerHTML.substring(div.innerHTML.indexOf("[postlink]")+10,div.innerHTML.indexOf("[/postlink]"));var embedvid="";if(vidid!=""){embedvid='<object width="600" height="450"><param name="movie" value="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vidid+'&hl=en_US&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="450"></embed></object>'}var summary=embedvid+'<div class="content">'+textinside+'</div>';div.innerHTML=summary}
//]]></script>
Link + endofvid