CÁCH THÊM TIỆN ÍCH HTML/JAVACRIPT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-wgLnKmGCRnI7AA7J2GFnNSOkLKglq6DoM3GEbBQfFF50L775bHdIIDdWwsx5Xrtqq2KNhAFtZbU8Z7sg8IWGJAv5uxGitFiXxFwlmePScFNc1_XvgQvT16UFW3QVM8KekY8-nMJC6g/s1600/FotoFlexer_Photo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-wgLnKmGCRnI7AA7J2GFnNSOkLKglq6DoM3GEbBQfFF50L775bHdIIDdWwsx5Xrtqq2KNhAFtZbU8Z7sg8IWGJAv5uxGitFiXxFwlmePScFNc1_XvgQvT16UFW3QVM8KekY8-nMJC6g/s1600/FotoFlexer_Photo.png" /></a></div><span style="font-size: large;">Do yêu cầu của một số bạn (qua mail) nhờ hướng dẫn cách để thêm tiện ích HTML, vì vậy tôi dành riêng bài viết này để chia sẻ với các bạn mới "làm quen" với Blogspot các bước để thêm một tiện ích <i><b>HTML/JAVACRIPT</b></i>....</span></div><div style="text-align: justify;"><span style="font-size: large;">Blospot có cung cấp sẳn cho người dùng một số tiện ích khá hay và tiện dụng như: Tiện ích bài đăng phổ biến, tiện ích Thống kê blog, tiện ích Người theo dõi...và còn rất rất rất nhiều tiện ích khác nữa trong thư viện tiện ích của Blogspot nhưng theo tôi thì tiện ích <i><b>HTML/Javacript</b></i> là một tiện ích có thể được xem là tiện ích quan trọng bậc nhất và không thể thiếu khi các bạn làm thủ thuật cho blog như thêm đồng hồ, lịch, menu ngang, menu dọc, tạo Slideshow, đổi hình dáng con trỏ chuột......</span></div><div style="text-align: justify;"><span style="font-size: large;"></span><br /><a name="more"></a><span style="font-size: large;">Để thêm tiện ích HTML này, các bạn lần lượt làm theo các bước sau:</span></div><div style="text-align: justify;"><span style="font-size: large;">* Đăng nhập vào blog</span></div><div style="text-align: justify;"><span style="font-size: large;">* Chọn thẻ <i><b>Bố cục</b></i> (nằm bên trái của giao diện Blogspot), sau đó bấm chọn <b><i>Thêm tiện ích</i></b>.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn07mvN65UTVO8dedu55cvMxDl88nyPrK0_yg6k4iquVly4xfGhxoFrD4EmJheIYcLIwrWMiOQHwsjJ2I6O3iS8AyCGY0BUo4-1n_1vmlssLbU1pz7pYJ29iwS-C7zYapiLyKU2u48x0w/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn07mvN65UTVO8dedu55cvMxDl88nyPrK0_yg6k4iquVly4xfGhxoFrD4EmJheIYcLIwrWMiOQHwsjJ2I6O3iS8AyCGY0BUo4-1n_1vmlssLbU1pz7pYJ29iwS-C7zYapiLyKU2u48x0w/s640/1.PNG" width="585" /></a></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><span style="font-size: large;">Một bảng nhỏ hiện ra (đây là thư viện các tiện ích của Blogspot cung cấp sẳn cho người dùng). Bạn kéo thanh trượt xuống phía sẽ thấy tiện ích <b><i>HTML/Javacript</i></b>.</span></div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgSHQAkfgBAX2mB4LUVtFDrKuCk8SC8WSF_Qg9LQRJYNO9klarYCIG_YbxBH-jY16WnVYD7e7UUQmbHLAUxaqN59j48ABr814VnNo0pvHiu5IxDf3Bwe0t08Zc0nhKmOhiHpiNBw1X2E/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgSHQAkfgBAX2mB4LUVtFDrKuCk8SC8WSF_Qg9LQRJYNO9klarYCIG_YbxBH-jY16WnVYD7e7UUQmbHLAUxaqN59j48ABr814VnNo0pvHiu5IxDf3Bwe0t08Zc0nhKmOhiHpiNBw1X2E/s1600/2.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><span style="font-size: large;">Khi thấy tiện ích <i><b>HTML/Javacript</b></i> bạn bấm trái chuột vào nó để chọn. Một bảng nhỏ hiện ra gồm 2 khung nhỏ và khung lớn, khung nhỏ phía trên là nơi để bạn ghi tiêu đề cho tiện ích, khung lớn phía dưới là nơi để dán các code làm thủ thuật cho Blogspot.</span><br /><span style="font-size: large;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJHp0in1ExjSg-hlO5DCXG6ALUC8ZWKlnNYKL9VqOFq_fMrOpQ_bZq_vJECQaEy1z3jPp5z75mWaGDEBsHk-KHRi4at9grtvOenrmi5JOvAAVIU_HK9KSXNWEM-_G0cTlYqfHl_IyEdmM/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJHp0in1ExjSg-hlO5DCXG6ALUC8ZWKlnNYKL9VqOFq_fMrOpQ_bZq_vJECQaEy1z3jPp5z75mWaGDEBsHk-KHRi4at9grtvOenrmi5JOvAAVIU_HK9KSXNWEM-_G0cTlYqfHl_IyEdmM/s1600/3.PNG" /></a></div><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;">Khi bạn đã dán và chỉnh sửa (nếu có) code thủ thuật vào khung lớn rồi thì nhớ bấm thẻ <i><b>Lưu </b></i>lại ở phía dưới. Các tiện ích này, bạn có thể bấm trái chuột vào "nó" rồi di chuyển đến các nơi mà mình muốn trên blog.</span><br /><span style="font-size: large;">Bây giờ, bạn quay trở lại vào Blog xem kết quả nha. </span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjHu17heOibwMASxdZsHMVNRgK2uTWEPoXrT5njST_neYcHnh_mwrDhJKLywkRwFgTy3IUXeh27cD2KlJ8WJngFxfNnXxAht-zfYzHkrqSex3kvlDEgIDbgrmiD1bbTsmivn73y3tGEBk/s1600/SBhuyf1340331801.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjHu17heOibwMASxdZsHMVNRgK2uTWEPoXrT5njST_neYcHnh_mwrDhJKLywkRwFgTy3IUXeh27cD2KlJ8WJngFxfNnXxAht-zfYzHkrqSex3kvlDEgIDbgrmiD1bbTsmivn73y3tGEBk/s1600/SBhuyf1340331801.gif" /></a></div><h2 class="title" style="text-align: right;"></h2><h2 class="title" style="text-align: right;"></h2><h2 class="title" style="text-align: right;"></h2></div>

CÁCH THÊM TIỆN ÍCH HTML/JAVACRIPT

Do yêu cầu của một số bạn (qua mail) nhờ hướng dẫn cách để thêm tiện ích HTML, vì vậy tôi dành riêng bài viết này để chia sẻ với các bạn mới...

Đọc thêm »

TẠO MENU DỌC CHO NHÃN

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbL0qbAM2uvJvJdhSDD4ACI4JCGsfubz5E_VdkCMXwFqFf79Fv2VpEQPXrnmUB1xWiNqdT2IMQwjNp5pA5-v3S1EgJxVm9MlURE6tX32JQCec6HRRA8DfUb-hDJnSmRc2-GQwiYSj14du/s1600/picture+23.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbL0qbAM2uvJvJdhSDD4ACI4JCGsfubz5E_VdkCMXwFqFf79Fv2VpEQPXrnmUB1xWiNqdT2IMQwjNp5pA5-v3S1EgJxVm9MlURE6tX32JQCec6HRRA8DfUb-hDJnSmRc2-GQwiYSj14du/s200/picture+23.jpg" width="170" /></a></div><span style="font-size: large;">Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip.</span></div><div style="text-align: justify;"><span style="font-size: large;">Các bước như sau:</span><br /><a name="more"></a></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn đăng nhập <i><b>Blog > chọn Thiết kế > Chỉnh sửa HTML</b></i>, bấm đồng thời 2 phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm, gõ vào khung lệnh <i><b><span style="color: red;">]]></b:skin></span></b></i>, sau đó dán code trong khung màu xanh vào phía trên nó và lưu lại. Tiếp theo bạn vào <i><b>Thiết kế > Thêm tiện ích > Thêm HTML/Javacript</b></i> và dán code trong khung màu tím vào, thay đổi các đường link của nhãn, viết tên hiển thị của nhãn, cuối cùng lưu lại là xong (Bạn có thể xem thêm chỉ dẫn chi tiết cách thức dán các code <a href="http://dunghennessy.blogspot.com/2011/03/tao-menu-doc-cho-blogger.html">TẠI ĐÂY</a>)</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span><span class="Apple-style-span" style="color: red; font-family: Arial,Helvetica,sans-serif;"></span><span style="font-size: large;"> </span></div><div style="text-align: justify;"><b><span style="font-size: large;">Mẫu 1:</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0vZOHrACZSNj9waxcHUdtX_gYDgLrsY15WzBhU9Zo5MuYxINko0cHZz4o3MpLYYUd_OMWJwX9q0AUFcscVCa9H7iDyT9KFl_38Bd8FmhF2zYZ-JIn2pGglVRb0OaFPMTMNqtXlh7OSGq/s1600/picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0vZOHrACZSNj9waxcHUdtX_gYDgLrsY15WzBhU9Zo5MuYxINko0cHZz4o3MpLYYUd_OMWJwX9q0AUFcscVCa9H7iDyT9KFl_38Bd8FmhF2zYZ-JIn2pGglVRb0OaFPMTMNqtXlh7OSGq/s1600/picture.jpg" /></a></div><textarea cols="42" name="code" rows="2" style="background: none repeat scroll 0% 0% rgb(169, 245, 169); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> #menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9LWsC4QCZzUc6ctpBSnTunPMpXp3dqWa3C-T_GTEKqM1CfjG1ql5rSaJHnUpDW-fxafm_4kPasmila25SA3AwPw1fK1cMIMxWxBthgaVLg5kQElsggwinbTwZd04_QbvOTvSYolHMTA/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9LWsC4QCZzUc6ctpBSnTunPMpXp3dqWa3C-T_GTEKqM1CfjG1ql5rSaJHnUpDW-fxafm_4kPasmila25SA3AwPw1fK1cMIMxWxBthgaVLg5kQElsggwinbTwZd04_QbvOTvSYolHMTA/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }

Dán vào HTML/Javacript
<div id="menu9"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>


Mẫu 2:

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfScTtfIJqZkv_oY5piaMVc0Q1jyk_jqR9EfLd4GWQ3GSPn_EvPw5Hp_n_MSPMMQP7hDjepAuvOK1yErxAlzUZ0Awlm9_h_U-z3WWHXkCqq6j6WqyWZWE-yDNC6Vmj74jTro-sCraxbI/); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfScTtfIJqZkv_oY5piaMVc0Q1jyk_jqR9EfLd4GWQ3GSPn_EvPw5Hp_n_MSPMMQP7hDjepAuvOK1yErxAlzUZ0Awlm9_h_U-z3WWHXkCqq6j6WqyWZWE-yDNC6Vmj74jTro-sCraxbI/) 0 -32px; padding: 8px 0 0 10px; }<br />

Dán vào HTML/Javacritp
<div id="menu6"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>


Mẫu 3:

#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbZY2rx3DSGQ165dMY785Jd6K-yH05D7gW2xYOScITPCrsA_yTMFK31w6kViKsyaPNSwwAEak-md0CNd_DIJLyuVtNP9hmZa8jqkAqb6McwiyEtesvM2bZjszVQmoBvakYwOVFGM8n4k/); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbZY2rx3DSGQ165dMY785Jd6K-yH05D7gW2xYOScITPCrsA_yTMFK31w6kViKsyaPNSwwAEak-md0CNd_DIJLyuVtNP9hmZa8jqkAqb6McwiyEtesvM2bZjszVQmoBvakYwOVFGM8n4k/) 0 -32px; padding: 8px 0 0 30px; }<br />

Dán vào HTML/Javacritp
<div id="menu3"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>

Mẫu 4:

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzCQdXb2j8eq-xxUhaqg3OV025W74CZZYS1z2bcdhDj2qe2psroEI-hRbtO_IcDYtohoMq173SLSev2wx5v-5zKCURNzX2bagejhZexeLO8Q1_4IUaB6yAaewgS5Hm44eUr7_9WmktM/); padding: 8px 0 0 20px; } #menu6 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzCQdXb2j8eq-xxUhaqg3OV025W74CZZYS1z2bcdhDj2qe2psroEI-hRbtO_IcDYtohoMq173SLSev2wx5v-5zKCURNzX2bagejhZexeLO8Q1_4IUaB6yAaewgS5Hm44eUr7_9WmktM/) 0 -32px; padding: 8px 0 0 20px; }

Dán vào HTML/Javacript
<div id="menu6"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 5:

#menu14 ul { list-style: none; margin: 0; padding: 0; } #menu14 img { border: none; } #menu14 { width: 200px; margin: 10px; } #menu14 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu14 li a:link, #menu14 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1M53P2ORsYGI1eLvhryJXPCzVrYuHZLOVlszbAHa8sKVQXDNQPjHhXDI_i477m4fiPxKKGm4d6asCZJuiHocVQa3YCa_BUUw5PSNv6SvqZT5rjOGgzYakwORUViSsUYrQiOPdcg6JWSc/s800/menu14.gif) 0 -32px; padding: 8px 0 0 10px; } #menu14 li a:hover { color: #333; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1M53P2ORsYGI1eLvhryJXPCzVrYuHZLOVlszbAHa8sKVQXDNQPjHhXDI_i477m4fiPxKKGm4d6asCZJuiHocVQa3YCa_BUUw5PSNv6SvqZT5rjOGgzYakwORUViSsUYrQiOPdcg6JWSc/s800/menu14.gif); padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu14"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 6:

#menu7 ul { list-style: none; margin: 0; padding: 0; } #menu7 img { border: none; } #menu7 { width: 200px; margin: 10px; } #menu7 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWh_m4AuJ0qog2Y1kDgp1IsZi14WupR1QPzEoOMk0NA6VMAuTUXYand6qWycgBf-oFnQehlT0tRamTOoFshzX9tw_j_WnhzGyiKk8Fbvsl5m4Sxwssx9c7bNbXuWSCc05gvu2WPUl-3k/s800/menu7.gif); padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWh_m4AuJ0qog2Y1kDgp1IsZi14WupR1QPzEoOMk0NA6VMAuTUXYand6qWycgBf-oFnQehlT0tRamTOoFshzX9tw_j_WnhzGyiKk8Fbvsl5m4Sxwssx9c7bNbXuWSCc05gvu2WPUl-3k/s800/menu7.gif) 0 -32px; padding: 8px 0 0 30px; }

Dán vào HTML/Javacript
<div id="menu7"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 7:

#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif); padding: 8px 0 0 10px; } #menu2 li a:hover, #menu2 li #current { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif) 0 -32px; padding: 8px 0 0 10px; } #menu2 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu2"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 8:

#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin-top: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #E5E8D4; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif); padding: 8px 0 0 10px; } #menu9 li a:hover, #menu9 li #current { color: #725033; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif) 0 -32px; padding: 8px 0 0 10px; } #menu9 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu9"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 9:

#menu12 ul { list-style: none; margin: 0; padding: 0; } #menu12 img { border: none; } #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbS2vbuIesqDTMGDq2vCFoOLfR-5H_HmLUqgttNcMPTkKM894yMRZGZLAiKPUi8KQ7_qEnRTeZJ3CAaO3-cttOO6nTTrgK-89OQPzb9RqgVxbbPUoZJ6w4v7JdVCuQlm0ThtXid0EwDMA/s800/menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbS2vbuIesqDTMGDq2vCFoOLfR-5H_HmLUqgttNcMPTkKM894yMRZGZLAiKPUi8KQ7_qEnRTeZJ3CAaO3-cttOO6nTTrgK-89OQPzb9RqgVxbbPUoZJ6w4v7JdVCuQlm0ThtXid0EwDMA/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; }

Dán vào HTML/Javacript
<div id="menu12"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 10:

#menu13 ul { list-style: none; margin: 0; padding: 0; } #menu13 img { border: none; } #menu13 { width: 200px; margin: 10px; } #menu13 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu13 li a:link, #menu13 li a:visited { color: #C7377D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsc2cuL_Vw4oLGIPgNYyCO3C0PIPaR_edTtmlNf1gOADUysEpJkCo3uJpl5B5mREPHBbJ13dh3mHKrBjZSTOMI2-xH3gyPEUljQ_CSx8rGbgEx1NaMTiW7BuSX5dSnJ_EwaynGrPlYFxM/s800/menu13.gif); padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsc2cuL_Vw4oLGIPgNYyCO3C0PIPaR_edTtmlNf1gOADUysEpJkCo3uJpl5B5mREPHBbJ13dh3mHKrBjZSTOMI2-xH3gyPEUljQ_CSx8rGbgEx1NaMTiW7BuSX5dSnJ_EwaynGrPlYFxM/s800/menu13.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu13"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 11:

#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif); padding: 8px 0 0 30px; } #menu4 li a:hover, #menu4 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }

Dán vào HTML/Javacript
<div id="menu4"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 12:

#navlist { color: white; background: #17a; border-bottom: 0.2em solid #17a; border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width: 20em; font: normal 10px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; font-size: 1em; } #navlist a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: white; background: #39c; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0; padding: 0.25em 0.5em 0.4em 0.75em; } #navlist a#current { border-color: #5bd #035 #068 #f30; } #navlist a { width: 99%; /* only necessary for Internet Explorer */ } #navlist a { voice-family: "\"}\""; voice-family: inherit; width: 9.6em; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */ } #navcontainer>#navlist a { width: auto; /* only necessary if you use the hacks above for the Internet Explorer */ } #navlist a:hover, #navlist a#current:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; }

Dán vào HTML/Javacritpt
<div id="navcontainer"><ul id="navlist"><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 13:

#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin-top: 10px; } #menu8 li a { text-decoration: none; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; } #menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover, #menu8 li #current { color: #257EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif) 0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }

Dán vào HTML/Javacript
<div id="menu8"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 14:

#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556 ; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCHjmXD6mhs6ZDcKam4-0cTIk2MRu0X5VuonoMYHvQkA9_oHDohnkIBw13dtsJ795kDJyUbfir3RRjXT6j97u-A9OAlHESv7SCtlKIsuU32UQh64sQVaxDHnX-ThNzvDmDUoG5DPmGDU/s800/menu8.gif) ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCHjmXD6mhs6ZDcKam4-0cTIk2MRu0X5VuonoMYHvQkA9_oHDohnkIBw13dtsJ795kDJyUbfir3RRjXT6j97u-A9OAlHESv7SCtlKIsuU32UQh64sQVaxDHnX-ThNzvDmDUoG5DPmGDU/s800/menu8.gif) 0 -32px; padding: 8px 0 0 20px; }

Dán vào HTML/Javacript
<div id="menu8"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 15:

#menu9 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; } #menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; } #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW4WsgIWyXKv2NQ5TbERciQj-K0PpcHdobOCzmSIM6uZNm_XqSDacfIRinlop3lq22ZIpDzWIW4bJqPIaKzC6m1hAInUlDAAhtTDAwP8jmoJFfaMIW_u1fxtRJ-aQJWvzlnpULo0UuEQ/s800/menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW4WsgIWyXKv2NQ5TbERciQj-K0PpcHdobOCzmSIM6uZNm_XqSDacfIRinlop3lq22ZIpDzWIW4bJqPIaKzC6m1hAInUlDAAhtTDAwP8jmoJFfaMIW_u1fxtRJ-aQJWvzlnpULo0UuEQ/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu1"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 16:

#navcontainer { background: #f0e7d7; width: 100%; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 13px; text-align: center; text-transform: lowercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }

Dán vào HTML/Javacript
<div id="navcontainer"><ul id="navlist"><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 17:

#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #8BADCF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggttIH_b1g-KKBqlR6kG77f1ep6f6LFdbXFysw6bsd-doxDLM833SdOZPuCXtcrtoY46iA1iFXmr4JQihSmXr9CBYWE1MPm7wQsQfXKGgEv09rIoYFKqBdXZMYbeRmMq_036deVBkKKKE/s800/menu3.gif); padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggttIH_b1g-KKBqlR6kG77f1ep6f6LFdbXFysw6bsd-doxDLM833SdOZPuCXtcrtoY46iA1iFXmr4JQihSmXr9CBYWE1MPm7wQsQfXKGgEv09rIoYFKqBdXZMYbeRmMq_036deVBkKKKE/s800/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu3"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 18:

#menu11 ul { list-style: none; margin: 0; padding: 0; } #menu11 img { border: none; } #menu11 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; } #menu11 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11 li a:visited { color: #889944; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyWL9WZBHf1KK3H3C1NUziDgJcDUWEBGpSsFlG58iYiOcSvxi58HrIbZtwEhawP715D3myHuSIk9bE2Rk5-w9cxce72WQ-20yaDoWfYRe4j_4J4P6unaqeT9ZQInlbGNhGkjraZVfZqaA/s400/menu11.gif); padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyWL9WZBHf1KK3H3C1NUziDgJcDUWEBGpSsFlG58iYiOcSvxi58HrIbZtwEhawP715D3myHuSIk9bE2Rk5-w9cxce72WQ-20yaDoWfYRe4j_4J4P6unaqeT9ZQInlbGNhGkjraZVfZqaA/s400/menu11.gif) 0 -32px; padding: 8px 0 0 27px; }


Dán vào HTML/Javacript
<div id="menu11"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 19:

#button { width: 20em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #button li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }<br />

Dán vào HTML/Javacript
<div id="button"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 20:

#menu ul { list-style: none; margin: 0; padding: 0; } #menu img { border: none; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif); padding: 8px 0 0 10px; } #menu li a:hover, #menu li #current { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 21:

#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #3688BA; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoJhVnVRbRYIZMvYSGj3ki26AsOcjNlfumWM7FFuodoNX_TQ0SdOECqYX5JJnV3XY7Iuy76GTRvOpaCzvuuVjZCe0V794XrXYk76Nfbg7uljMiM-6OPx0MqVv3XBIR8s_99Rr3Piz4H4/s800/menu2.gif); padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoJhVnVRbRYIZMvYSGj3ki26AsOcjNlfumWM7FFuodoNX_TQ0SdOECqYX5JJnV3XY7Iuy76GTRvOpaCzvuuVjZCe0V794XrXYk76Nfbg7uljMiM-6OPx0MqVv3XBIR8s_99Rr3Piz4H4/s800/menu2.gif) 0 -32px; padding: 8px 0 0 32px; }

Dán vào HTML/Javacript
<div id="menu2"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 22:

#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif); padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:hover, #menu5 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }

Dán vào HTML/Javacript
<div id="menu5"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 23:

#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisO09xhk11lj-7ddK1I0DpblGeW_gRl2ryXAaCpAiE79oC1krXc1CTsS5ICojZWQogXAODNSpndaU8U4LLRo3yFNCZZM4GymFRrai9Rradxc6Chorflq9u0Mp0jJGhIkK_Yi0SKFPX8gk/s800/menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisO09xhk11lj-7ddK1I0DpblGeW_gRl2ryXAaCpAiE79oC1krXc1CTsS5ICojZWQogXAODNSpndaU8U4LLRo3yFNCZZM4GymFRrai9Rradxc6Chorflq9u0Mp0jJGhIkK_Yi0SKFPX8gk/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }


Dán vào HTML/Javacript
<div id="menu5"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 24:

#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf95MHl-4xjq1Is-DyL0SZscT3NOL3qeCItpKDRdLcRQpp02OZKPpR7vwS4ey_ICO7MeKP6WruhNTCuaMQZmDXYOGS85deUsaeZtj01bHZN4WGyIA4sN8CsoOXds1AMwWwLxMu9noNG0/s800/menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf95MHl-4xjq1Is-DyL0SZscT3NOL3qeCItpKDRdLcRQpp02OZKPpR7vwS4ey_ICO7MeKP6WruhNTCuaMQZmDXYOGS85deUsaeZtj01bHZN4WGyIA4sN8CsoOXds1AMwWwLxMu9noNG0/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu4"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 25:

#menu10 ul { list-style: none; margin: 0; padding: 0; } #menu10 img { border: none; } #menu10 { width: 200px; margin: 10px; } #menu10 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu10 li a:link, #menu10 li a:visited { color: #4D4D4D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGywI4prrpWY0XPbNKKOAFM5lOOwJyT5hz6ytY0u9jUmaWkbUW8b6KkGlEz4iIwYSGEmPvUQ5IsLp7TCJb6jerdjj7x_O10psENhNbButSQN3jFmfBxWtjepRUXe_dZF-29Guxj8Y9OaM/s800/menu10.gif); padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGywI4prrpWY0XPbNKKOAFM5lOOwJyT5hz6ytY0u9jUmaWkbUW8b6KkGlEz4iIwYSGEmPvUQ5IsLp7TCJb6jerdjj7x_O10psENhNbButSQN3jFmfBxWtjepRUXe_dZF-29Guxj8Y9OaM/s800/menu10.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu10"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>v style="text-align: justify;"><br /> <span style="font-size: large;"></span></div>



CHÚC CÁC BẠN CÓ MỘT MENU DỌC ĐẸP CHO BLOG

TẠO MENU DỌC CHO NHÃN

Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để t...

Đọc thêm »

PHÂN TRANG CHO BLOG

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ACyshN1mKkhRdngAOfBCsvj-dTA0VyKduj8CtvZ90wM7RXDKP0pozmyQdvRXu62btOHQqH5hA4LHAE1og4JDILv3UWwsgW1xojM6XyejDlYoZqvSMEW4Nn6vYMimnyCzxFR1XUdk7brR/s1600/PHAN+TRANG.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ACyshN1mKkhRdngAOfBCsvj-dTA0VyKduj8CtvZ90wM7RXDKP0pozmyQdvRXu62btOHQqH5hA4LHAE1og4JDILv3UWwsgW1xojM6XyejDlYoZqvSMEW4Nn6vYMimnyCzxFR1XUdk7brR/s200/PHAN+TRANG.jpg" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsfuOJd631P-BmM624SfLkUXgQ43xCHtTEM_gv7MTsH38lswEPJ59uwQvxC4HiGD-5RCe1iK08H72y-N4WtpSfeZOmGRbBJY74HE8UyGUBM-2vPctS6yH-P2JgMTmn_kK9XX5N6j9pDBld/s1600/01.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><br /><span style="font-size: large;">Để Blog của bạn "Pro" hơn, bạn nên phân trang cho blog theo các bước sau đây.</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn đăng nhập vào blog, chọn <i><b>t</b><b>hiết kế > Thêm tiện ích > thêm HTML/Javacript</b></i>, sau đó dán toàn bộ các code này vào</span><br /><a name="more"></a></div><div style="background-color: #f4f4f4; border: 1px solid gray; cursor: text; font-family: consolas,'Courier New',courier,monospace; font-size: 8pt; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;"><div class="MsoNormal"><b><span style="font-size: small;"><style></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageArea {font-size: 16px; width:300px;background: url(http://thantoc.xm.com/hinh-anh/Pagenavbar-1.jpg) no-repeat left top; padding: 10px; color:#003366;text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageArea a {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#0F0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:underline;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageNum a {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:none;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#0F0; border:1px solid #FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 10px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding:0 5px 0 8px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageNum a:hover {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#ffff00; border:1px solid #00ff00;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">background-color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpagePoint {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#ffff00;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 8px 0 4px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpage a {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:none;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding:0 2px 0 4px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpage a:hover {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#ffff00;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:underline;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">} .showpageNum a:link,.showpage a:link {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:none;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#00ff00;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"></style></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><script type="text/javascript"></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">function showpageCount(json) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisUrl = location.href;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var htmlMap = new Array();</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isLablePage = thisUrl.indexOf("/search/label/")!=-1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isPage = thisUrl.indexOf("/search?updated")!=-1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";    </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisNum = 1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var postNum=1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var itemCount = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var fFlag = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var eFlag = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var html= '';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var upPageHtml ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var downPageHtml ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var pageCount=5;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var displayPageNum=5;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var firstPageWord = 'Đầu';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var endPageWord = 'Cuối';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var upPageWord ='&#9668;';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var downPageWord ='&#9658;';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var i=0, post; post = json.feed.entry[i]; i++) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  var timestamp = post.published.$t.substr(0,10);</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  var title = post.title.$t;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(title!=''){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(post.category){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      for(var c=0, post_category; post_category = post.category[c]; c++) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(encodeURIComponent(post_category.term)==thisLable){                      </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">            if(thisUrl.indexOf(timestamp)!=-1 ){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">              thisNum = postNum;              </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">            }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">            postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">            htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          }                 </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }      </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }//end if(post.category){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">     itemCount++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">   }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(title!=''){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(thisUrl.indexOf(timestamp)!=-1 ){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          thisNum = postNum;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(title!='') postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }      </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    itemCount++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var p =0;p< htmlMap.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(fFlag ==0 && p == thisNum-2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      if(thisNum==2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          upPageHtml = labelHtml + upPageWord +'</a></span>';          </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      fFlag++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(p==(thisNum-1)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      if(p==0){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          html = labelHtml+'1</a></span>'; </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">          html += '<span class="showpageNum"><a href="/">1</a></span>';          </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(eFlag ==0 && p == thisNum){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      eFlag++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }//end  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}//end for(var p =0;p< htmlMap.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisNum>1){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  if(!isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  html = '<div class="showpageArea"><span >Trang '+thisNum+' / '+(postNum-1)+': </span>'+html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisNum<(postNum-1)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  html += downPageHtml;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(postNum==1) postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  html += '</div>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  if(isPage || isFirstPage || isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    var pageArea = document.getElementsByName("pageArea");</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    var blogPager = document.getElementById("blog-pager");</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(postNum <= 2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">        html ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    for(var p =0;p< pageArea.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      pageArea[p].innerHTML = html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(pageArea&&pageArea.length>0){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      html ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    if(blogPager){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">      blogPager.innerHTML = html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">    }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">  }</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"></script></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><style type=”text/css”></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageArea {padding: 10px; color:#003366;text-align:left;width:530px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageArea a {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#333;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageArea a:hover {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#333;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageNum a { background: url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif’) no-repeat 0 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:37px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:none;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#333;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageNum a:hover { background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpagePoint {background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:37px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">font-weight:bold;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageNum a:link, .showpage a:link {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-decoration:none;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#cc0000;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageupPageWord a { float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextbutton.gif‘) no-repeat 0 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:127px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">font: bold 1.0em Arial,Helvetica,sans-serif;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#333;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpageupPageWord a:hover { float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/provup.png‘) no-repeat 0 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:127px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">font: bold 1.0em Arial,Helvetica,sans-serif;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpagedownPageWord a { float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/backbutton.gif‘) no-repeat 0 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:127px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">font: bold 1.0em Arial,Helvetica,sans-serif;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#333;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.showpagedownPageWord a:hover { float:left;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextup.png‘) no-repeat 0 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">width:127px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">height:42px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align:center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">font: bold 1.0em Arial,Helvetica,sans-serif;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">display:block;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">margin:0 5px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">padding-top:6px;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">color:#FFF;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">} </span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">.pagenextprov {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">text-align: center;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"></style></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><div class='pagenextprov'></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><script type="text/javascript"></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">function showpageCount(json) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisUrl = location.href;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var htmlMap = new Array();</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isLablePage = thisUrl.indexOf("/search/label/")!=-1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var isPage = thisUrl.indexOf("/search?updated")!=-1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var thisNum = 1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var postNum=1;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var itemCount = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var fFlag = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var eFlag = 0;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var html= '';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var upPageHtml ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var downPageHtml ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var pageCount=5;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var displayPageNum=2;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var firstPageWord = 'First';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var endPageWord = 'last';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var upPageWord ='Back';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var downPageWord ='Next';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&amp;max-results='+pageCount+'">';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var i=0, post; post = json.feed.entry[i]; i++) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var timestamp = post.published.$t.substr(0,10);</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var title = post.title.$t;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(title!=''){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(post.category){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var c=0, post_category; post_category = post.category[c]; c++) {</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(encodeURIComponent(post_category.term)==thisLable){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisUrl.indexOf(timestamp)!=-1 ){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">thisNum = postNum;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}//end if(post.category){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">itemCount++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(title!=''){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisUrl.indexOf(timestamp)!=-1 ){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">thisNum = postNum;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(title!='') postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">itemCount++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var p =0;p< htmlMap.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(fFlag ==0 &amp;&amp; p == thisNum-2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisNum==2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">upPageHtml = labelHtml + upPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">upPageHtml = '<span class="showpageupPageWord"><a href="/">'+ upPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">upPageHtml = '<span class="showpageupPageWord"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">fFlag++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(p==(thisNum-1)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(p==0){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html = labelHtml+'1</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html += '<span class="showpageNum"><a href="/">1</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}else{</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(eFlag ==0 &amp;&amp; p == thisNum){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">downPageHtml = '<span class="showpagedownPageWord"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">eFlag++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}//end  if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}//end for(var p =0;p< htmlMap.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisNum>1){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(!isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html = '<div class="showpageArea"><span  class="showpage"> Total '+(postNum-1)+': </span>'+html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(thisNum<(postNum-1)){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html += downPageHtml;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(postNum==1) postNum++;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html += '</div>';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(isPage || isFirstPage || isLablePage){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var pageArea = document.getElementsByName("pageArea");</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">var blogPager = document.getElementById("blog-pager");</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(postNum <= 2){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><br /></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">for(var p =0;p< pageArea.length;p++){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">pageArea[p].innerHTML = html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(pageArea&amp;&amp;pageArea.length>0){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">html ='';</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">if(blogPager){</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">blogPager.innerHTML = html;</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;">}</span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"></script></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"><script src="/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999" type="text/javascript"></script></span></b></div><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace;"><b><span style="font-size: small;"></div></span></b></div></div><div style="text-align: justify;"> <span style="font-size: large;">Sau khi dán xong bạn lưu lại vào kéo tiện ích này nằm phía dưới bài đăng thì mới có hiệu lực.</span><br /><span style="font-size: large;">Ngoài ra còn các mẫu khác mời bạn xem thêm <a href="http://dunghennessy.blogspot.com/2011/04/cac-mau-phan-trang-cho-blog.html">TẠI ĐÂY</a> </span></div><br /><div style="text-align: justify;"><span style="font-size: large;"> </span></div>

PHÂN TRANG CHO BLOG

Để Blog của bạn "Pro" hơn, bạn nên phân trang cho blog theo các bước sau đây. Đầu tiên, bạn đăng nhập vào blog, chọn t hiết kế ...

Đọc thêm »