FDNav - Phân trang cho blogspot

Trước kia mình đã từng giới thiệu thủ thuật phân trang cho blogspot, nhưng chỉ là phạm vi ở trang chủ, do đó 1 tiện ích này còn được ít người sử dụng. Hôm nay mình sẽ nâng cấp thủ thuật này lên cho toàn bộ blog.

* Một số tính năng mới :
- Hiển thị phân trang cho toàn bộ blog (trừ trang Archive).
- Hiển thị trang báo lỗi 404 khi trang tìm kiếm không tồn tại.
- Hiện thị 2 dạng list và dạng thumbnail.
* Nhược điểm :
- Không hiện thị được với trang Archive. Vì thế ai dùng thủ thuật này sẽ phải chấp nhận đóng các trang Archive lại.
- Thanh Navigation hiện thị trên đầu khi truy cập blog từ IE6 và Opera.

- Bên dưới là hình minh họa trang báo lỗi (ví dụ 1 nhãn chỉ có 50 trang, mà bạn tự truy cập vào trang có giá trị page là 51 thì tiện ích sẽ báo lỗi)

Để thực hiện thủ thuật này, các bạn vào bài viết "Phân trang cho trang chủ" để tham khảo cách thực hiện.

Cách thực hiện tương tự như bài trước, vào chỉ việc thay thế các code ở các bước như bên dưới:
- Sửa lại code ở bước 1 như bên dưới :
...
...

<style type='text/css'>
<b:if cond='data:blog.url != "item"'>
#Blog1 {display:none;}
</b:if>
</style>

- tiếp theo là ẩn nội dung bài viết : tìm đọan code như bên dưới :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
...
xuống bên dưới vài dòng ta sẽ thấy đọan code như bên dưới
...
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

- phần code này chính là nội dung của mỗi bài viết.
- và chèn thêm code như bên dưới :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.url == "item"'>
...
xuống bên dưới vài dòng ta sẽ thấy đọan code như bên dưới
...
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

</div>

- Thay thế code ở bước 2 thành code như bên dưới :

<style type="text/css">
.clear {clear: both;}
.home-navi {width:500px;color:#000}
.home-navi h2 {border-bottom:1px solid #f70;padding-bottom:3px;margin-bottom:5px;}
.home-navi h2 a {text-decoration:none;color:#c65b00;}
.home-navi h2 a:hover {color:#eb8e41;}
.home-navi p {color:#000;}
.home-navi p span {color:#000}
.cat_tags {background:#FFF url(http://data.fandung.com/img/fd_category1.png) no-repeat;width:500px;}
.cat_tags_close {background:#FFF url(http://data.fandung.com/img/fd_category1.png) 0 -81px no-repeat;width:500px;}
.cat_tags{margin-top:10px;padding:8px 0 5px 10px;}
.cat_tags_close{max-height:3px;height:3px;margin-bottom:20px;}

.cat_tags .continue{float:right;padding-right:10px;width:90px;text-align:center;}
.cat_tags .category{float:left;color:#f70;width:360px;}
.cat_tags .category a {color:#}
.cat_tags a {color:#999;}
.cat_tags .continue a {color:#fff;text-decoration:none;}
.cat_tags .continue a:hover {text-decoration:underline;font-weight:bold;}

#page-rc-tooltip {font-weight:bold; padding-top:15px;margin-bottom:15px;text-align:center;}
#page-rc-tooltip a {text-decoration:none; border:1px solid #fcb353; padding:2px 5px;background:#fae9c8;}
#page-rc-tooltip a:hover {color:#f00;background:#fcc697;}
#page-rc-tooltip span {border:1px solid #ccc; padding:2px 5px;background:#fff;}
#page-rc-tooltip span.currentpage {background:#fcaa62;}

a.label-link {color:#555;text-decoration:none;}
a.label-link:hover {color:#000;text-decoration:underline;}

td.listtitle {padding-left:5px;width:405px;}
td.listtitle span {color:#888;font-size:85%;}
td.listtitle span a{color:#e70!important;}
td.listtitle span i{color:#000!important;}
td.listinfo {width:90px;text-align:right;font-size:85%;color:#888;}
td.listinfo span {color:#000;font-style:italic;}

</style>
<div style="margin-bottom:10px;padding:5px;font-weight:bold;border:1px solid #fcb353;-khtml-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background:#fae9c8;">
Dạng xem (<a href="?v=full">Full</a> | <a href="?v=list">List</a>)<img src="http://www.nepalguidetreks.com/images/new_animated.gif" /> - <i style="color:#f00;">Đang thử nghiệm</i></div>

<script type='text/javascript'>
//<![CDATA[
//page, view value

String.prototype.GetValue= function(para) {
var reg = new RegExp("(^|&)"+ para +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("\?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
var str = location.href;
var page = str.GetValue("page");
var view = str.GetValue("v"); //lấy giá trị dạng xem
var homepageurl = "http://www.fandung.com/";
var urllength = homepageurl.length;
if (page==undefined) { page = "1"; }
if (view==undefined) { view = "full"; } //mặc định giá trị view là full

if (str.indexOf("search/label")!=-1) {
if (str.indexOf("?")!=-1){
var str1 = str.split("?")[0];
var label = str1.substring(urllength+13,str1.length);
}
else {
var label = str.substring(urllength+13,str.length);
}
var textlabel = "/-/"+label;
var textpage = "search/label/"+label;
}
else {var textlabel ="";var textpage = ""; }


// remove tags
function stripHtmlTags(s,max){
s=s.replace(/<br.*?>/ig, ' ');
return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')
}

//get RSS FEED
function showrecentposts(json) {
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm ;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
var plabel = new Array();
var cate = entry.category;
if(cate) {
for (var k = 0; k < entry.category.length; k++) {
plabel[k] = ' <a class="label-link" href="http://www.fandung.com/search/label/'+entry.category[k].term+'">'+entry.category[k].term+'</a> ';
}
}
else {plabel = "No label";}

var authpost = entry.author[0].name.$t;

var postdate = entry.published.$t;
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
postDay = day+ "/" + m + "/" + y ;

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else postcontent = "";

s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) {img[i] = d;} else {img[i]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnI09RTXTrasc4f8rvDONRtMuZub5D_4l6-jQ1WGCn_8ymvjT2nNIavXtOACIrb6dz1BJV4PfPAV_1u8_tnKsJTRBHQ29ECHCq1nIHUN0gwadTkHWjVXthbDzNXaAnO37MJmaFIwI4gpI/s400/noimage.png";}

if (pcm==0) {var comment = " Chưa có nhận xét";}
//else if (pcm==1) {var comment = " "+ pcm + " Comment ";}
else {var comment = '<font style="color:#f80;">'+ pcm +'</font> Nhận xét';}

var td1 = '<div class="home-navi"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p style="font-size:85%;color:#888;"><span>by</span> '+authpost+' | <span>on</span> '+postDay+' | '+comment+'</p><p style="padding:10px 0px;"><img style="width:120px;padding:2px;border:1px solid #ccc;margin-right:5px;margin-bottom:5px;float:left;" src="'+img[i]+'" />'+stripHtmlTags(postcontent,90)+' ...</p> <div class="cat_tags clear"><span class="category">Nhãn : '+plabel+'</span><span class="continue"><a href="'+posturl+'">Xem thêm...</a></span><div class="clear"></div></div><div class="cat_tags_close"></div></div>';

var td2 = '<div style="border-bottom:1px dashed #f80;"><table><tr><td valign="top" class="listinfo">'+comment+'<br/><span>by</span> '+authpost+'<br/><span>on</span> '+postDay+'</td><td valign="top" class="listtitle"><a href="'+posturl+'"><b>'+posttitle+'</b></a><br/><span><i>Tags</i> : '+plabel+'</span></td></tr></table></div>';

if (view=="full") {document.write(td1);}
else {document.write(td2);}
}
}

// get total number of posts
function numberOfPosts(json) {
document.write('<script style=\"text/javascript\">var totalPosts= '+json.feed.openSearch$totalResults.$t+' ;<\/script>');
}
document.write('<script src=\"http://www.fandung.com/feeds/posts/default'+textlabel+'?alt=json-in-script&callback=numberOfPosts\"><\/script>');

//]]>
</script>

<script type='text/javascript'>

if (str.indexOf("archive.html")!=-1) {
document.write("<div style=\"text-align:center;padding:10px;background-color:#fae9c8;border:1px #fcb353 solid;\"><img src=\"http://data.fandung.com/img/404page-bg.png\" \/><br><br>Trang mà bạn đang tìm không tồn tại trên blog.<br> Click <a href=\"http://www.fandung.com\">vào đây<\/a> để trở về trang chủ.<\/div>"); }

else {
var rcpage = new Array();
if (view=="full") {
var numposts = 5; // số bài viết hiển thị trên 1 trang dạng thumbnail
}
else {var numposts = 20;} // số bài viết hiển thị trên 1 trang dạng list

var numpage=totalPosts/numposts;
var lastnum = totalPosts%numposts;
if (lastnum==0) {numpage=numpage+1;}

for (var m=1;m<numpage;m++) {
var start=numposts*(m-1)+1;
rcpage[m] ="<script src=\"http://www.fandung.com/feeds/posts/default"+textlabel+"?start-index="+start+"&max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>";
}
if ((page>numpage)&&(page<numpage+1)&&(lastnum>0)) {
var numposts=lastnum;
start = totalPosts-lastnum+1;
document.write("<script src=\"http://www.fandung.com/feeds/posts/default"+textlabel+"?start-index="+start+"&max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
}
else if ((page>numpage)||((page>numpage-1)&&(lastnum==0))){document.write("<div style=\"text-align:center;padding:20px 10px;background-color:#fae9c8;border:1px #fcb353 solid;\"><img src=\"http://data.fandung.com/img/404page-bg.png\" \/><br><br>Trang mà bạn đang tìm không tồn tại trên blog.<br>Click <a href=\"http://www.fandung.com\">vào đây<\/a> để trở về trang chủ.<\/div>"); }
else {document.write(rcpage[page]); }

// Create page navigation

if (lastnum==0) {var pagelist=totalPosts/numposts;} else {var pagelist=numpage+1;}
var pagelist1 = parseInt(pagelist);

var npage = parseFloat(page);

if (page<=parseInt(pagelist)) {

if ((pagelist>=2)&&(pagelist1<6)) {

document.write("<div id=\"page-rc-tooltip\">Page ("+page+"/"+parseInt(pagelist)+") : ");
for (var n=1;n<pagelist1+1;n++) {
if (n==npage) {var navpage=" <span class=\"currentpage\" >"+n+"<\/span>";} else {var navpage=" <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+n+"\">"+n+"<\/a>";}
document.write(navpage);
}
document.write("<\/div>");
}

if ((pagelist>=6)&&(page<4)) {
document.write("<div id=\"page-rc-tooltip\">Page ("+page+"/"+parseInt(pagelist)+") : ");
for (var n=1;n<6;n++) {
if (n==npage) {var navpage=" <span class=\"currentpage\" >"+n+"<\/span>";} else {var navpage=" <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+n+"\">"+n+"<\/a>";}
document.write(navpage);
}
if (parseInt(pagelist)>5) { document.write(" ... <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+parseInt(pagelist)+"\">Last<\/a><\/div>"); } else {document.write("<\/div>");}
}

else if ((pagelist>=6)&&(page>3)&&(page<parseInt(pagelist)-2)) {
var first = page-2;
var last = first+5;
document.write("<div id=\"page-rc-tooltip\">Page ("+page+"/"+parseInt(pagelist)+") : <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page=1\">First<\/a> ...");
for (var n=first;n<last;n++) {
if (n==npage) {var navpage=" <span class=\"currentpage\" >"+n+"<\/span>";} else {var navpage=" <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+n+"\">"+n+"<\/a>";}
document.write(navpage);
}
document.write(" ... <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+parseInt(pagelist)+"\">Last<\/a><\/div>");
}

else if ((pagelist>=6)&&(page>3)&&(page>parseInt(pagelist)-3)) {
var first = parseInt(pagelist)-4;
var last = parseInt(pagelist)+1;
document.write("<div id=\"page-rc-tooltip\">Page ("+page+"/"+parseInt(pagelist)+") : <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page=1\">First<\/a> ...");
for (var n=first;n<last;n++) {
if (n==npage) {var navpage=" <span class=\"currentpage\" >"+n+"<\/span>";} else {var navpage=" <a href=\"http://www.fandung.com/"+textpage+"?v="+view+"&page="+n+"\">"+n+"<\/a>";}
document.write(navpage);
}
document.write("<\/div>");
}
}
} //kết thúc lệnh không cho phép hiện thị tiện ích trên trang archive
</script>

- Các giá trị numposts=5; numposts=20; lần lượt là số bài viết hiển thị trên 1 trang dạng thumbnail và dạng list.
- Thay www.fandung.com thành tên blog của bạn.
- Chú ý : code ở bước 2 là code mình chia sẻ, vì thế muốn cho tiện ích phù hợp với blog của các bạn thì các bạn nên tùy chỉnh lại code CSS. Thứ 2 nữa là giao diện hiển thị, các bạn có thể tùy chỉnh giao diện hiển thị bằng cách thay đổi code của biến td1 và td2 (với td1 là giao diện của dạng thumbnail, td2 là giao diện của dạng list.)

- Đến bước thứ 3: ta có đoạn code như thế này :

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
...
...
...
</b:if>

- thay thế nó bằng code như bên dưới:

<b:if cond='data:blog.pageType != "item"'>
...
...
...
</b:if>

- ở bài trước, tiện ích chỉ cho phép hiển thị ở trang chủ, bài này ta mở rộng cho nó hiển thị ở tất cả các trang trừ trang bài viết.

Như vậy mình đã giới thiệu xong. Chúc các bạn thành công.

More about →

Tạo thumbnail cho ảnh với CSS

Thông thường khi muốn tạo ảnh thumbnail ta thường dùng cách bóp ảnh lại bằng việc sử dụng các lệnh width, height. Khi bóp ảnh như thế, nếu bóp theo 2 chiều (width và height) thì ảnh thường bị méo dạng (không còn tỉ lệ với ảnh gốc), nếu không muốn gặp hiện tượng này thì chỉ nên bóp theo 1 chiều. Tuy nhiên, ở những phần, ví dụ như tiện ích recent post, các bạn muốn các ảnh thumbnail được đều nhau, và có cùng kích cỡ thì việc bóp ảnh theo 1 chiều không đáp ứng được. Và hôm nay mình sẽ giới thiệu cho các bạn 1 các để lấy ảnh thumbnail từ ảnh gốc mà chỉ cần dùng CSS.

Mình sẽ giải thích sơ về cách thức này. Giả sử ta có 1 tấm ảnh và 1 tờ giấy màu (màu đen chẳng hạn, và kích thước tờ giấy màu sẽ lớn hơn tấm ảnh), sau đó ta cắt 1 cái lỗ hình vuông trên tờ giấy màu, kích cỡ tùy ý (giả sử 200x200px). Rồi ta đặt tờ giấy màu trên tấm ảnh, khi đó ta sẽ nhìn được 1 phần tấm ảnh qua cái lỗ mà ta đã cắt trên tờ giấy màu. Và phần ảnh ta thấy được này sẽ là ảnh thumbnail. Để tùy chỉnh vùng ảnh để hiển thị ảnh thumbnail thì ta chỉ việc dịch chuyển tờ giấu hoặc dịch chuyển ảnh.

Bên dưới là ảnh minh họa

Còn đây là demo

Ảnh gốc

Ảnh thumbnail lấy được:

* Các bước thực hiện:
- đầu tiên các bạn chèn code CSS bên dưới vào trong code template (chèn vào trước dòng code ]]></b:skin> trong code template)

/* CSS thumbnail */

div.thumb{
margin:.5em 0;
margin-right:10px;
border:1px solid #999;
padding:2px;
}
div.thumb {
display:block;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
}
div.thumb img{
position:absolute;
top:-20px;
left:-50px;
}

/* END CSS thumbnail */

- 1 số lưu ý về code CSS ở trên:

+ các giá trị width, height trong class div.thumb là chiều cao và độ rộng của ảnh thumbnail.
+ Các top, left trong class div.thumb img chính là vị trí góc trái trên của ảnh thumbnail (so với ảnh gốc).
+ Khi muốn hiển thị ảnh thumbnail thì bạn chỉ việc dùng code tương tự như bên dưới

<div class="thumb"><img src="Link ảnh" /></div>

+ Ngoài ra, nếu ảnh lớn quá, mà ta muốn lấy ảnh thumbnail nhỏ thì (vì khi đó ảnh thumbnail sẽ ko thể hiện hết được ảnh gốc) bạn có thể resize ảnh gốc nhỏ lại, ví dụ như bên dưới:

<div class="thumb"><img src="Link ảnh" width="200" /></div>

Chúc các bạn thành công.

More about →

HIỂN THỊ NGÀY GIỜ TRÊN THANH TIÊU ĐỀ BLOGGER

Thanh tiêu đề Blog là thanh nằm ngang trên cùng của trang web/blog, bạn có thể hiển thị THỨ, NGÀY THÁNG NĂM VÀ GIỜ HIỆN TẠI trên thanh này với một thao tác đơn giản như sau:

Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > thêm HTML/Javacript rồi dán đoạn code này vào

<Script Language="JavaScript" Type="Text/JavaScript"> var mytime1=24; function mytime2() { mytime3=mytime1+6; mytime4=mytime1+mytime3; timexx=mytime1+mytime3+mytime4; timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3; timexxxx=mytime1+mytime3/timexxx-16*timexx; timexxxxx=twelfth*(mytime1-5)/mytime4+timexx; timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx; mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1; mytime6=Math.floor(mytime5); mytime8=mytime6*mytime3/2+100; mytime7 = window.setTimeout("mytime2()", mytime8); var mytime9 = new Date(); var mytime10= mytime9.toLocaleString(); document.title = mytime10;} function op(){mytime2()} window.onload=op; </script><br />

Sau đó Lưu lại và trở lại Blog xem kết quả

More about →

TẠO CHỮ ĐỘNG CHO BLOGGER

Mời các bạn xem các dòng chữ dưới đây:

Để làm các chữ này, bạn VÀO ĐÂY, sau đó gõ chữ mình cần tạo, chọn Font, chọn kiểu động, chọn cỡ chữ và cuối cùng bấm phải vào hình chọn Save as... để tải về máy, nếu cần dán vào Web/Blog thì bấm vào bước 4 để lấy mã code.

More about →

KHUNG CHỨA CODE CÓ CHỮ SELECT ALL

Để tạo khung chứa code có chữ SELECT ALL (khi bạn bấm vào chữ Select All này thì tự động các dòng code trong khung được chọn hết), các bạn cần làm theo các bước sau:

Đầu tiên, bạn đăng bài như bình thường, khi muốn chèn khung chứa code ở đoạn nào thì bạn Enter xuống dòng và chọn thẻ chỉnh sửa HTML ở phía tay phải của khung đăng bài để chuyển qua mã HTML.

Sau đó, dán tất cả các dòng code dưới đây vào dưới thẻ </div>.

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" /><br /> <textarea cols="80" name="MyTextBox" rows="12" wrap="off">Your Contents Here

Bây giờ bạn có thể nhập nội dung đoạn code vào thay thế chữ Your Contents Here

Và bạn cũng có thể thay đổi độ rộng của khung ở lệnh cols, độ cao của khung ở lệnh rows, có thể thay thế chữ Select All bằng chữ khác nếu bạn thích (ví dụ: chọn hết, chọn tất cả...).

Chúc các bạn thành công

More about →

Update tiện ích recent posts

Từ trước đến giờ đa số các tiện ích recent posts có 1 hạn chế nhỏ mà mọi người dễ dàng thấy, đó là việc hiện thị summary cho bài viết ko được tốt cho lắm. Ở 1 số bài viết, phần summary bị mất chữ, nguyên nhân của việc này là do cách thức ta ngắt phần summary post.



Trước giờ ta hay dùng cách ngắt theo kí tự, tức là chọn 1 số kí tự nhất định để hiển thị ở phần summary. Do đó mà khi đủ số kí tự thì script sẽ ngắt, do đó mà ta sẽ hay gặp trường hợp chữ hiển thị không đủ. Để khắc phục điều này, ta sẽ dùng cách chọn số từ để hiển thị chứ không phải số kí tự. Thực ra nói số từ cũng ko đúng, nếu nói đúng hơn thì là cụm kí tự chứ không phải là "từ". Cụm kí tự ở đây mình nói là các chuỗi kí tự được cách nhau bằng dấu cách (khoảng trắng).
Ví dụ:
"... cũng ko đúng, nếu ..." - ta sẽ có 4 cụm kí tự, và cụm "đúng," không được xem là 1 từ.
Thực ra cách này đã có từ lâu, nhưng chưa có ai để ý để khắc phục cho tiện ích recent posts, thế nên hôm nay mình sẽ hướng dẫn các bạn cách khắc phục điều này.

Trong file js của các tiện ích recent posts ta hay gặp 1 hàm như bên dưới :

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;

}

- Hàm này dùng để loại bỏ các thẻ HTML có trong phần nội dung của bài viết trên feed. Đồng thời giúp hiển thị phần rút gọn của bài viết. Giá trị chop ở đây chính là số kí tự sẽ hiển thị ở phần summary.

Các bạn thay hàm ở trên bằng hàm bên dưới:

function removeHtmlTag(s,max){
s=s.replace(/<br.*?>/ig, ' ');
return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')
}

Và bây giờ các bạn chỉ cần thay giá trị của biến summaryPost lại là được. (đa số các tiện ích recent posts mình hay đặt tên biến để tùy chỉnh số kí tự hiển thị là summaryPost )

- Ví dụ : summaryPost = 30; giá trị 30 chính là số cụm kí tự (cách nhau bằng dấu khoảng trắng) sẽ được hiển thị là 30.

Chúc các bạn thành công.

More about →

MENU NGANG CÓ HIỆU ỨNG ĐỘNG KHI RÊ CHUỘT

Hôm nay, tôi chia sẻ đến với các bạn cách tạo menu ngang có hiệu ứng động khi rê chuột (không có menu con). Với menu này khi bạn rê chuột đến một thẻ bất kỳ trên menu thì thẻ đó sẽ tự động đổi màu khác khá đẹp. Mời bạn bấm vào Xem thử để trải nghiệm






Xem thử

Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > chọn Chỉnh sửa HTML, bạn bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào lệnh ]]></b:skin>, sau đó dán đoạn code phía dưới trước dòng lệnh đó.

ul#topnav {
margin: 0px 0 0px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 650px; /*độ rộng của menu*/
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px; /*chiều cao của menu*/
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff; /*màu text của menu*/
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}

ul#topnav.v2 span{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOzn0FdVKWb7OssY_3mCuvD6EI7K4q_priKD9iQdjdsC3vtIPYErXupS_gxBelv1oeaZW23rhyphenhyphenZtLkAU7QUPoLPtJvgrgBMjpU9Kn_MdKoyVSQKQmmbrMpYnrX1YuCk0yQhuY6DZqUueB/) repeat-x left top; /*màu nền của menu*/
}
ul#topnav.v2 a{
color: #555;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOzn0FdVKWb7OssY_3mCuvD6EI7K4q_priKD9iQdjdsC3vtIPYErXupS_gxBelv1oeaZW23rhyphenhyphenZtLkAU7QUPoLPtJvgrgBMjpU9Kn_MdKoyVSQKQmmbrMpYnrX1YuCk0yQhuY6DZqUueB/)repeat-x left bottom; /*màu nền của menu*/
}

 Tiếp tục, trong khung tìm kiếm nhỏ bạn thay dòng lệnh ]]></b:skin> bằng lệnh <head> và dán đoạn code dưới đây vào sau nó.

<script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/>

<script src='http://dl.dropbox.com/u/66348944/ani_menu.js' type='text/javascript'/>

Cuối cùng bấm Lưu lại. Bây giờ, bạn trở lại trang thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán đoạn code phía dưới vào.
 

<ul id="topnav" class="v2">
<li><a href="URL Menu 1">MENU 1</a></li>
<li><a href="URL Menu 2">MENU 2</a></li>
<li><a href="URL Menu 3">MENU 3</a></li>
<li><a href="URL Menu 4">MENU 4</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
</ul>

Bạn thay đổi các dòng màu đỏ và màu xanh theo ý mình và bấm Lưu lại.

Bạn trở lại vào Blog sẽ thấy có một menu ngang màu đỏ và khi bạn rê chuột vào menu này sẽ có hiệu ứng chuyển động tuyệt đẹp.

Chúc bạn thành công

More about →

Update bộ đếm số lần đọc bài viết cho blogspot - v3.1

Ở thủ thuật "Bộ đếm số lần đọc cho bài viết" (phiên bản 3.0), có 1 lỗi mà từ trước đến giờ các bộ đếm số lần đọc bài viết khác đều mắc phải, đó là khi ta comment ở 1 bài viết nào đó thì khi comment được xuất bản, thì blogger sẽ load trang lại với 1 link tương tự như link bài viết, nhưng được thêm vào 1 chuỗi để tạo permalink cho comment đó, ví dụ như link bên dưới :

http://www.fandung.com/2011/05/tao-bo-dem-so-lan-xem-bai-viet-cho.html?showComment=1305911787727#c6033716812105494950

Và khi load lại bài viết bằng link này thì bộ đếm sẽ hiểu đây là 1 link khác với link của bài viết, và như thế bộ đếm sẽ đếm lại bắt đầu bằng 1, thay vì cộng 1 vào số lần xem của bài viết đó. Và như thế số lần xem bài viết sẽ giảm đáng kể nếu như bài viết đó có nhiều comment. Ví dụ như ở blogtruyen.com, với 1 lượng người xem khá lớn, và các đọc giả luôn comment rất nhiệt tình thì số lần xem bài viết sẽ hiển thị không còn chính xác.

Lúc trước ban Ngân có nói về lỗi này ở bài viết trước, và do kiến thức php của mình còn quá cùi mía thì mình trả lời ngày là không biết, và sau vài ngày suy nghĩ và search các function của php thì mình đã may mắn test thành công. Thực ra việc này làm ở Javascript khá dễ, như do ở php mình còn hơi lạ nên phải mò. Thực chất của việc fix này là mình sẽ chia link sẽ đếm số lần đọc thành 2 phần qua dấu chấm hỏi (?) ở trong link, và khi đó ta sẽ có 2 chuỗi, lấy chuỗi đầu ta sẽ được link của bài viết. Và như thế bộ đếm sẽ tiếp tục cộng vào số lần đọc bài viết nếu như có ai đó comment ở bài viết đó.

Việc cập nhật này mình đã fix ngay trên file php trên server của mình, còn những bạn nào xài host riêng thì download file php này (fd-counter-fix.rar) về rồi thay thế file php cũ là được.

More about →

ẨN HIỆN THANH ĐIỀU HƯỚNG

Thanh điều hướng là thanh nằm trên cùng trang Blog của bạn, bạn có thể cho ẩn và khi rê chuột đến đầu trang Blog thanh điều hướng này sẽ xuất hiện để cho bạn thao tác sử dụng...

Đầu tiên, bạn đăng nhập Blog > Chọn thiết kế > chọn Chỉnh sửa HTML, sau đó bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh  ]]></b:skin>
Bạn copy đoạn code này và dán trên dòng lệnh đó.

#navbar-iframe { height:5px; } /* IE7, IE8, IE6 */ #navbar-iframe { height/*\**/: 30px\9; } #navbar-iframe:hover { height:40px; !important; }

Cuối cùng bấm Lưu lại để hoàn tất. Bây giờ bạn trở lại vào Blog xem kết quả nha.

Chúc các bạn thành công.

More about →

Tạo bộ đếm số lần xem bài viết cho blogspot v3.0

Ở 2 bài viết trước về bộ đếm số lần xem bài viết, mình có giới thiệu cho các bạn 1 số cách để xem số lần xem bài viết của blog, tuy nhiên các bộ đếm đó thường "chết sớm". Hôm nay mình sẽ giới thiệu cho các bạn cách tạo bộ đếm này (cách này chỉ dùng cho nhưng bạn nào có host riêng). Còn những bạn nào không có host riêng, mình sẽ cho sử dụng thử bộ đếm từ host của mình, sở dĩ mình nói thử là vì chưa biết sẽ như thế nào nếu quá nhiều người sử dụng nó.

Hiện tại Blogger cũng có thể cho ta xem số lần xem bài viết, nhưng chỉ là đối với 10 bài xem nhiều nhất, và thống kê này chỉ mình admin của blog mới có thể xem được, còn khách thì họ chỉ có thể xem tổng số lần xem trang của blog. Trong tương lai không biết blogger có nâng cấp hệ thống này lên ko, ví dụ như thêm hẳn 1 tiện ích cho phép add "số lần xem bài viết" vào mỗi bài viết chẳng hạn. Còn hiện tại cách dùng 1 host trung gian để tạo bộ đếm vẫn còn có ích đối với 1 số bạn, thế nên hôm nay mình tiếp tục cập nhật về vấn đề này.

A. Cách tạo cơ sở dữ liệu trên host:
- Đầu tiên, các bạn tạo mới 1 Database (hoặc cũng có thể sử dụng 1 database có sẵn), ví dụ ở đây mình sẽ gọi nó là fd_database. Sau đó add user vào database này, ví dụ user là : fandung và pass là 123456
- Tiếp tục tạo 1 table có giá trị như bên dưới (ta tạm đặt tên cho table này là fd_counter).

(trong phpMyAdmin, các bạn chọn vào thẻ SQL, rồi dán code bên dưới vào ta sẽ có 1 table)

CREATE TABLE `fd_database`.`fd_counter` (

`SN` BIGINT NOT NULL AUTO_INCREMENT ,

`name` VARCHAR( 1000 ) NOT NULL ,

`hit` BIGINT NOT NULL DEFAULT '1',

PRIMARY KEY ( `SN` )

) ENGINE = MYISAM

- Sau khi thực hiên các bước cần thiết, các bạn download file php này về (fd-counter.rar). Giả nén ra, sau đó dùng Notepad để chỉnh sửa các thông số lại như bên dưới :

$username = "fandung"; // Enter Your Username and Password Here
$password = '123456'; // Enter Your Username and Password Here
$database = 'fd_database'; //Enter Your Database Name Here
$table = "fd_counter"; //Enter Your Counter Table Name Here

Ngoài ra các bạn cần thay đổi 1 vài chỗ nhỏ nữa. Các bạn tìm các dòng code như bên dưới trong file php, và đổi chữ counter thành fd_counter:

...
$query = "Insert into counter (name) values ('$url')";
...
...
$query = "Update counter set hit = $hitcount where name = '$url'";

thay đổi thành :

...
$query = "Insert into fd_counter (name) values ('$url')";
...
...
$query = "Update fd_counter set hit = $hitcount where name = '$url'";

- Lưu ý các giá trị này là các giá trị mẫu như mình nêu ở trên, khi thực hiện trên host của mình các bạn phải thay đổi nó cho phù hợp.
- Sau khi thực hiện xong các bạn up lên host của mình, và các bạn sẽ có 1 file php tương tự như của mình : http://data.fandung.com/blog/fd-counter.php

B. Chèn bộ đếm vào blog:
- Các bạn thực hiện việc chèn code vào blog như ở bài viết này (bộ đếm số lần xem bài viết v2.0)
- Chỉ cần thay code ở bước 5 thành code như bên dưới là được :

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<b>Đã xem :</b> <i><font color='#f00'><script src='http://data.fandung.com/blog/fd-counter.php' type='text/javascript'/> Lần </font></i>
</div>
</b:if>

Như vậy mình đã giới thiệu xong. Chúc các bạn thành công.

More about →

KHẮC PHỤC LỖI SHORTCUT CHẠY CÙNG MỘT ỨNG DỤNG

Hiện nay có khá nhiều bạn gặp phải trường hợp là khi bấm đúp chuột vào shortcut trên hệ thống đều chạy cùng một chương trình ứng dụng khi được kích hoạt. Nguyên nhân này là do các virus Spyware trá hình ở các trang Web (đa số là trang Web nước ngoài) xâm nhập vào hệ thống gây ra. Chúng làm thay đổi Key điều khiển chính trong Registry, chính vì vậy dù bạn có diệt hết các Spyware này thì vẫn không khắc phục được tình trạng trên.

Nếu gặp phải trường hợp này, bạn cứ tuần tự làm các bước sau đây:

1/ Ngắt kết nối mạng, dùng các chương trình chuyên dụng để quét Spyware toàn diện hệ thống.

2/ Tải file sửa lỗi Registry TẠI ĐÂY (dung lượng 274KB)

3/ Giải nén file vừa tải về rồi kích hoạt để cập nhật lại hệ thống. Khởi động lại máy, chắc chắn lỗi trên sẽ được khắc phục.

Chúc các bạn thành công.

More about →

BÀI MỚI ĐĂNG CÓ HÌNH PHÍA TRƯỚC VÀ HIỆU ỨNG CHẠY NGANG

Trước đây, tôi có giới thiệu bài "Tiêu đề bài đăng mới có hiệu ứng chạy ngang", nay tôi xin chia sẻ với các bạn bài đăng mới cũng  có hiệu ứng giống như bài trên nhưng khác ở chỗ chúng ta có thể gắn hình phía trước: (các bạn có thể xem hiệu ứng phía dưới):

Để làm được như vậy, các bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán tất cả các code này vào

<script type='text/javascript'>

            var w2bWidth="100";

            var w2bScrollAmount="10";

            var w2bScrollDelay="50";

            var w2bDirection="left";

            var w2btargetlink="no";

            var w2bnumPosts="10";

            var w2bBulletchar =">>>";

            var w2bimagebullet="yes";

            var w2bimgurl="LINK ẢNH";

            var w2bfontsize="16";

            var w2bbgcolor="transparent";

            var w2blinkcolor="FF0000";

            var w2blinkhovercolor="3366CC";

</script>

<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js' ></script>

<script type='text/javascript' src="http://địa chỉ của Blog của bạn/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script>

Bây giờ bạn thay thế các chữ màu đỏ và màu xanh để phù hợp với Blog mình. Bạn nên chọn hình ảnh có kích thước nhỏ để cho phù hợp (khoảng 40x40 là đẹp nhất)

Chúc các bạn thành công

More about →

Lại chuyện gì nữa đây???

Hôm nay không biết là ngày gì, vô blog có chuyện, giờ vào yahoo lại thêm 1 chuyện nữa.

Dạo trước có người ganh ghét vô blog comment bậy bạ, giờ lại có người gửi tin nhắn theo kiểu "hù dọa". Người này nói "chúng mày" chắc ám chỉ đến mothuthuat.com, rồi lại còn nhắn là "tao đã lấy sạch data của chúng mày rồi". Không hiểu muốn nói gì, chắc nói đến mấy bài viết, mà bài viết của mình đâu có cấm sao chép, copy gì đâu nhỉ. Lấy thì được gì, chắc muốn tạo 1 trang web nhái với toàn nội dung bài viết của mothuthuat.com đây. Haizzz, thiệt là ...

Từ ngày viết blog đến giờ, mình cũng có kha khá người ủng hộ, bên cạnh đó thì cũng có 1 số có thái độ trái ngược, không biết vì lý do gì, không biết họ làm thế với mục đích gì. Nhưng thôi, viết blog với đam mê là chính, nên ta cứ viết, mặc cho ai làm gì thì làm.

More about →

Phát hiện có người sử dụng subdomain của fandung để câu đọc giả

Hôm nay đi làm về, như thường lệ mình mở Chrome để vào blog mình, khi truy cập vào blog với tên miền chính (fandung.com) thì mình tá hỏa ra là nó bị chuyển hướng tới 1 subdomain khác của mình (subdomain này mình chưa từng sử dụng trước đây), và subdomain này lại tự động chuyển hướng tới 1 trang web của 1 bạn nào đó (cũng dùng blogspot). Ở đây mình xin được không công bố trang web của bạn này.

Ngay lúc đó chưa kịp suy nghĩ ra chuyện gì đang xảy ra. 1 hồi trấn tĩnh lại mới biết là do sơ xuất của mình mà để cho người khác lợi dụng để trục lợi riêng. Mình xin nói rõ hơn 1 chút cho mọi người biết.
Khi mua tên miền fandung.com, ban đầu ở phần CNAME Records mình đã tạo 1 Name là *.fandung.com với giá trị là ghs.google.com, việc tạo CNAME này sẽ làm cho tất cả subdomain của fandung.com sẽ mặc định được chuyển hướng đến google. Sở dĩ mình làm như vậy là sau này, khi muốn dùng 1 subdomain nào đó cho 1 blog phụ nào đó, thì mình chỉ cần cài đặt trong bảng điều khiển của blogger là xong, không cần phải mất công đăng nhập vào trang domain để tạo 1 CNAME cho nó.
Biết được điều này, đã có người sử dụng nó để PR cho blog của mình. Người này đã tạo 1 blog rác (có thể nói như vậy), rồi vào phần cài đặt để chuyển hướng tới subdomain của mình. Và người này đã sử dụng luôn 1 chức năng của blogger, đó là chuyển hướng từ tên miền chính tới subdomain sẽ sử dụng. Và như thế khi truy cập từ domain fandung.com sẽ tự động nhảy tới subdomain này. Và cuối cùng là người này sẽ dùng blog rác này chuyển hướng 1 lần nữa tới blog chính của mình. Việc này khá là đơn giản, chỉ với 1 đoạn script là ta có thể thực hiện được.
Hiện nay mình đã chỉnh lại các CNAME trong trang domain của mình, khoảng vài tiếng sau thì việc thay đổi này mới có tác dụng.

Cuối cùng mình xin có 1 câu cho bạn đã dùng trái phép doamin của mình : "Nếu muốn người khác biết đến blog của mình, hãy xây dựng blog bằng chính khả năng của mình."

More about →

ĐỔI GIAO DIỆN CHO YAHHO MESSENGER

Yahoo Massenger là phần mềm chat nổi tiếng và được nhiều người ưa chuộng sử dụng, nếu bạn là "tín đồ" của Y!M bạn có thể thay đổi giao diện "cũ kỹ" của nó thành giao diện giống iPhone (màu đen tuyệt đẹp).

Đầu tiên, bạn tải giao diện Y!M TẠI ĐÂY. (dung lượng chưa đến 1MB, sử dụng tiếng Việt và hoàn toàn miễn phí)

Sau khi tải về, bạn kích đôi file thực thi để cài đặt, một bảng nhỏ hướng dẫn hiện ra, mặc định Y!M được cài đặt ở ổ C (thường là C:\Program files\Yahoo\Messenger) sau đó bạn nhấn Install, còn nếu bạn cài đặt Y!M ở ổ khác thì bạn phải nhấn thẻ Chọn đường dẫn để kiếm nơi cài đặt Y!M và nhấn Install.

Bây giờ, bạn đăng nhập Y!M sẽ thấy Y!M đã khoác lên mình một giao diện màu đen tuyệt đẹp.

Chúc bạn thành công

More about →

Hướng dẫn SEO link cho Blogspot

Hôm nay mình sẽ giới thiệu cho các bạn 1 thủ thuật nhỏ về SEO link cho blogspot. Nói đơn giản ra là tạo link đẹp cho các bài viết của blog để giúp cho SEO blog, giúp cho các bộ máy tìm kiếm có thể tìm đến bài viết của bạn 1 cách dễ dang hơn.

Thủ thuật này cũng khá là đơn giản, cũng có thể có 1 số bạn đã biết tới, và cũng có thể 1 số khác chưa để ý tới, ngay như mình, đến gần đây mình mới chú ý tới việc này. Đó là khi ta tạo tiêu đề tiếng việt có dấu, sau đó blogger sẽ chuyển thành chuỗi ký tự không dấu để tạo link cho bài viết, nhưng việc tạo link này gặp 1 lỗi nhỏ, đó là chứ "đ" khi chuyển sang không dấu bị mất đi. Nếu 1 tiêu đề có quá nhiều chữ "đ" thì ta khó có thể đọc được từ link bài viết.
Ví dụ :
- Ta có tiêu đề bài viết là : "Tại sao đàn ông thích đi đá banh???"
- Và bài viết sẽ có link như thế này : "/tai-sao-an-ong-thich-i-a-banh.html"

và sẽ đẹp và dễ hiểu hơn nếu link như thế này "/tai-sao-dan-ong-thich-di-da-banh.html".

Để khắc phục việc này, ta nên tập thói quen tạo tiêu đề bài viết dạng tiếng việt không dấu, rồi xuất bản bài viết. Sau khi đã xuất bản, ta chọn ngay lại mục chỉnh sửa bài viết rồi gõ lại tiêu đề bằng tiếng việt có dấu. Như thế hơi mất công nhưng ta sẽ có được 1 link đẹp cho bài viết.

PS : Bài viết này gần giống như 1 bài nhắc nhở để tạo thói quen cho các bạn hơn là 1 bài thủ thuật.

More about →

TẠO MENU NGANG CÓ NHIỀU MENU CON XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1)

Nếu trên Blog của bạn có quá nhiều trang riêng lẻ thì công việc tạo menu ngang là cần thiết, có nhiều cách để tạo ra menu ngang (bạn có thể xem các mẫu menu ngang đơn giản TẠI ĐÂY).

Ngoài cách trên, bạn có thể tạo cho mình một menu có nhiều menu con xổ dọc xuống khi bạn click vào một menu chính bất kỳ, điều này sẽ làm cho Blog bạn trông "gọn gàng" hơn và "Pro" hơn rất nhiều.
Mời bạn bấm Xem thử phía dưới để trải nghiệm trước menu ngang này

Xem thử

Để tạo được như vậy, các bạn cần làm theo các bước sau đây:

Đầu tiên, bạn đăng nhập vào Blog > Chọn bố cục > Thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem TẠI ĐÂY). Sau đó dán toàn bộ code phía dưới vào.

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.css" />
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1-v.css" />

<script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/jquery.min.js"></script>
<script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.js">

</script>

<script type="text/javascript">

ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
    mainmenuid: "smoothmenu2", //Menu DIV id
    orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    //customtheme: ["#804000", "#482400"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

<div id="smoothmenu1" class="ddsmoothmenu">

<ul>

<li><a href="http://www.dunghennessy.blogspot.com">Home</a></li>

<li><a href="#"> Tên menu chính 1 </a>

  <ul>

  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>  
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>
  </ul>

</li>

<li><a href="#"> Tên menu chính 2</a>

  <ul>

  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>  
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>
  <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>

  </ul>

</li>

<li><a href=" địa chỉ trang "> Tên menu chính 3</a></li>

<li><a href="#"> Tên menu chính 4</a>

  <ul>

  <li><a href=" địa chỉ trang "> Tên menu phụ 4 </a></li>

  <li><a href="#"> Tên menu phụ 4 </a>

    <ul>

    <li><a href=" địa chỉ trang "> Tên menu phụ 4/1 </a></li>

    <li><a href=" địa chỉ trang "> Tên menu phụ 4/1 </a></li>
    <li><a href="#"> Tên menu phụ 4/2 </a>

  <ul>

      <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>

      <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>

      <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>

      <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>

      <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>

  </ul>

    </li>

    <li><a href=" địa chỉ trang "> Tên menu phụ 4/2 </a></li>

    </ul>

  </li>

  </ul>

</li>

<li><a href=" địa chỉ trang "> Tên menu chính 5 </a></li>

</ul>

<br style="clear: left" />

</div></!doctype>

Bây giờ bạn chỉ việc thay đổi các dòng lệnh màu đỏ và màu xanh theo ý của bạn, cuối cùng bấm Lưu và trở lại blog bạn sẽ thấy blog của mình sẽ có một menu ngang xổ dọc xuống các menu con khá tiện dụng...
Chúc bạn thành công

More about →

KHUNG CHỨA CODE MÀU XANH

Trước đây tôi có đăng bài "Tạo khung chứa code trong bài đăng", nay xin giới thiệu đến các bạn khung chứa code có màu nền xanh. Đây là code của nó

<textarea name="code" rows="2" cols="42" style="background:#A9F5A9;  color:#295F00; border:2px #295F00 dashed; line-height:1.5em;  padding:5px;"> TYPE YOUR TEXT AREA IN HERE </textarea>

Các bước đều giống bài trên nhưng khác ở chỗ sau khi dán code xong, bạn gõ nội dung mà mình muốn hiển thị  thay vào dòng chữ TYPE YOUR TEXT AREA IN HERE ngay tại ô chỉnh sửa HTML luôn, không cần phải bấm vào thẻ VIẾT trên góc phải trang đăng bài.

Bạn có thể thay đổi kích thước khung ở mục "cods" và số dòng ở mục "row"

Chúc bạn vui

More about →

Đề thì đại học của bộ giáo dục...đỡ đi????

Theo tinh thần đổi mới quy chế thi ĐH, Bộ GD&ĐT đã ban hành “Bộ Đề thi Đại học mới (v2.0)” áp dụng cho tất cả các kỳ thi ĐH, tất cả các trường, các đối tượng dụ thi… bắt đầu áp dụng từ năm 20xx (x>5).
Đề thi tính theo thang điểm 100, thí sinh đạt 49 điểm trở lên thì đỗ !
Đổi mới Đặc biệt trong đề thi là : Đề thi có 1 câu hỏi Đặc biệt, thí sinh trả lời chính xác câu này thì không cần làm những câu khác vẫn được điểm tuyệt đối. Nếu trả lời sai thì xác định là về nhà chạy xe ôm đi nhé !

* CÂU HỎI ĐẶC BIỆT :
“Trong cuộc đời bạn, bạn đã đi tè tất cả bao nhiêu lần (tính từ lúc bạn mới sinh đến thời điểm bạn đang đọc đến câu hỏi này). Nêu rõ : thời điểm, vị trí, thời gian, thời tiết, thời lượng (lượng nước tiểu bạn thải ra tính theo ml) mỗi lần bạn đi tè ?”

Nếu trả lời đúng câu hỏi đặc biệt, thí sinh đạt điểm tuyệt đối, đỗ luôn, ko cần đọc phần dưới, chỉ cần nộp bài rồi về ngủ, chờ giấy báo nhập viện, quên, nhập học !
Nếu ko trả lời đc câu hỏi trên, bạn phải trả lời tất cả các câu hỏi sau:

I/ Môn Văn (40đ)

Quy định (mới) :

- Đề thi văn trắc nghiệm, tự sướng, logic.
- Thời gian làm bài 113 phút không kể thời gian quay bài, nhòm bài của thí sinh khác
- Phạm vi kiến thức: tự học là chính, khuyến khích kiến thức thu nhận được trên các 4.rum, game onlie, chát chit, goole.com, v.v… ngoài ra còn trong truyện tranh, phim ảnh, và đặc biệt là từ các “Truyền Nhân Chém Gió”…
- Thí sinh làm bài trên máy vi tính, chỉ được chọn câu trả lời 1 lần , sai câu nào trừ điểm câu đó (ko cho chọn lại)
- Máy tính thí sinh nào dính virus, máy cùi, mạng lag… không làm được bài thí sinh đó phải tự chịu.
- Chỉ được sử dụng chuột & bàm phím, ko được sử dụng tay cầm PS !
- Thí sinh vào phòng thi không được phép search tại google.com (mà search cũng ko có đâu, vô ích thôi)
- Nghiêm cấm các hành vi gian lận như Hack, Cheat, Code… dưới mọi hình thức.
- Trong khi làm bài, thí sinh ko đc Spam các thí sinh khác. Nếu vi phạm sẽ bị BAN hoặc DEL nik vĩnh viễn !

Chú ý :

- Câu hỏi trắc nghiệm: mỗi câu trả lời đúng được tính 1 điểm, trả lời sai trừ 2 điểm, ko trả lời ko bị trừ điểm! Điểm tuyệt đối của bài thi là 15đ.
- Thí sinh có thể dừng bài làm thi bất cứ lúc nào mình muốn.
- Thí sinh có 4 quyền trợ giúp : PM cho người thân, 40 - 60, Nhìn bài của bạn, Hỏi admin !

Đề thi (nguyên niêm phong nhé, check đi)

* CÂU HỎI TRẮC NGHIỆM (trả lời đúng mỗi câu : 1đ)

1. “Cuộc đời thật lắm éo le
Kute thì ít, ___ thì nhiều !”

Từ còn thiếu trong dấu 3 chấm là:
A. Cave
B. Cá xấu
C. Kuto
D. Khủng long

2. Trong truyện ngắn “Chí Phèo” của Nam Cao, Chí Phèo đi xe gì ?

A. Wave Tàu
B. SHi150 (2020)
C. Dylan điện
D. LX150

3. Nữ sĩ Hồ Xuân Hương có họ hàng như thế nào vs Hồ Quỳnh Hương ?

A. Hồ Xuân Hương là chị họ con ông chú em rể của ông nội Hồ Quỳnh Hương
B. Hồ Xuân Hương là em họ con ông bác anh rể của bà ngoại Hồ Quỳnh Hương
C. Chị em sinh ba (cùng với Hồ Ngọc Hà)
D. Chịu, ko biết.

4. Trong tiểu thuyết “Chị Dậu”, tác giả đã nhắc tới điện thoại của chị Dậu thuộc hãng nào ?

A. IPhone 3Gs 32GB
B. HTC HD2
C. Blackberry Bold 9000
D. Nokia 1110i

5. Thằng Gù nhà thờ Đức Bà thích chơi game thể loại gì ?

A. Game nhập vai, hành động: Asassin Creed II, Diablo III,…
B. Game đua xe: Need for Speed,…
C. Game bắn súng góc nhìn thứ nhất: Đột kích, CS1.6,…
D. Điện tử 4 nút

6. Trong truyện “Lục Vân Tiên”, Lục Vân Tiên đã hạ bọn cướp để cứu Kiều Nguyệt Nga ở chế độ chơi nào ?

A. Sinh tử - Ngã Tư Tử Thần
B. Đào tẩu - Phế Tích Cổ
C. Đấu dao - Đấu trường Sinh Tử
D. Đấu đội - Kim Tự Tháp

7. Qua truyện ngụ ngôn Rùa và Thỏ, chúng ta rút ra bài học gì ?

A. Ngu còn tỏ ra nguy hiểm !
B. Chém gió lở và Spam nhảm bị Del nik là phải !
C. Bình tĩnh tự tin ko cay cú, Âm thầm chịu đựng trả thù sau !
D. Kệ bọn nó, em ko quan tâm lắm !

8. Trong tiểu thuyết “Ông lão đánh cá vs Bà già đánh lô”, cái ngày ông lão đánh cá gặp con cá vàng thì đề về bao nhiêu ?

A. 88
B. 66
C. 00
D. 13

9. Nick Y!M của Lão Hạc là gì ?

A. traingheo_4x_thich_girlxinh (trai nghèo 4x thích girl xinh)
B. depzai_nhung_khongaiyeu1945 (đẹp zai nhưng ko ai yêu 1945)
C. 4xpro_sang_nouvo_chieu_SH (4x pro sáng nouvo chiều SH)
D. satthu_andudu_tapdu_4x (sát thủ ăn đu đủ tập đú 4x)

10. Hiệp sĩ Đôn Kihôtê (hay Đông-Ki-Sốt) trong tác phẩm của Miquel de Cervantes Saavedra đã đánh nhau vs ai ?

A. Triển Chiêu
B. Harry Potter
C. Chí Phèo
D. Songoku

11. Chú bé Lượm trong bài thơ “Lượm” của Tố Hữu làm nhiệm vụ liên lạc, vậy loại giày chú hay đeo có nhãn hiệu là gì ?

A. Lacoste
B. Thượng Đình
C. Converse
D. D&G

12. Trong tiểu thuyết “Romeo and Julliet” của W.Shakespeare, Romeo hơn Julliet bao nhiêu tuổi ?

A. 10
B. 20
C. 40
D. 60

13. Ai là tác giả của tiểu thuyết tình cảm, lãng mạn, hài, kinh dị nổi tiếng: “Tiếng chim cu trong bụi chuối” ?

A. Lê Công Vinh ft. Thủy Tiên
B. Cường Dollad ft. Hồ Ngọc hà
C. Đàm Vĩnh Hưng ft. Thím Hà
D. Em ko thích tiểu thuyết lắm nên bỏ qua câu này!

14. Trong truyện cổ tích “Alibaba vs 40 tên cướp”, password để mở cửa hang là gì ?

A. alibabalathangngunhattaobiet (Alibaba là thằng ngu nhất tao biết)
B. handoivodoi (hận đời vô đối)
C. ancuopvuilachinh (ăn cướp vui là chính)
D. taolaconcuabotao (tao là con của bố tao)

15. Trong truyện cổ tích “Nàng Bạch Tuyết vs 7 chú lùn”, Bạch Tuyết thích ăn món gì ?

A. Mỳ Hảo Hảo chua cay 2.5k/gói
B. Phở bò
C. Gà rán KFC
D. Lẩu hải sản

16. Câu hỏi thêm: Theo bạn có bao nhiêu thí sinh trượt môn văn này ?

A. Không ai trượt
B. Trượt hết
C. 99,99% trượt
D. 99,98% trượt

(chú ý: câu 16 là câu hỏi ko bắt buộc, thí sinh nào trả lời đúng ko được điểm, sai trừ 3 điểm, ko trả lời trừ 1 điểm !)

* CÂU HỎI TỰ SƯỚNG : (15đ)
Phân tích cách “soi lô” của nhân vật chính trong tác phẩm “Một con lô và hai số phận” để thấy vì sao nhân vật đó lại hay trượt lô đến vậy.

* CÂU HỎI LOGIC : (10đ)
Có bao nhiêu thí sinh nhìn bài của nhau và bạn đã nhìn bài của bao nhiêu người ?

* Nếu sử dụng quyền trợ giúp PM cho người thân thì soạn tin theo cú pháp:
KHOVAICHUONG_X_Y gửi số ĐT của người thân với X là câu hỏi, Y là các phương án.

II/ Môn Tổng hợp (toán, lý, hóa, sinh, sử, địa, GDCD,…) (60đ)

Quy định (mới) :

- Đề thi đại học các môn Tông hợp. Dạng đề trắc nghiệm, tự sướng, logic.
- Thời gian làm bài 290 phút không kể thời gian ăn, ngủ, nghỉ, ỉa và ngồi chơi của thí sinh.
- Thí sinh chỉ được ra khỏi phòng thi kể từ phút thứ 289 để tránh đề thi bị tuồn ra ngoài.
- Phạm vi kiến thức: mọi lĩnh vực như toán, lý, hóa, sinh, sử, địa, GDCD, chém gió, lô đề,…
- Thí sinh làm bài trên máy vi tính, chỉ được chọn câu trả lời 1 lần , sai câu nào trừ điểm câu đó (ko cho chọn lại)
- Máy tính thí sinh nào dính virus, máy cùi, mạng lag… không làm được bài thí sinh đó phải chịu.
- Chỉ được sử dụng chuột & bàm phím, ko được sử dụng tay cầm PS !
- Nghiêm cấm các hành vi gian lận như Hack, Cheat, Code… dưới mọi hình thức.
- Trong khi làm bài, thí sinh ko đc Spam các thí sinh khác. Nếu vi phạm sẽ bị BAN hoặc DEL nik vĩnh viễn !
- Thí sinh vào phòng thi được phép search tại google.com (mà search cũng ko có đâu, vô ích thôi), mang tất cả các loại “phao” cần thiết (chúng tôi ko ra đề giống trong bất kì loại “phao” nào cả, vô ích thôi)

Chú ý :

- Mỗi câu trả lời đúng được tính 1 điểm, trả lời sai trừ 2 điểm, ko trả lời ko bị trừ điểm! Điểm tuyệt đối của bài thi là 21đ.
- Thí sinh có thể dừng bài làm thi bất cứ lúc nào mình muốn.
- Thí sinh có 4 quyền trợ giúp : PM cho người thân, 40 - 60, Nhìn bài của bạn, Hỏi admin.
- Để tránh nhàm chán trong giờ thi, phong thi lắp mạng cáp quang đường truyền tốc độ cực cao để mỗi thí sinh được phép chát chit, post bài cho 4rum, game online, cờ bạc online, bắn CF, AOE, v.v… nếu ko làm đc bài mà chưa đc ra khỏi phòng thi !
- Thí sinh vào phòng thi không được phép mang tài liệu nhưng được phép mang theo ví tiền để bắn CF, AOE,… ăn tiền. Cả phòng thi được phát thêm 4 thí sinh/1 bộ bài để thí sinh giải trí khi mang lag, ko chơi đc !

Đề thi (nguyên niêm phong nhé, check đi)

* CÂU HỎI TRẮC NGHIỆM (trả lời đúng mỗi câu : 1đ)

1. Tính nhanh : 1 + 0 = ?

A. 0
B. 1
C. 2
D. 3

2. Tìm x biết : x + 1 = 2

A. x = 1
B. x = 10
C. x = 100
D. x = 1000

2. Một xe ôtô xuất phát từ Hà Nội lúc đầu trên xe có 30 Người, đến bến thứ nhất có 6 người lên, bến thứ 2 có 7 người xuống, bến thứ 3 phát hiện 8 người chưa mua vé, bến thứ 4 có 9 người say xe,…. Hỏi biển số xe là bao nhiêu ?

A. 30H - 6789
B. 30N - 1234
C. 30K - 8888
D. 30L - 9999

3. Au là viết tắt của nguyên tố nào ?

A. Audition
B. Automatic
C. Vàng
D. ***

4. Nhà văn nổi tiếng nào đã từng nói một câu bất hủ: “Ko có những người phụ nữ xấu, chỉ có những người phụ nữ Lếu Vãi Sầu !” ?

A. Nguyễn Ngọc Ngạn
B. Pằng A Chíu
C. Đàm Vĩnh Cửu
D. Nam Versace

5. Gà có trước hay trứng gà có trước ?

A. Gà
B. Trứng gà
C. Thịt gà ngon hơn
D. Trứng opla


6. Tại Hội nghị Diên Hồng, khi Tướng quân cất tiếng hỏi: “Có đánh không?” Các Bô lão đồng thanh hô: “Đánh Đánh”. “Đánh” ở đây là đánh cái gì ?

A. Đánh lô, đề
B. Đánh vợ
C. Đánh phỏm, tiến lên
D. Đánh cầu lông, bi-a

7. Osama Binladen hâm mộ đội bóng nào sau đây ?

A. Hòa Phát Hà Nội
B. Manchester United
C. Đông Timor
D. Osama Binladen thích bóng chuyền bãi biển hơn !

8. “Hút thuốc bổ ___, uống rượu bổ ___, uýnh công an tăng cường sức khỏe !”
Cặp từ còn thiếu là :

A. Trym - Ku
B. Phổi - Gan
C. Thận - Trym
D. Ku - Não

9. Cân bằng phương trình hóa học sau : VAI + KA + DAI = ???

A. VAI HA
B. VAI CHUONG
C. VKĐ
D. VAI LUA

10. Nhân vật AQ trong “AQ chính truyện” của Lỗ Tấn đã từng tham gia gameshow nào trên truyền hình ?

A. Cùng nông dân bàn cách làm giàu
B. Người phụ nữ thế kỉ 21
C. Vietnam Idol 2010
D. Hát vs chú ve con

11. Một người đi dép tổ ong đi bộ với vận tốc v1 = 2km/h gặp một thằng phóng SH với vận tốc v2 = 9,2km/h. Hỏi ai đi nhanh hơn ?

A. Người đi bộ
B. Thằng phóng SH
C. Cả 2 đứa bị dở hơi, vừa đi vừa ngủ gật ah !
D. Em thích SH hơn !

12. Trong cuộc chiến của Mỹ tại Iraq, không phải người dân Iraq nào cũng ghét người Mỹ vì người Iraq có câu tục ngữ “Làm cho người Mỹ 10 còn hơn làm cho người Iraq 1”. Vậy, người Iraq muốn làm cái gì nhiều cho người Mỹ ?

A. Bánh bao
B. Quan tài
C. Bom nguyên tử
D. Làm Oshin hả

13. Dịch câu sau :“ ﻸﻸﻮﻼĔ₴ĘĚĂķĭæØä%ﻮĞžﻵﻮ˜

A. Gái gú là phù du, thầy u là vĩnh cửu !
B. Thà ngu vì thiếu i-ốt còn hơn là thừa i-ốt mà vẫn ngu !
C. Thằng nào dịch được câu này thì thằng đó ... biết chữ !
D. Chịu thôi, dịch được chết liền !

14. Vì sao Xuân Tóc đỏ trong tác phẩm “Số đỏ” của Vũ Trọng Phụng lại nhuộm tóc đỏ ?

A. Vì thích màu đỏ (như màu áo Mu), thế thôi.
B. Đú giống mấy thằng ca sĩ Hàn Quốc (hát như shit ấy)
C. Màu này đang hot hả.
D. Chắc nó bị mù màu, định nhuộm xanh nhưng nhầm sang màu đỏ.

15. Trong trận trung kết Champion Leguage 2008 (C1) giữa MU - Chelsea, tỉ lệ đặt cược cửa trên cho MU là như thế nào ?

A. 1 : ½
B. 1 : 1
C. ½ : 1
D. MU vô địch năm đó nên ko quan tâm !

16. Trong phim “Cô gái cá xấu”, vì sao Huyền Diệu lại được gọi là Lacoste ?

A. Đơn giản thôi , vì quá là cá xấu mà !
B. Vì Huyền Diệu ko xinh đẹp (!)
C. Vì xấu xí lại thích gây chú ý
D. Xấu vãi ra.

17. Nghệ thuật “đá gái” có bao nhiêu kế ?

A. Em chưa có bạn gái nên ko biết !
B. 11
C. 10
D. 9

18. Trong tiểu thuyết “Tắt đèn”, khi bọn lính lệ lao vào định bắt chồng chị Dậu, chị Dậu đã hô câu gì khiến cho bọn lính lệ phải khiếp sợ ?

A. “Headshot !”
B. “Fire in the hole !”
C. “Enemy down”
D. “Gogogogo”

19. Cựu tổng thống Mỹ G.Bush có bằng cấp như thế nào ?

A. Tốt nghiệp Mẫu giáo lớn, Chém gió trình Lởm, Móc lốp trình Gà….
B. Chưa đi học bao giờ, mù chữ nặng !
C. Tốt nghiệp trung cấp nấu ăn với món sở trường là “Trứng luộc Thần chưởng”
D. Giáo sư lô đề học, Tiến sĩ cưa gái, Chuyên gia sợ vợ,…

20. BKAV là cái thể loại gì ?

A. Hội chứng suy giảm miễn dịch mắc phải ở hệ điều hành máy tính
B. Bốc kứt ăn vã !
C. Bọn không “ấy” vợ !
D. Một loại virus cực kì nguy hiểm trên lợn.

21. Trong “NGHỆ THUẬT NGOÁY MŨI” có đoạn viết “Kiểu 15: ngoáy thịt băm viên: ngoáy xong vo lại thành cục rồi tuỳ xem có hấp dẫn ko thì 1 là ăn 2 là cho đứa khác ăn !”
Vậy, Kiểu 15 trong “NGHỆ THUẬT NGOÁY MŨI” có tên gọi là gì ?

A. Kiểu : Ngoáy đú
B. Kiểu : Ngoáy teen
C. Kiểu : Ngoáy thịt băm viên
D. Kiểu : Ngoáy tự nhiên

* CÂU HỎI TỰ SƯỚNG : (29đ)
Phân tích nghệ thuật “chém gió” của nhân vật Chí Phèo trong tác phẩm “Chí Phèo” của nhà văn Nam Cao để thấy được tài năng của anh khi kưa đổ được Thị Nở !

* CÂU HỎI LOGIC : (10đ)
1. Ngựa vằn có bao nhiêu vằn đen, bao nhiêu vằn trắng (cho con số cụ thể) ? (5đ)
2. Vận dụng kiến thức “Bí kíp Lô Đề học”, hãy “soi” và dự đoán xem, hôm nay đề về bao nhiêu ? (5đ)

HẾT !?!

CHÚ Ý : ADMIN coi thi không giải thích gì thêm, thí sinh nào có ý kiến cứ thẳng tay BAN nik hoặc DEL nik tùy vào độ Ngu của câu hỏi !

NHẮC NHỞ CHUNG CỦA BỘ GD&ĐT :

- Các em cứ bình tĩnh, tự tin mà làm bài, ko việc gì phải xoắn cả. Chúng tôi đã tính thời gian chuẩn để các em ko thể kịp hỏi bài của nhau ! (-> chịu, ko đỡ đc)
- Trong khi làm bài, câu nào quá khó các em có thể bỏ qua, chờ các bạn xung quanh làm xong hãy nhìn để… chép tiếp !
- Thí sinh nào “cá xấu” thì vào phòng thi nên đeo khẩu trang kẻo gây ra làn sóng phẫn nộ của các thí sinh nam cùng phòng, bị ăn chửi, ném dép,… thì Bộ ko chịu trách nhiệm !
- Để kỳ thi thêm hấp dẫn, bắt đầu từ năm 20xy (y=x-1), Bộ GD&ĐT tổ chức thêm cuộc thi bình chọn “Thí sinh Dự thi Xuất sắc nhất” bằng cách soạn tin theo cú pháp:
THISINH_X_Y gửi đến tổng đài 113
Trong đó: THISINH : mã chương trình
X : là tên thí sinh
Y : số người dự đoán như bạn
Phần thưởng : 1 ĐT Nokia 1110i, 1 SH Tàu và 1 chuyến du lịch 2 ngày 3 đêm cho 4 người đến… America Đình Arena !

Theo rap.vn

More about →