Trang này chỉ copy lại để làm tài liệu cho mình thôi: Nếu có bài của bạn, thì xin bỏ qua. Cảm ơn.
Showing posts with label Giogiaomua. Show all posts
Showing posts with label Giogiaomua. Show all posts
Thursday, 30 August 2012
Tăng, giảm kích cỡ chữ.
<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]>
</script>
<a href="javascript:ts('body',1)" title="Tăng cỡ chữ"><img src="http://1.bp.blogspot.com/-IX2Mwb_CtmY/T_EMRErYmRI/AAAAAAAAIqI/juFXvkfvhNI/s1600/font-add-2-code1k.com.png" alt="+A" /> Tăng cỡ chữ</a> <a href="#" onclick="location.reload(true);" title="Cỡ chữ mặc định"><img src="http://1.bp.blogspot.com/-qeUtfke_r_Q/T_EMQZ-BhlI/AAAAAAAAIqE/m2EomkrMmsM/s1600/font-2-code1k.com.png" alt="=A" /> Mặc định</a> <a
href="javascript:ts('body',-1)" title="Giảm cỡ chữ"><img src="http://4.bp.blogspot.com/-UXwx-qTZJ4E/T_EMR-XQafI/AAAAAAAAIqQ/feYUYwfIEQs/s1600/font-delete-2-code1k.com.png" alt="-A" />Giảm cỡ chữ
<!-- http://tranphucminh.blogspot.com --></a
href="javascript:ts('body',-1)">
Thursday, 23 August 2012
"Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang
http://hontap.blogspot.com.au/2010/03/bai-viet-lien-quan-cho-blogger-ban-nang.html

Script tạo danh sách các bài viết liên quan cho Blogger ban đầu được Hoctro phát triển, sau đó được nhân rộng ra với khá nhiều chỉnh sửa. Các bản "bài viết liên quan" hiện nay đều cho phép cấu hình số bài viết hiển thị và số bài viết lấy theo mỗi label. Tuy vậy, trong trường hợp cần liệt kê số lượng lớn các bài viết liên quan thì chưa script nào có khả năng phân trang. Trong bài viết này, tôi sẽ hướng dẫn các bạn làm phân trang cho chúng.
Mở template của bạn ở chế độ chỉnh sửa HTML (hoặc download file template về để mở), chèn đoạn sau ngay phía trước thẻ
Sau đó, tìm trong template của bạn dòng:
rồi chèn ngay phía sau đoạn code trong link này: http://pastebin.com/raw.php?i=jadhiYiU.
Cuối cùng, tìm đến vị trí mà bạn muốn hiển thị các bài viết liên quan trong template và chèn dòng sau:
Tiêu đề của mục các bài viết liên quan được mặc định là "Related Posts". Để sửa nó, các bạn sửa lại chỗ sau (nằm trong đoạn code mà bạn copy từ linkhttp://pastebin.com/raw.php?i=jadhiYiU):
(Nếu không muốn hiển thị, có thể xóa nó đi)
Tham số tùy biến của script được liệt kê ở phần đầu của đoạn code như sau:
Trong đó:
-
-
-
-
Ngoài ra, tôi cũng tạo 1 số style cơ bản cho các nút chuyển trang, là đoạn CSS được chèn ở trong thẻ
Các nút phân trang này tôi làm theo mẫu của Flickr, nếu các bạn thích style khác, hãy tùy biến CSS theo ý mình.
Cuối cùng, chúc các bạn blogging vui vẻ. Mọi góp ý xin để lại dưới comments.
"Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang
Monday, March 22, 2010 | BLOGGER
Script tạo danh sách các bài viết liên quan cho Blogger ban đầu được Hoctro phát triển, sau đó được nhân rộng ra với khá nhiều chỉnh sửa. Các bản "bài viết liên quan" hiện nay đều cho phép cấu hình số bài viết hiển thị và số bài viết lấy theo mỗi label. Tuy vậy, trong trường hợp cần liệt kê số lượng lớn các bài viết liên quan thì chưa script nào có khả năng phân trang. Trong bài viết này, tôi sẽ hướng dẫn các bạn làm phân trang cho chúng.
Script này thích hợp với các blog cần liệt kê số lượng lớn các bài viết liên quan (VD như các tập trong 1 bộ truyện tranh). Nếu blog bạn không có nhu cầu này, hãy dùng các bản cũ mà bạn thấy phù hợp.
Cách cài đặt
Mở template của bạn ở chế độ chỉnh sửa HTML (hoặc download file template về để mở), chèn đoạn sau ngay phía trước thẻ
</head>:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style type="text/css">
.related-posts-navi a{border:1px solid #36c;background:#fff;color:#36c;display:block;float:left;margin-right:10px;padding:2px 5px;text-decoration:none}
.related-posts-navi a:hover{background:#36c;color:#fff;text-decoration:none}
.related-posts-navi .related-posts-navi-selected{background:#36c;color:#fff}
</style>
Sau đó, tìm trong template của bạn dòng:
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
rồi chèn ngay phía sau đoạn code trong link này: http://pastebin.com/raw.php?i=jadhiYiU.
Cuối cùng, tìm đến vị trí mà bạn muốn hiển thị các bài viết liên quan trong template và chèn dòng sau:
<b:include data='post' name='related-posts'/>
Cách tùy biến
Tiêu đề của mục các bài viết liên quan được mặc định là "Related Posts". Để sửa nó, các bạn sửa lại chỗ sau (nằm trong đoạn code mà bạn copy từ linkhttp://pastebin.com/raw.php?i=jadhiYiU):
<div id="related-posts"> <h3>Related Posts</h3> <ul id="related-posts-list"></ul> </div>
(Nếu không muốn hiển thị, có thể xóa nó đi)
Tham số tùy biến của script được liệt kê ở phần đầu của đoạn code như sau:
var relatedPostsConfig = {
maxPosts: 150,
perLabel: 25,
perPage: 10,
hiddenLabel: ['Label 1', 'Label 2', 'Label 3']
};
Trong đó:
-
maxPosts: chỉ số lượng bài viết liên quan (tối đa) được hiển thị-
perLabel: chỉ số lượng bài viết liên quan (tối đa) tính theo mỗi label-
perPage: chỉ số lượng bài viết liên quan được liệt kê trong 1 trang-
hiddenLabel: danh sách các label không hiển thị, phân cách bằng dấu phẩy.hiddenLabel được dùng khi bài viết của bạn có nhiều label, trong đó có 1 số label đặc biệt mà bạn không muốn liệt kê các bài viết liên quan nằm trong đó (VD 'Thông báo', 'Tổng hợp', ...). Khi đó bạn chỉ cần liệt kê các label dạng này vào biến hiddenLabel là xong. Nếu muốn hiển thị tất cả các label (không ẩn label) nào thì khai báo:hiddenLabel: []
Mẹo nhỏ:
Để chỉ hiện các bài viết liên quan của label đầu tiên, hãy cấu hình
Để chỉ hiện các bài viết liên quan của label đầu tiên, hãy cấu hình
maxPosts = perLabelNgoài ra, tôi cũng tạo 1 số style cơ bản cho các nút chuyển trang, là đoạn CSS được chèn ở trong thẻ
head:<style type="text/css">
.related-posts-navi a{border:1px solid #36c;background:#fff;color:#36c;display:block;float:left;margin-right:10px;padding:2px 5px;text-decoration:none}
.related-posts-navi a:hover{background:#36c;color:#fff;text-decoration:none}
.related-posts-navi .related-posts-navi-selected{background:#36c;color:#fff}
</style>
Các nút phân trang này tôi làm theo mẫu của Flickr, nếu các bạn thích style khác, hãy tùy biến CSS theo ý mình.
Cuối cùng, chúc các bạn blogging vui vẻ. Mọi góp ý xin để lại dưới comments.
Tạo dropdown cho nhãn (label) blogspot
Tạo dropdown cho nhãn (label) blogspot
23-06-2012 | BLOGGER CƠ BẢN, THỦ THUẬT BLOGSPOT

Để thực hiện, trước tiên bạn phải tạo cho blog mình một widget Label được tích hợp sẵn trong blogger.
1. Vào Thiết kế
2. Vào Phần tử trang
3. Thêm tiện ích Label vào blog.
Sau khi thêm tiện ích label vào blog các bạn tiếp tục thực hiện các bước bên dưới:
1. Vào Chỉnh sử HTML
2. Nhấp chọn mở rộng mẫu tiện ích
3. Tìm đọan code bên dưới:
<ul><b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul>
4. Thay thế tất cả bằng code bên dưới:
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Labels</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>
Save template và xem thành quả nhé!!
Bài này mình không rõ nguồn.
Wednesday, 22 August 2012
* Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger
Replacing Blog Archive with a Drop Down Menu
http://tweakingyourblog.blogspot.com.au/2012/07/replacing-blog-archive-with-drop-down.html#.UDYqUsHiYVw
http://tweakingyourblog.blogspot.com/2012/08/adding-auto-scroll-recent-post-on_3.html
Scroll Recent post with thumbnailhttp://tweakingyourblog.blogspot.com/2012/08/adding-scrolling-thumbnails-on-blogger.html
Tùy biến nút Read More của Blogspot
http://belatdat.blogspot.com.au/2012/03/tuy-bien-nut-read-more-cua-blogspot.html
Hôm nay mình xin chia sẻ đến các bạn một thủ thuật đơn giản , với thủ thuật này thì bài viết của của sẽ được tự động tóm tắt một đoạn trong bài đăng của bạn, và nếu bài viết của bạn có ảnh sẽ được hiển thị dạng ảnh thumbnail.
Ảnh minh họa

1. Đăng nhập vào tài khoản blogspot
2. Vào thiết kế (Design) chọn chỉnh sửa HTML (Edit HTML)
3. Chọn mở rộng tiện ích
4. Chèn code bên dưới vào trước thẻ ]]></b:skin>
.readmore {
float:right;
margin:1px 10px 5px 0px;
padding:3px;}
.readmore a{
color:#fff;
padding:3px 5px 3px 5px;
background:#0000ff;
}
.readmore a:hover{
color:#0000ff;
background:#ddd;}
.sumpost {
color:#000;
font-family:arial;
font-weight:bold;
font-size:12px;}
.img-post {
float:left;
margin-right:5px;
border:1px solid #fff;
height:96px;
padding:1px;}
5. Tiếp đến bạn chèn code bên dưới vào sau thẻ <head>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 230; //số ký tự bài viết hiển thị khi không có ảnh
summary_img = 500; //số ký tự bài viết hiển thị khi có ảnh
img_thumb_height = 90; //chiều cao của ảnh thumb
img_thumb_width = 100; //độ rộng của ảnh thumb
</script>
<script src='http://traidatmui-tips.googlecode.com/files/auto_sumpost.js' type='text/javascript'/>
Bạn dựa vào hướng dẫn trong code để tùy chỉnh cho phù hợp với blog của mình
6. Bây giờ bạn tìm đến đoạn code như bên dưới
<data:post.body/>
7. Thay đoạn code vừa tìm được ở trên thành code bên dưới
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div class='readmore'><a expr:href='data:post.url'>Read more...</a></div>
</b:if>
8. Cuối cùng save template lại.Lưu ý: Nếu trước đây bạn đã thêm tiện ích read more (Đọc tiếp) thì bạn nên gở bỏ trước khi thêm thực hiện thủ thuật này để tránh việc trùng lấp trong bài viết của bạn.
Nguồn traidatmui.com
Nhãn rút gọn - menu đổ xuống cho nhãn Tạo menu đổ xuống cho nhãn (drop down menu for label)GGM
Nhãn rút gọn - menu đổ xuống cho nhãn
Tạo menu đổ xuống cho nhãn (drop down menu for label)
Mình đã từng giới thiệu cho bạn cách Tạo một Menu Drop đơn giản để áp dụng cho các bài viết. Nhược điểm của phương pháp đó là khi áp dụng cho nhãn thường phải Update bằng tai do vậy hôm nay mình xin giới thiệu cho các bạn cách tạo Menu Drop cho nhãn một cách tự động
Phương pháp này chỉ áp dụng cho nhãn còn bài viết thì Xem TẠI ĐÂY
Bạn có muốn tạo một Menu như thế này

thay vì như thế này không ?

Nếu muốn hiển thị một drop down menu thì hãy vào Chỉnh Sửa HTML chọn Mở rộng mẫu tiện ích và tìm đoạn code phía dưới :
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
- và thay thế tất cả bằng đoạn code sau :
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Mục Lục</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>
- Trong đó các bạn có thể chỉnh sửa lại chữ mục lục thành chưc mà bạn muốn như hãy chọn một chủ đề
Cuối cùng là Lưu Mẫu và ra xem kết quả!
Cuối cùng là Lưu Mẫu và ra xem kết quả!
Tuesday, 21 August 2012
Menu GGM trên đầu, có search
<style> #tabsB { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGETwhBRZviPXGX-qOvG0j-DGG7l6oIK4-P0BKSqGzKBkJdnslnd34fgGihlQ1ALv254AYgjPP3GLML4tJjALm-i2hcY6JSU93L0K-Oudw3sFSd7qz5kixDN3jZYuJgfgwVDBmRYl_xo/s1600/tableftB.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwl05S46E-NXeKQ95UwdUZ7daM5T6zuGGBcA1GdLs3n_DbYBN_ljxFmPC97IaQQp6J7VJ6WkF5EaCytwO5pE9SLir4TK0fDS_tQg38-VBIEZABpqfAXTV7BbIwYGtg3xmKx2ulrrhyxo/s1600/tabrightB.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style> <div id="tabsB"> <ul>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<form action="search" style="text-align: center;" method="get">
<input value="Search..." name="q" onclick="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'" type="text"/> <input value="Search" type="submit"/>
</form> </ul> </div>
Template GGM 22/08/2012
<?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 expr:dir='data:blog.languageDirection' 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>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 230; //số ký tự bài viết hiển thị khi không có ảnh
summary_img = 500; //số ký tự bài viết hiển thị khi có ảnh
img_thumb_height = 90; //chiều cao của ảnh thumb
img_thumb_width = 100; //độ rộng của ảnh thumb
</script>
<script src='http://traidatmui-tips.googlecode.com/files/auto_sumpost.js' type='text/javascript'/>
<script src='http://fandung.googlecode.com/svn/trunk/js/dropdown2.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>
<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/>
<data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - description"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keywords"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - description"' name='description'/>
<meta expr:content='data:blog.pageName + ", keywords"' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
----------------------------------------------- */
#navbar-iframe {display: none !important;}
body{font-size:12px;background:url(màu nền ở đây);font-family:Arial;color:#333333;margin: 0 auto;padding: 0;}
a, a:visited{text-decoration:none;color: #004D99}
a img{border:none;}
ul, ol, dl, li {padding: 0;margin: 0;list-style:none;}
a:hover {color: #00994c;text-decoration: none;}
a:focus, a:hover, a:active {outline: none;}
h2, h3, h4 {margin:0;padding:0;font:bold 100% Verdana,Geneva,sans-serif;line-height:1.4em}
#outer-wrapper {padding:0;text-align:left;font:normal normal 100% Verdana,Geneva,sans-serif;}
#wrap {width:960px;margin:0 auto;}
/* SIDEBAR */
#sidebar-wrapper{width:300px;float:right;overflow:hidden;}
#sidebar-wrapper .widget {margin-bottom: 10px;padding: 0;}
.PopularPosts .widget-content ul li {overflow:hidden;border-bottom:1px dotted #d1d1d1;padding:7px 5px 0 5px;font:normal 100% Arial;}
.PopularPosts .widget-content ul li a {color:#008}
.PopularPosts .widget-content ul li:hover {background:#CCE6FF}
.PopularPosts img {border:1px solid #d1d1d1}
.PopularPosts .item-thumbnail img {margin:0;padding:3px;}
.info-title{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XNpU1Ogf2MdU63SCIhfG_LPJLoHQ7_hUVbHCMUeBcISWTze2CGaL-33EepwG6V8f_lD4qAQxsnd3ACJiC6eMfNgsQbkmSXQyzK3EC4hZLgt7Mqes90xNwxC_v-C6BuaZjSP4z0GFVAI/s1600/title2.gif) top left no-repeat;line-height:36px;height:42px;text-align:center;color:#fff;margin-top:10px;font-weight:bold;font-size:15px;width:300px;}
.border-notop{width:298px;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6e5Ik70fTjBp3Gzhy_K0Ax4S6VPYGDeijCiIfmakHI056I1tlbvDYCoX1DhC6ZKnLh7Xj4-ETiIw2gLYwJD7Tufse7YgCLRvNi1hoD6Csjx5-aWS3hGv639UFlOPXnxEjNb-1r1rM_MI/s1600/bgright.gif) repeat-x bottom;float:left;}
.thongtin img{width:24px;height:18px;margin:5px 5px -5px 0;}
.thongtin li{margin:5px 0 10px;padding:0;}
.box214{width:214px; float:left; overflow:hidden;}
.box214 h2 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfj9AeDtZzbT-lBtK8o6G7cRZ6uNgESXw6BDORvWLEEPZuLH3uDrNnKgY4SoEHiF1QCe3mqDYDyBxpyUkIVRkZVSEx0MY1tcUluPAKVnGnHqBquQ9g8wtRLU_Bw66I0ZLBc43GjWTtXQ8/s1600/bg214.gif) no-repeat; width:214px; height:40px; color:#fff;font:700 15px/40px Arial; text-transform:uppercase;width:214px; text-align:center;}
.box214 ul {width:212px; float:left; border-top:0px;border:solid 1px #d1d1d1; background:#fff;}
/* MAIN HOME */
#main-wrapper {width:440px;float:left;display:inline}
#main-home {width:652px;float:left;display:inline;}
.body-home {border:1px solid #cdcdcd;margin-top:15px;background:#fff;padding-bottom:10px}
.body-home-s {border:1px solid #cdcdcd;background:#fff;padding-bottom:10px;margin-bottom:15px;}
.body-s-left {background:#fff;margin:0;padding:8px 10px 0 10px;width:345px;float:left;border-right: 1px solid #cdcdcd}
.body-s-left img{background:#eee;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 333px;height:239px;}
.body-s-left h2 {color:#383838;font-size:14px;font-family:Tahoma;margin:0;padding:0;line-height:1.3em}
.body-s-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-s-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-s-right-li {width:265px;float:right;padding-right:10px;padding-top:5px}
.body-s-right-li ul {}
.body-s-right-li li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHuYKddHjTlaqo8BiihvOkYdv1m0K8XwO8UqD4f2EKPpDqvokhXikxs9qbNJ6VVfeSsJWMtgU6XiCAEFWuGvUCYowYysCGFvTX5j20OskP5ZWBWFXTJ_4yb8jXiQ93CmrQz_LA2GmZmg/s1600/green-star.gif) no-repeat 3px 6px;padding:3px 0 3px 15px;line-height:1.3em;font: normal 12px Arial}
.body-s-right-li li a {color:#2B2B2B}
.body-h-left {margin:0;padding:8px 10px 0 10px;width:245px;float:left;border-right: 1px solid #cdcdcd}
.body-h-left img{background:#FFF;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 233px;height:139px;}
.body-h-left h2 {color:#383838;font:bold 13px Tahoma;line-height:1.3em}
.body-h-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right {width:365px;float:left;margin:8px 0 5px 10px; }
.body-h-right img{background:#FFF;border: 1px solid #ccc;float: left;margin-right:5px;padding:2px;width: 125px;height: 75px;}
.body-h-right h2 {color:#006600;font:bold 12px Tahoma;line-height:1.3em}
.body-h-right h2 a {text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info-li {padding-top:3px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right-li {width:375px;float:right;magrgin-right:8px 5px 0 0}
.body-h-right-li ul {margin:0;padding:0}
.body-h-right-li li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVJ_x-e4xN6Pr23iDY9ilHfdy9-8PH2G8QLcE35VcU8PN15338cc9bO_4Unrlod8Y43CTaJ0wRXmWIUPxSqUrX5kWMi6AURwynF6U-f74-9YiPxgZ5ZhaSSBOUskeSEESjrEEUfpT_Ak/s1600/li.gif) no-repeat 5px 9px;padding:3px 0 3px 13px;line-height:1.3em;font: bold 12px Arial}
.body-h-right-li li a {color:#383838}
.body-s-left h2 a:hover, .body-s-right-li li a:hover,.body-h-left h2 a:hover, .body-h-right-li li a:hover, .body-h-right h2 a:hover, .subbox a:hover, .post h2 a:hover {color: #994c00}
.boxtitle{height:33px;padding:1px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGnzBbYk394dSmiXjKkIMxv9rsxz_5hLdnthmBfzjExRdLCOGuglnpnq_60CkkSCY4pFIJ3lyJR4ycRuLLKOoKaVlJ37Z9nc9AyV7H8J0Ppgw-b1FxO-dgKyRxc3wdSJ9fKZrK-43sH0/s1600/boxtitlerp.gif) repeat-x;}
.boxtitle h2{float:left;}
.boxtitle1{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCprvdAD_gdX5_OnWH0LOnflHIJItxezeuCwcf4vZDAsD-7gFSOxUYeT34ryt4Bez5bVco3A6Zols93pQaqJHJyO9vdCCnaxqyr4MolQQsLM7eIFG2YWf8beRhKqSEMe4_zMC5pbbI80/s1600/boxtitle1.gif) no-repeat top left;width:47px; height:33px;float:left;}
.boxtitle2, .boxtitle2 a {background:#006600;line-height:28px;float:left;padding-left:5px;padding-right:5px;font-weight:bold;color:#fff;}
.boxtitle3{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHTLIWeUbxy9FyatApwWfsRY5DRrlzEdd5n9xSgubZeXMzju28NtbB88LsqY_dkzt367WICM_vQZw8Si2hciVTh718inKLQp3mYgRUYVrAd6st8TKIpZr3GCrw_uV34sVQrDGyeihyphenhyphenm8/s1600/boxtitle2.gif) right top;width:40px;height:28px;float:left;}
.subbox{float:left;line-height:28px;width:395px; overflow:hidden;}
.subbox a{color:#4b4d4f;font-weight:bold;font-size:12px; float:left;}
.subbox li{float:left;margin-right:5px;color:#cdcdcd;font-size:15px;}
.body-s-left img:hover, .body-h-left img:hover, .body-h-right img:hover {background:#ddd}
/* MAIN POST */
.post {width:423px; float:left; border:solid 1px #d1d1d1; overflow:hidden; margin-right:5px; background:#fff;padding:5px;margin-bottom:5px}
.post img {
max-width:538px; // chiều rộng tối đa
max-height:468px; //chiều cao tối đa
padding:4px;
border:1px solid $bordercolor;
}
{margin:10px 0 6px 0}
.post h2 {margin-left:133px;font-size:110%;}
.post h2 a {color:#333333}
.post-header-line-1 {margin:0 0 6px 133px;font-style:italic;font-size:11px}
.post-view {padding:3px 8px 8px 8px;width:635px;border:solid 1px #d1d1d1;background:#fff}
.post-view img{max-width:600px;padding:2px;border:1px solid #ccc;}
.post-view h1, .post-view h3 {font-size:16px;font-weight:700;line-height:1.4em;color:#333333}
.time-view {margin-bottom:15px;color:#707070;font: normal 11px Tahoma}
/* COMMENT */
#comments {padding:8px;width:631px;border:solid 1px #C2C2C2;border-top:none;background:#fff}
.numberingcomments a:link, .numberingcomments a:visited {float: right;color: #3366FF; text-decoration: none;padding-right:10px;padding-top:5px;padding-left:10px;font-weight:bold;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF0A47;}
#comments {margin:0px;padding: 10px;}
.ngay-gio {font-size:11px;font-style: italic;float:right;padding:0;margin:0;color:#454545;font-weight:normal;}
#comments h4 {color:#69c;font-size:16px;line-height:1.3em;margin:0;padding:0;text-shadow:1px 2px 3px #999;}
.comments-block a,.comments-block p,.comments-block a img{margin:0;padding:0;outline:none;border:none}
.comments-block{width:620px;font-family:Arial;line-height:18px;padding-left:5px;margin:0;}
.comments-block .arrow{float:left;margin:5px 0 0 5px;display:block;width:5px;height:16px;}
#comments-box{float:left;width:540px;margin-bottom:10px;border:1px solid #C2C2C2}
.comments-avatar{float:left}
.comments-meta{padding:5px;background:#E0E0E0;border-bottom:1px solid #C2C2C2;}
.comments-meta {font-size:14px;font-weight:bold;}
.comments-meta a{color:#006699;text-decoration:none;text-shadow:1px 2px 3px #999;}
.comments-body{font-size:13px;padding:5px;color:#383838;}
.avatar-image-container{width:50px;height:50px;padding:1px;border:1px solid #C2C2C2}
.avatar-image-container img{background:#fff url(https://lh3.googleusercontent.com/-aoxJ4vEWLqc/ToPsWgtdHzI/AAAAAAAAATI/hPJrDpXbMDY/s800/anonymous.png) no-repeat;width:50px;height:50px}
.deleted-comment {color:gray;font-style:italic;}
/* PHAN TRANG */
.showpagePoint,.blog-pager a:link,.blog-pager a:visited{box-shadow:2px 2px 4px #888;-moz-box-shadow:2px 2px 4px #888;-webkit-box-shadow:2px 2px 4px #888;}
.showpageOf{margin:0 8px 0 0;}
.showpagePoint{color:#fff;background:#898989
Darker colors;margin:0 3px;padding:2px 8px;}
#blog-pager-older-link{float:right;}
#blog-pager{text-align:center;clear:both;padding:6px 4px;}
.blog-pager a:link,.blog-pager a:visited{background:#9E9E9E;color:#fff;margin:0 3px;padding:3px 8px;}
.blog-pager a:hover{background:#333333;}
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}
/* MENU */
.search{width:280px;float:right;}
.search p{float:left;margin-right:5px;margin-top:3px;}
.boxsearch{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAn0d6G-YaSlXIEKYxmRor8xo8FI3lJDsFu7baJVMUK85Z8ypfzY5VMPu1kT7440RgQ4lyngHoA-X9u5HO5TWBQcKnMYMmdzBU6Kug5QHu9rN8TegZAU1TQlaNcOZi6QCEUv-5CqKO4ZA/s1600/searchboxx.gif) no-repeat;width:197px;height:20px;font-size:11px;border:none;float:left;line-height:20px;padding-left:10px;}
.buttonsearch{width:55px;height:20px;border:1px solid #4f0a0b;background:#090;font-weight:bold;color:#fff;float:left;cursor:pointer;}
.rss{position:absolute; top:13px; right:7px;}
/* FOOTER */
#footer {width:960px;margin:0 auto;padding:0}
.infopage,.footertop{width:960px;float:left;margin-bottom:15px}
.footertop{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdJOJbfCqflNddK9Z4nF3T3Hz98bm-BBAUVgZlqAUKpCFisVLoNm9YpTxOY9i2tgcDur62sAdby-RKoe6xOqGdHuu-J1lE-fL9s-XwWSbqBsbVWYJ5fjTIds5IRvFPDUzpicBS6p3_60I/s1600/menufooter.gif) repeat-x center;line-height:45px;}
.footertop-list li{float:left;color:#fff;margin-left:10px;margin-right:10px;}
.footertop-list a{color:#fff;font-weight:bold;}
.homepage{float:right;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOAdsCL_nUZ5JmadEbHAeN3BRK4SKH2nGVdTm3nIwM7PWQUpHez_Ow1pRMRPxn_PXQPR1s0nBU_pb362WXxnMbSfuugErX6cYlcNR_CC9nw6IaIPneYldBDmfToLvae_s-HskqZLbsjEQ/s1600/datlamtrangchu.gif) no-repeat;width:158px;height:42px;}
.infopage-left{width:455px;float:left;line-height:18px;}
.infopage-left h3{font-size:15px;color:#4d5052;font-weight:bold}
.infopage-right{width:365px;float:right;text-align:center;}
.infopage-right p{font-weight:bold;}
.infopage-right h3{color:#be2535;font-size:10px;}
.infopage-right h2{color:#3f4144;font-size:7px;}
.colorfooter{font-size:8px;color:#64676c; }
.break{clear:both;}
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i259.photobucket.com/albums/hh283/boy_proDX/framecode.gif)
no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
/* MAIN HOME */ ul, ol, dl, li {padding: 0;margin: 0;list-style:none;} a:hover {color: #CF7B15;text-decoration: none;} a:focus, a:hover, a:active {outline: none;} h2, h3, h4 {margin:0;padding:0;font:bold 100% Verdana,Geneva,sans-serif;line-height:1.4em} #outer-wrapper {padding:0;text-align:left;font:normal normal 100% Verdana,Geneva,sans-serif;} #wrap {width:960px;margin:0 auto;}
#main-wrapper {width:440px;float:left;display:inline}
#main-home {width:652px;float:left;display:inline;}
.body-home {border:1px solid #cdcdcd;margin-top:15px;background:#fff;padding-bottom:10px}
.body-home-s {border:1px solid #cdcdcd;background:#fff;padding-bottom:10px;margin-bottom:15px;}
.body-s-left {background:#fff;margin:0;padding:8px 10px 0 10px;width:345px;float:left;border-right: 1px solid #cdcdcd}
.body-s-left img{background:#eee;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 333px;height:239px;}
.body-s-left h2 {color:#383838;font-size:14px;font-family:Tahoma;margin:0;padding:0;line-height:1.3em}
.body-s-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-s-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-s-right-li {width:265px;float:right;padding-right:10px;padding-top:5px}
.body-s-right-li ul {}
.body-s-right-li li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHuYKddHjTlaqo8BiihvOkYdv1m0K8XwO8UqD4f2EKPpDqvokhXikxs9qbNJ6VVfeSsJWMtgU6XiCAEFWuGvUCYowYysCGFvTX5j20OskP5ZWBWFXTJ_4yb8jXiQ93CmrQz_LA2GmZmg/s1600/green-star.gif) no-repeat 3px 6px;padding:3px 0 3px 15px;line-height:1.3em;font: normal 12px Arial}
.body-s-right-li li a {color:#2B2B2B}
.body-h-left {margin:0;padding:8px 10px 0 10px;width:245px;float:left;border-right: 1px solid #cdcdcd}
.body-h-left img{background:#FFF;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 233px;height:139px;}
.body-h-left h2 {color:#383838;font:bold 13px Tahoma;line-height:1.3em}
.body-h-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right {width:365px;float:left;margin:8px 0 5px 10px; }
.body-h-right img{background:#FFF;border: 1px solid #ccc;float: left;margin-right:5px;padding:2px;width: 125px;height: 75px;}
.body-h-right h2 {color:#006600;font:bold 12px Tahoma;line-height:1.3em}
.body-h-right h2 a {text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info-li {padding-top:3px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right-li {width:375px;float:right;magrgin-right:8px 5px 0 0}
.body-h-right-li ul {margin:0;padding:0}
.body-h-right-li li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVJ_x-e4xN6Pr23iDY9ilHfdy9-8PH2G8QLcE35VcU8PN15338cc9bO_4Unrlod8Y43CTaJ0wRXmWIUPxSqUrX5kWMi6AURwynF6U-f74-9YiPxgZ5ZhaSSBOUskeSEESjrEEUfpT_Ak/s1600/li.gif) no-repeat 5px 9px;padding:3px 0 3px 13px;line-height:1.3em;font: bold 12px Arial}
.body-h-right-li li a {color:#383838}
.body-s-left h2 a:hover, .body-s-right-li li a:hover,.body-h-left h2 a:hover, .body-h-right-li li a:hover, .body-h-right h2 a:hover, .subbox a:hover, .post h2 a:hover {color: #006600}
.boxtitle{height:33px;padding:1px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGnzBbYk394dSmiXjKkIMxv9rsxz_5hLdnthmBfzjExRdLCOGuglnpnq_60CkkSCY4pFIJ3lyJR4ycRuLLKOoKaVlJ37Z9nc9AyV7H8J0Ppgw-b1FxO-dgKyRxc3wdSJ9fKZrK-43sH0/s1600/boxtitlerp.gif) repeat-x;}
.boxtitle h2{float:left;}
.boxtitle1{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCprvdAD_gdX5_OnWH0LOnflHIJItxezeuCwcf4vZDAsD-7gFSOxUYeT34ryt4Bez5bVco3A6Zols93pQaqJHJyO9vdCCnaxqyr4MolQQsLM7eIFG2YWf8beRhKqSEMe4_zMC5pbbI80/s1600/boxtitle1.gif) no-repeat top left;width:47px; height:33px;float:left;}
.boxtitle2, .boxtitle2 a {background:#044400;line-height:28px;float:left;padding-left:5px;padding-right:5px;font-weight:bold;color:#fff;}
.boxtitle3{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHTLIWeUbxy9FyatApwWfsRY5DRrlzEdd5n9xSgubZeXMzju28NtbB88LsqY_dkzt367WICM_vQZw8Si2hciVTh718inKLQp3mYgRUYVrAd6st8TKIpZr3GCrw_uV34sVQrDGyeihyphenhyphenm8/s1600/boxtitle2.gif) right top;width:40px;height:28px;float:left;}
.subbox{float:left;line-height:28px;width:395px; overflow:hidden;}
.subbox a{color:#044400;font-weight:bold;font-size:12px; float:left;}
.subbox li{float:left;margin-right:5px;color:#cdcdcd;font-size:15px;}
.body-s-left img:hover, .body-h-left img:hover, .body-h-right img:hover {background:#ddd}
#Blog1{position:relative}
/* Page Navigation */
.pagenavi{clear:both;margin:10px auto;text-align:center}
.pagenavi span,.pagenavi a{padding:3px;margin-right:5px;background:#fff;border:1px solid #c20c0c}
.pagenavi a:visited{color:#c20c0c}
.pagenavi a:hover,.pagenavi .current{background:#c20c0c;color:#fff;text-decoration:none}
.pagenavi .pages,.pagenavi .current{font-weight:bold}
.pagenavi .pages{border:none}
.readmore {
float:right;
margin:1px 10px 5px 0px;
padding:3px;}
.readmore a{
color:#fff;
padding:3px 5px 3px 5px;
background:#0000ff;
}
.readmore a:hover{
color:#0000ff;
background:#ddd;}
.sumpost {
color:#000;
font-family:arial;
font-weight:bold;
font-size:12px;}
.img-post {
float:left;
margin-right:5px;
border:1px solid #fff;
height:96px;
padding:1px;}
]]></b:skin>
<script language='javascript' src='http://bay68-com.googlecode.com/svn/trunk/friends/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var navi={timeout:null,showsub:null,showsub1:null,myself:null,init:function(){myself=this;$("#navi > ul > li").hover(function(){clearTimeout(timeout);$("#navi > ul > li").removeClass("active");var a=$("#hidCurent").val();$("#ul_"+a).hide();$(this).addClass("active");$(this).find("ul").show()},function(){timeout=setTimeout("this.focus();",1E3);$(this).removeClass("active");$(this).find("ul").hide();myself.focus()});myself.focus()},focus:function(){var a=$("#hidCurent").val();$("#li_"+a).addClass("active");
$("#ul_"+a).show()}};$(document).ready(function(){navi.init();bindDate.init();fixHeight();ChangeFont("14px","divNoiDung")});
//]]>
</script>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://bay68-com.googlecode.com/svn/trunk/friends/box-home.js' type='text/javascript'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 160;
img_thumb_height = 85;
img_thumb_width = 124;
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l m(a,b){6(a.5("<")!=-1){3 s=a.O("<");N(3 i=0;i<s.4;i++){6(s[i].5(">")!=-1){s[i]=s[i].8(s[i].5(">")+1,s[i].4)}}a=s.J("")}b=(b<a.4-1)?b:a.4-2;A(a.v(b-1)!=\' \'&&a.5(\' \',b)!=-1)b++;a=a.8(0,b-1);t a+\'...\'}l r(a){3 b=D.p(a);3 c="";3 d=b.q("7");3 e=u;6(d.4>=1){c=\'<k w="x:y; z:j B 0 j;;C:-P 0 0 0"><7 E="ẢF G há»a" g="\'+d[0].g+\'" H="\'+I+\'9" K="\'+L+\'9" /></k>\';e=M}3 f=c+\'<n>\'+m(b.o,e)+\'</n>\';b.o=f}',52,52,'|||var|length|indexOf|if|img|substring|px|||||||src|||0px|span|function|removeHtmlTag|div|innerHTML|getElementById|getElementsByTagName|createSummaryAndThumb||return|summary_noimg|charAt|style|float|left|padding|while|10px|margin|document|alt|nh|minh|width|img_thumb_width|join|height|img_thumb_height|summary_img|for|split|38px'.split('|'),0,{}))
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:0;margin:10px 0 5px 0;}
#related-posts h2{margin:0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hiMC1SQfyGXbZs7tge-OVRibnRoc0cRYHahPZemH2_tI8fMgWt5LMBRdLMu7hp-Cca25BuB6lw-_QcTldaHsSOU8cwS2jGb8F0PQzewnDUupE7o5Bjw45eJi78a2IGcRGUOxoPaeZzA/s1600/newslienquan.jpg) no-repeat scroll left 0 transparent;height: 16px;}
#related-posts a:hover {background-color:#d4eaf2}
.lienquan {background: #ddd;height:57px;float: left;padding-left: 1px;width: 153px;margin:1px;overflow:hidden;line-height:1.4em}
.related-posts {margin: 0;padding: 0}
.related-posts ul {margin: 0;padding-top: 5px}
.related-posts ul li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVXUb3Y-UQD22Iwcmpt-Didm_jeCAd8CAtLVhb-_nzkrQgWEHGqfsgv7OVuxxIcOqhoOJPGF07oBahzwjPVdLipK5MxLG2d6wzdLyESY9PAqsiHGNM0S-7FECMhicu2RZw3i7GCNoCeyh/s1600/list.png) no-repeat top left;list-style-type: none;margin: 0 0 2px 5px;padding: 2px 0 0 18px;word-wrap: break-word}
div.beauty-bookmarks {height:54px;background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sharingsexy.png') no-repeat left bottom;position:relative;width:540px;}
div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sharingsexy.png') no-repeat right bottom;position:absolute;right:-17px;}
div.beauty-bookmarks ul.socials {margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px;}
div.beauty-bookmarks ul.socials li {display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important;}
div.beauty-bookmarks ul.socials a {display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {background:url('http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/sexysprite.png') no-repeat !important;}
.beauty-furl {background-position:-300px top !important;}
.beauty-furl:hover {background-position:-300px bottom !important;}
.beauty-digg {background-position:-500px top !important;}
.beauty-digg:hover {background-position:-500px bottom !important;}
.beauty-reddit {background-position:-100px top !important;}
.beauty-reddit:hover {background-position:-100px bottom !important;}
.beauty-stumble {background-position:-50px top !important;}
.beauty-stumble:hover {background-position:-50px bottom !important;}
.beauty-delicious {background-position:left top !important;}
.beauty-delicious:hover {background-position:left bottom !important;}
.beauty-yahoo {background-position:-650px top !important;}
.beauty-yahoo:hover {background-position:-650px bottom !important;}
.beauty-blinklist {background-position:-600px top !important;}
.beauty-blinklist:hover {background-position:-600px bottom !important;}
.beauty-technorati {background-position:-700px top !important;}
.beauty-technorati:hover {background-position:-700px bottom !important;}
.beauty-myspace {background-position:-200px top !important;}
.beauty-myspace:hover {background-position:-200px bottom !important;}
.beauty-twitter {background-position:-350px top !important;}
.beauty-twitter:hover {background-position:-350px bottom !important;}
.beauty-facebook {background-position:-450px top !important;}
.beauty-facebook:hover {background-position:-450px bottom !important;}
.beauty-mixx {background-position:-250px top !important;}
.beauty-mixx:hover {background-position:-250px bottom !important;}
.beauty-script-style {background-position:-400px top !important;}
.beauty-script-style:hover {background-position:-400px bottom !important;}
.beauty-designfloat {background-position:-550px top !important;}
.beauty-designfloat:hover {background-position:-550px bottom !important;}
.beauty-syndicate {background-position:-150px top !important;}
.beauty-syndicate:hover {background-position:-150px bottom !important;}
.beauty-email {background-position:-753px top !important;}
.beauty-email:hover {background-position:-753px bottom !important;}
</style>
<script src='http://bay68-com.googlecode.com/svn/trunk/friends/hello.js' type='text/javascript'/>
<script src='http://bay68-com.googlecode.com/svn/trunk/friends/related-img.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Bài liên quan quan</li>")}else{while(b<titles.length&&b<20&&b<maxresults){document.write('<li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
<script src='http://bay68-com.googlecode.com/svn/trunk/bay68/yahoo.js' type='text/javascript'/>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function tabtampil_oom(TPID, id)
{
var Tabtampil = document.getElementById(TPID);
var TTs = Tabtampil.firstChild;
while (TTs.className != "TTs" ) TTs = TTs.nextSibling;
var TT = TTs.firstChild;
var i = 0;
do
{
if (TT.tagName == "A")
{
i++;
TT.href = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";
TT.className = (i == id) ? "Active" : "";
TT.blur();
}
}
while (TT = TT.nextSibling);
var Halamans = Tabtampil.firstChild;
while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
var Halaman = Halamans.firstChild;
var i = 0;
do
{
if (Halaman.className == 'Halaman')
{
i++;
if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
Halaman.style.overflow = "auto";
Halaman.style.display = (i == id) ? 'block' : 'none';
}
}
while (Halaman = Halaman.nextSibling);
}
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);
}
function tabtampil_inisial(TPID) { tabtampil_oom(TPID, 1);
document.write('');}
//]]>
</script>
<script src='http://data.fandung.com/js/rp-posts.js' type='text/javascript'/>
<script type='text/javascript'>
var maxEntries = 4;
</script>
<style type='text/css'>
#rp-pre {
float:right;
width:150px;
padding-left:10px;
}
#rp-content {
border:1px solid #bbb;
background:#eee;
}
#rp-title {
text-align: center;
background:#bbb;
font-weight:bold;
color:#000fff;
margin:3px;
padding-bottom:2px;
}
#rp-posts {
position:relative;
left:-20px;
}
#rp-posts a {
background: url(http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif) no-repeat left;
padding-left:13px;
}
#rp-posts ul li {
list-style :none;
}
</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://namknablog.googlecode.com/files/box-home.js' type='text/javascript'/>
<style type='text/css'>
.post-outer{display:none}
</style>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 160;
img_thumb_height = 85;
img_thumb_width = 124;
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l m(a,b){6(a.5("<")!=-1){3 s=a.O("<");N(3 i=0;i<s.4;i++){6(s[i].5(">")!=-1){s[i]=s[i].8(s[i].5(">")+1,s[i].4)}}a=s.J("")}b=(b<a.4-1)?b:a.4-2;A(a.v(b-1)!=\' \'&&a.5(\' \',b)!=-1)b++;a=a.8(0,b-1);t a+\'...\'}l r(a){3 b=D.p(a);3 c="";3 d=b.q("7");3 e=u;6(d.4>=1){c=\'<k w="x:y; z:j B 0 j;;C:-P 0 0 0"><7 E="ẢF G họa" g="\'+d[0].g+\'" H="\'+I+\'9" K="\'+L+\'9" /></k>\';e=M}3 f=c+\'<n>\'+m(b.o,e)+\'</n>\';b.o=f}',52,52,'|||var|length|indexOf|if|img|substring|px|||||||src|||0px|span|function|removeHtmlTag|div|innerHTML|getElementById|getElementsByTagName|createSummaryAndThumb||return|summary_noimg|charAt|style|float|left|padding|while|10px|margin|document|alt|nh|minh|width|img_thumb_width|join|height|img_thumb_height|summary_img|for|split|38px'.split('|'),0,{}))
//]]>
</script>
</b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<style type='text/css'>
.related-posts-navi a{border:1px solid #36c;background:#fff;color:#36c;display:block;float:left;margin-right:10px;padding:2px 5px;text-decoration:none}
.related-posts-navi a:hover{background:#36c;color:#fff;text-decoration:none}
.related-posts-navi .related-posts-navi-selected{background:#36c;color:#fff}
</style>
</head>
<body>
<div id='wp-bay68'>
<div id='header'>
<div class='logo'><a href='/'/></div>
<b:section class='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitlkgo1QJLEKMIVV1vTz2mc9wOYeBHeZYN5IGDWlLmUsuMjX-Ee4bjCY_oIZAWEP9fWJK08zKAVVx3CDr9g3z4uQ7d1yJZFXxv-VfUJE-Rr5m5Ncq7kcyqPPP08ZCQMGzqR0hKxXSe/s1600/Gi%C3%B3+Giao+M%C3%B9a' id='adshead' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- Kwicks Slider for Blogger (3) -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='slider' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML201' locked='true' title='' type='HTML'/>
</b:section>
</b:if>
<div style='clear:both;'/>
<div id='menu'>
<div class='menucontent'>
<div class='menuleft'/>
<div class='mainmenu' id='navi'>
<ul class='menu'>
</ul>
<div class='submenu'>
<div class='search'>
<form action='http://www.google.com/cse' id='search' method='get' target='_blank'>
<input name='cx' type='hidden' value='012962761265983352502:cqfcilvrntq'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='UTF-8'/>
</form>
</div>
<div class='rss'>
<a href='/feeds/posts/default' style='font:500 10px/18px Arial; color:#d1d1d1;'>RSS <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnaIai8cTmatBL1Xv-4jFDlshi4tODweZRp-BtF32zUNF11vNaLW5tE3ka0a-wVF4w38Kjc69LraRq6I2z5HWbCDPMRIXXnxQPl0M_eqtD-wd6OHsTTX5OCnpb4GD6kkFrOGgzjR20nUM/s1600/rss.png'/>
</a>
</div>
</div>
</div>
<div class='menuright'/>
</div>
<div class='menufooter'>
</div>
</div>
<div style='clear:both;'/>
</div>
<div id='wrap'>
<div id='outer-wrapper'>
<!-- CHI HIEN NGOAI TRANG CHU -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='main-home'>
<div class='body-home-s'>
<script>document.write("<script src=\"/feeds/posts/default?max-results="+12+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");</script>
<div style='clear:both;'/>
</div>
<ul class='menu'>
<span class=''/><span class='boxtitle2'><a href='/search/label/Lang thang?&max-results=15' title='Úc'>Tin Úc châu</a></span>
</ul>
<div class='body-home'>
<div class='boxtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='main-home'>
<div class='body-home-s'>
<script>document.write("<script src=\"/feeds/posts/default/-/Úc?max-results="+12+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");</script>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Gia đình?&max-results=15' title='Đời sống'>Đời sống</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Gia đình?&max-results=15'>Gia đình</a></li>
<li>|</li>
<li><a href='/search/label/Ẩm thực?&max-results=15'>Ẩm thực</a></li>
<li>|</li>
<li><a href='/search/label/Y khoa?&max-results=15'>Y khoa</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Gia đình?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Biển đông?&max-results=15' title='Biển đông'>Biển đông</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Oan sai?&max-results=15'>Dân oan</a></li>
<li>|</li>
<li><a href='/search/label/Tù nhân lương tâm?&max-results=15'>Tù nhân lương tâm</a></li>
<li>|</li>
<li><a href='/search/label/Pháp đình?&max-results=15'>Pháp đình</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Biển đông?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Xã hội?&max-results=15' title='Xã hội'>Xã hội</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Đường phố?&max-results=15'>Đường phố</a></li>
<li>|</li>
<li><a href='/search/label/Giáo dục?&max-results=15/'>Giáo dục</a></li>
<li>|</li>
<li><a href='/search/label/Nhân đạo?&max-results=15/'>Nhân đạo</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Cảnh báo?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
<ul class='menu'>
<span class=''/><span class='boxtitle2'><a href='/search/label/Lang thang?&max-results=15' title='Đó đây'>Tin VN</a></span>
</ul>
</div>
</div>
</b:if>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/VN?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Nghệ Thuật?&max-results=15' title='Văn hóa'>Văn hóa</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Nhạc?&max-results=15'>Nhạc</a></li>
<li>|</li>
<li><a href='/search/label/Giải trí?&max-results=15'>Giải trí</a></li>
<li>|</li>
<li><a href='/search/label/Khai vị?&max-results=15'>Ẩm thực</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Giải trí?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Nét?&max-results=15' title='Phần mềm'>Phần mềm</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Chữ Việt?&max-results=15'>Chữ Việt</a></li>
<li>|</li>
<li><a href='/search/label/Blogger?&max-results=15/'>Blogger</a></li>
<li>|</li>
<li><a href='/search/label/Nét?&max-results=15/'>Nét</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Nét?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Y khoa?&max-results=15' title='Khoa học'>Khoa học</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/Môi trường?&max-results=15'>Môi trường</a></li>
<li>|</li>
<li><a href='/search/label/Ảnh?&max-results=15'>Ảnh</a></li>
<li>|</li>
<li><a href='/search/label/UFO?&max-results=15'>Phát minh</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Y khoa?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
<div class='body-home'>
<div class='boxtitle'>
<h2><span class=''/><span class='boxtitle2'><a href='/search/label/Lang thang?&max-results=15' title='Đó đây'>Đó đây</a></span>
<span class=''/></h2>
<ul class='subbox'>
<li><a href='/search/label/UFO?&max-results=15'>Khám phá</a></li>
<li>|</li>
<li><a href='/search/label/Nghệ thuật?&max-results=15'>Chuyện lạ</a></li>
<li>|</li>
<li><a href='/search/label/Lang thang?&max-results=15'>Lang thang</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Khám phá?max-results="+7+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- KET THUC CHI HIEN NGOAI TRANG CHU -->
<!-- KO HIEN NGOAI TRANG CHU -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<!-- CHI HIEN O TRANG LABEL -->
<b:if cond='data:blog.pageType == "index"'>
<div class='box214'>
<b:section id='box214' preferred='http://ddnviet.blogspot.com'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
</b:section>
</div>
</b:if>
<!-- KET THUC CHI HIEN O TRANG LABEL -->
</b:if>
<!-- KET THUC KO HIEN NGOAI TRANG CHU -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='' type='Label'/>
<b:widget id='HTML20' locked='false' title='' type='HTML'/>
<b:widget id='PopularPosts1' locked='false' title='TRANG XEM NHIỀU NHẤT' type='PopularPosts'/>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='Header1' locked='true' title='GGM (Tiêu đề)' type='Header'/>
</b:section>
</div>
<div class='clear'/>
</div>
<style type='text/css'>
#fdmega-menu ul {list-style: none;}
ul#topnav {
float: left;
width: 960px;
position: relative;
height: 29px;
background: #044400;
}
ul#topnav li {
float: left;
height: 39px;
padding: 0px;
background: url(http://data.fandung.com/blog/demo/Mega-Dropdown-MenuCSS/img/right-li-nobg.png) no-repeat top right;
}
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #fff;
text-decoration: none;
}
ul#topnav li:hover {
background: #878700 url(http://data.fandung.com/blog/demo/Mega-Dropdown-MenuCSS/img/top-li-hv.png) repeat-x top left;
}
ul#topnav li.mg-home {
background:url(http://data.fandung.com/blog/demo/Mega-Dropdown-MenuCSS/img/home-ico-bg.png) no-repeat top right!important;
width:45px;
}
ul#topnav li.mg-home a {height:19px;}
ul#topnav li div.sub {
position: absolute;
top: 39px;
background: #fff;
padding:5px;
display: none;
border-right:4px solid #000fff;
border-left:4px solid #000fff;
border-bottom:4px solid #00000;
color:#000000;
}
ul#topnav li:hover div.sub {display: block;}
ul#topnav li div.sub p {margin-bottom:5px;text-align:justify;}
ul#topnav li div.sub div.cont {float: left;padding:5px;}
ul#topnav li div.sub div.cont h3 {}
ul#topnav li div.sub div.cont a{display:block; margin:0;padding:0;padding:0 0 5px;color:#000000;}
ul#topnav li div.sub div.cont a:hover{color:#000000;}
ul#topnav li div.ms1 {}
ul#topnav li div.ms2 {width:300px;left: 118px;}
ul#topnav li div.ms3 {width:260px;left: 195px;}
ul#topnav li div.ms3 {width:320px;left: 195px;}
ul#topnav li div.ms3 {width:480px;left: 195px;}
ul#topnav li div.ms3 {width:540px;left: 195px;}
ul#topnav li div.ms3 {width:700px;left: 195px;}
ul#topnav li div.ms4 {}
ul#topnav li div.ms5 {width:900px;left: 16px;background:#fff url(sub6-bg.png) no-repeat bottom right;}
ul#topnav li div.sub div.cs21 {width:90px;}
ul#topnav li div.sub div.cs31 {width:120px;}
</style>
<div id='fdmega-menu'>
<ul id='topnav'>
<li class='mg-home'><a href='#'/></li>
<li><a href='http://ddnviet.blogspot.com.au'>Liên kết</a></li>
<li><a href='#'>Đảng phái</a>
<div class='sub ms2'>
<div class='cont cs21'>
<h3>Việt tân</h3>
<a href='http://www.radiohoamai.us'>Vì dân</a>
<a href='http://www.ddcvn.info'>Đảng Dân chủ Việt Nam</a>
<a href='http://thangtien.wordpress.com'>Thăng tiến</a>
</div>
<div class='cont cs21'>
<h3>Đảng phái</h3>
<a href='#'>Dân chủ nhân dân</a>
<a href='http://www.daivietquocdandang.com'>VN quốc dân đảng</a>
<a href='http://www.dndhd.org'>Nhân dân hành động</a>
</div>
<div class='cont cs21'>
<h3>Đảng phái</h3>
<a href='http://www.phvn.org'>To Chuc Phuc Hung Viet Nam</a>
<a href='http://khoi8406vn.blogspot.com'>8406</a>
<a href='http://www.hung-viet.org'>Hưng Việt</a>
</div>
</div>
</li>
<li><a href='#'>Đảng phái</a>
<div class='sub ms3'>
<div class='cont cs31'>
<a href='http://dtndcvn.wordpress.com'>Đoàn Thanh Niên Dân Chủ Việt Nam</a>
<a href='http://hienphapvietnam.org'>Hiến pháp Việt Nam</a>
<a href='http://conduongvietnam.wordpress.com'>CON ĐƯỜNG VIỆT NAM</a>
</div>
<div class='cont cs31'>
<a href='http://www.daiviet.org'>Đại việt quốc dân </a>
<a href='http://dangdantoc.wordpress.com'>Đảng Dân Tộc Việt Nam </a>
<a href='https://www.facebook.com/groups/VietNamInfo/permalink/343839825640977'> PHONG TRÀO TOÀN DÂN CỨU NƯỚC
</a>
</div>
</div>
</li>
<li><a href='#'>Liên kết UC</a>
<div class='sub ms3'>
<div class='cont cs31'>
<a href='http://dtndcvn.wordpress.com'>Đoàn Thanh Niên Dân Chủ Việt Nam</a>
<a href='http://www.sdvma.com/kh-ch-h-ng'>SDVMA</a>
<a href='http://www.tivituansan.com.au'>TiVi-tuần san</a>
</div>
<div class='cont cs31'>
<a href='http://www.vnpaca.org.au/pages/mission.html'>LIÊN TRƯỜNG VIỆT NGỮ NSW </a>
<a href='http://www.privacy.nsw.gov.au/lawlink/privacynsw/ll_pnsw.nsf/vwFiles/VIETNAMESE_A_guide_to_protecting_privacy.pdf/$file/VIETNAMESE_A_guide_to_protecting_privacy.pdf'>Hướng dẫn bảo vệ
quyền riêng tư </a>
<a href='http://www.secure.nsw.gov.au/Resources/Documents/NSWGovt_Vietnamese.pdf'> Trang Mạng Bảo đảm An Ninh NSW
</a>
</div>
</div>
</li>
<li><a href='#'>Cộng đồng</a>
<div class='sub ms3'>
<div class='cont cs31'>
<a href='http://www.viet-luan.com'>Việt luận</a>
<a href='http://ucchau.com.au'>Kết Nối Dân Việt</a>
<a href='http://www.vietnamesecommunityqueensland.org.au'>Cộng Đồng Người Việt Queensland</a>
</div>
<div class='cont cs31'>
<a href='http://ausvietwa.wordpress.com'>Cộng đồng Tây Úc </a>
<a href='http://hungvietbrisbane.wordpress.com'>Hưng Việt Brisbane </a>
<a href='http://www.hoisinhvien.net/v1/index.php'> Hội sinh viên
</a>
</div>
</div>
</li>
<li><a href='#'>Cộng đồng</a>
<div class='sub ms3'>
<div class='cont cs31'>
<a href='http://www.vietnameseinaustralia.com.au'>Cabramattanet</a>
<a href='http://www.vcavic.org.au'>Cộng đồng Victoria</a>
<a href='http://www.duhocuc.edu.vn'>Cộng đồng người Việt trẻ ở Úc</a>
</div>
<div class='cont cs31'>
<a href='http://sa.vnca.org.au'>Cộng Đồng Người Việt ở Nam Úc </a>
<a href='http://www.monash.edu.au/vietnam/live-study'>Sống và học tập tại Melbourne, Úc </a>
<a href='http://vietnamese.org.au/vca'> Cộng Đồng Người Việt Tự Do Úc Châu
</a>
</div>
</div>
</li>
<li><a href='#'>Xuống đường</a>
<div class='sub ms3'>
<div class='cont cs31'>
<a href='https://www.facebook.com/groups/xuongduong'>FB Xuống đường</a>
<a href='https://www.facebook.com/xuongduong123'>Xuống đường page</a>
<a href='http://www.youtube.com/user/123xuongduong'>Xuống đường Youtube</a>
</div>
<div class='cont cs31'>
<a href='http://xuongduong.blogspot.com'>Xuống đường blogspot</a>
<a href='https://www.facebook.com/groups/nhomdiendannguoiviet'>Nhóm diễn đàn người Việt</a>
<a href='https://www.facebook.com/groups/VietNamInfo/permalink/343839825640977'> PHONG TRÀO TOÀN DÂN CỨU NƯỚC
</a>
</div>
</div>
</li>
<li><a href='https://www.facebook.com/groups/VietNamInfo'>NhómVN</a></li>
<li><a href='http://www.bayvut.com'>Úc Châu</a>
<div class='sub ms5'>
<b>Gió Giao Mùa</b><br/>
<span style='font-size:90%'><i>Tiếng anh ở Úc</i></span>
<p>http://www.bayvut.com</p>
<p>http://www.sbs.com.au/yourlanguage/vietnamese</p>
<p>http://vidan.org/index.php/en/radio.</p>
<span style='font-size:90%'><i>trang web học tiếng anh rất tuyệt</i></span>
</div>
</li>
</ul>
</div>
<div class='infopage'>
<div class='infopage-left'>
<h3/><br/>
<br/>
<strong/><br/>
<br/>
® Liên hệ Gió Giao Mùa qua Email:<br/>
Or klick<a href='https://mail.google.com/mail/ca/u/0/' target='_blank'>Giogiaomua</a>..
</div>
<div class='infopage-right'>
<p/>
<h1><span class='colorfooter'/> </h1>
<h3/>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var showdate = false;
var max_post = 12;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Related posts script for Blogger
// version 2.0
// (C) Anhvo
// Homepage: vietwebguide.com
// Please dont remove this copyright when using or redistributing this code
function format(ptime){
return ptime.substr(0,19);
}
function formatdate(d){
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var m = parseInt(d.substring(5,7),10);
for(var j=0; j<month.length;j++){
if(m==month[j]){
m = month2[j]; break;
}
}
return d.substring(8,10) + "-" + m + "-" + d.substring(0,4);
}
function getRelatedNewestLinks(json){
var entry = json.feed.entry;
if(entry){
for(var k=0;k<entry.length;k++){
var li = document.createElement("li");
if(showdate){
li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + ' - <i>' + formatdate(entry[k].published.$t) +'</i>';
}
else {
li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";
}
if(!checkRelaxLinks("related-newest-href",entry[k].link[4].href)){
document.getElementById("related-newest-href-ul1").appendChild(li);
document.getElementById("related-newest-title").innerHTML = "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn96Pbb3c7ExWJXPuLM54hGI3Gc_zJyU7YdnVSyx6ccicuMFkawofKpYA83qKswd1UShV5BbEw5Jl7PPgsYWY0o17BUdv3lrMZ_DSkzlOLUixDzy7Xqmyed3pv5RrigSRImyDTaK4z1fM/' width='347' height='21'>"
}
}
} else {
document.getElementById("related-older-title").innerHTML = "Không có bài nào mới hơn cùng chủ đề";
}
}
function getRelatedOlderLinks(json){
var entry = json.feed.entry;
if(entry){
for(var k=0;k<entry.length;k++){
var li = document.createElement("li");
if(showdate){
li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + ' - <i>' + formatdate(entry[k].published.$t) + '</i>';
}
else {
li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";
}
if(!checkRelaxLinks("related-older-href",entry[k].link[4].href)){
document.getElementById("related-older-href-ul2").appendChild(li);
document.getElementById("related-older-title").innerHTML = "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEEPKRGzGfDM5z1FUj-CVhqWFoxFeekwah1cTS5JWfmIlqdd5fGBi6fhaqC9nw-btov_oUoLedFOzXC2gAtYImz3goVCdx5PI23ZWUyWnjjRKVmB5GpE78mTHt-pPub0kXPfGqG4AX36c/' width='347' height='21'>"
}
}
} else {
document.getElementById("related-older-title").innerHTML = "Không có bài nào cũ hơn cùng chủ đề";
}
document.getElementById("related-posts-loading-text").style.display = "none";
}
function createRelatedJson(min_or_max,cRJ_label,fcn_callback,cRJ_max){
var script = document.createElement("script");
script.src = "/feeds/posts/summary/-/"+escape(cRJ_label)+"?orderby=published&max-results="+cRJ_max+"&published-"+min_or_max+"="+escape(format(document.getElementById("post-timestamp-for-related").innerHTML))+"&alt=json-in-script&callback="+fcn_callback;
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
}
function checkRelaxLinks(cid,clink){
var check = false;
var u = document.getElementById(cid);
var a = u.getElementsByTagName("a");
for(var i=0;i<a.length;i++){
if(a[i].href==clink){
check = true;
break;
}
}
var url = location.href.split(".html")[0]+".html";
if(clink==url) check = true;
return check;
}
function createRP(){
var postLabel = document.getElementById("post-labels-for-related").innerHTML.split(',');
var max_ = Math.round(max_post/postLabel.length);
var ul1 = document.createElement('ul');
ul1.id = 'related-newest-href-ul1';
document.getElementById('related-newest-href').appendChild(ul1);
for(var i=0; i<postLabel.length;i++){
createRelatedJson("min",postLabel[i],"getRelatedNewestLinks",max_);
}
var ul2 = document.createElement('ul');
ul2.id = 'related-older-href-ul2';
document.getElementById('related-older-href').appendChild(ul2);
for(var j=0; j<postLabel.length;j++){
createRelatedJson("max",postLabel[j],"getRelatedOlderLinks",max_);
}
}
createRP();
//]]>
</script>
</b:if>
</body>
<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://voquocan.googlecode.com/files/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>
</html>
Subscribe to:
Posts (Atom)

