Home » All posts

Xóa hoàn toàn thanh Navbar

Người đăng: Unknown on Thứ Bảy, 14 tháng 5, 2011

Thủ thuật ẩn thanh Navbar là 1 trong những thủ thuật
cơ bản mà bất cứ ai muốn blog của mình pro hơn đều biết. Và thủ thuật
này mình cũng đã giới thiệu với các bạn từ rất lâu rồi. Hôm nay mình
tình cờ tìm được 1 thủ thuật khác để làm ẩn thanh Navbar này đi.

remove Navbar - mothuthuat.com

Thủ thuật lần trước (có thể xem thêm ở đây) là ẩn thanh navbar. Đúng với tên gọi của thủ thuật, thanh Navbar vẫn tồn tại ở trên blog của bạn, nhưng nó chỉ bị ẩn đi, tức là blog vẫn load thanh Navbar,và các công dụng của nó vẫn còn trên blog. Còn ở thủ thuật lần này ta sẽ xóa hẳn thanh Navbar.

* Sau đây là các bước thực hiện :

1. Vào bố cục

2. Vào chỉnh sửa code HTML

3. Tìm đến dòng code <body> và chèn vào trước nó đọan code bên dưới :

<script type='text/javascript'>

<![CDATA[

<!--

/*<body>*/

-->

]]>

</script>

4. Sau khi chọn save template, ngay lập tức 1 bảng thông báo sẽ hiển lên như bên dưới

Navbar - mothuthuat.com

và các bạn chọn Delete Wigets để xóa nó đi.

5. Và như vậy thanh Navbar đã bị xóa hòan tòan khỏi blog của bạn.

- Trước kia, khi ẩn thanh Navbar thì các công cụ chỉnh sửa của blog như : Chỉnh sửa bài viết pencil edit post - mothuthuat.com, chỉnh sửa widget edit widget - mothuthuat.com
vẫn sẽ hiển thị khi bạn đăng nhập quyền Admin của blog, nhưng ở thủ
thuật này thì nó sẽ không còn xuất hiện nữa. Chính vì vậy khi bạn muốn
chỉnh sửa bài viết hay widget thì bạn phải thực hiện trong trang Admin
của bạn.

- Nếu như bạn không thích điều này, và muốn chỉ ẩn thanh Navbar
còn các công cụ chỉnh sửa vẫn sử dụng được thì bạn chỉ việc khôi phục
lại thanh Navbar, để làm điều này bạn chỉ việc làm ngược lại bước 3, tức
là xóa code mà đã thêm ở bước 3.

Tham khảo từ Blogger Plugins
More about →
vào lúc 02:16 { Add nhận xét }
Nhãn: ,

Nguyên tắc thiết kế web

Người đăng: Unknown on Thứ Năm, 12 tháng 5, 2011


Mục lục:
1)Thiết kế Website như thế nào cho hiệu quả
2. Một số cấu trúc website mẫu
3) 6 LUẬT CƠ BẢN VỀ DESIGN
4) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB
5) 15 ĐIỀU NÊN TRÁNH KHI THIẾT KẾ WEB
6) THIẾT KẾ WEBSITE DƯỚI GÓC NHÌN CỦA David Bell
7) 10 LỜI KHUYÊN CỦA Lisa Irby CHO THIẾT KẾ WEBSITE
TẠO MỘT NAVIGATION TIÊU CHUẨN – Max Cabba
9) BỐ CỤC VÀ HÌNH ẢNH MINH HỌA THU HÚT NHIỀU BẠN ĐỌC NHẤT
10) 15 xu hướng tạo hình trong thiết kế logo
11) Qui ước “ngầm” trong thiết kế web
12) CHÌA KHOÁ ĐỂ THIẾT KẾ WEBSITE HIỆU QUẢ
13) PORTAL LÀ GÌ?
14) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB
15) Quy trình thiết kế và phát triển website
16) ÁNH SÁNG CƠ BẢN: PHẦN 1
17) ÁNH SÁNG: HƯỚNG CỦA ÁNH SÁNG: PHẦN 2
18) ÁNH SÁNG: PHẦN 3: ÁNH SÁNG TỰ NHIÊN
19) PHẦN 4: ÁNH SÁNG NHÂN TẠO VÀ ÁNH SÁNG TRONG NHÀ
20) Ánh sáng nâng cao: Radiosity:Phần 1
21) Ánh sáng nâng cao: Phần 2
22) Ánh sáng nâng cao: Light Tracer: Phần 3
23) Quy luật kiểu dáng
24) Xây dựng website và những lưu ý khi chuẩn bị làm web
25) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 1)
26) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 2)
27) 10 thủ thuật bổ trợ thiết kế website
28) Thiết kế Brochure thế nào để đạt hiệu quả cao?
29) 5 nguyên tắc chính khi thiết kế logo
30) Nguyên tắc thiêt kế website
31) 24 Điều cần biết khi thiết kế một trang Web
32) Điều hướng truy cập Website thành công
33) Làm thế nào tạo được tương tác thiết kế web
34) 10 thủ thuật hoạch định một website thành công (Phần I)
35) 10 thủ thuật hoạch định một website thành công (Phần II)
36) Làm thế nào để tạo được những website tiện ích
37) 5 lý do lớn nhất làm hỏng thiết kế website
38) Làm thế nào để tạo một Website: Bản phác thảo cho những mục tiêu của bạn
39) Viết phần mềm trong 15 phút
40) Tăng tốc độ hiển thị Web
41) Những lỗi thường gặp trong thiết kế website
42) Thiết kế website tốt
43) SEO và thiết kế Web
44) Những thủ thuật thiết kế chung
45) 5 điều cần xem xét khi thiết kế website
46) Các phương pháp thể hiện của logo
47) Giúp bạn thực hiện đồ hoạ trên các trang web
48) Một vài thủ thuật giúp trang web của bạn tải nhanh hơn
49) Điều gì khiến website thành công?
50) Tiêu chuẩn để trở thành nhà thiết kế giỏi là gì ?
51) 3 chiến lược hàng đầu để bạn có một trang web vượt trội
52) Nhà thiết kế web giỏi và một nhà phát triển website nên biết!
53) Wix – thuật riêng trong thiết kế web
54) Làm thế nào để thiết kế lại trang web của bạn
55) Qui ước trong thiết kế web
56) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB
57) Làm thế nào để tăng khả năng truy cập cho website của bạn?
58) Làm thế nào để tăng khả năng truy cập cho website của bạn?
59) Trang web của bạn có cần thiết kế lại không?
60) Các bước đơn giản khi thiết kế web
61) 12 thủ thuật thiết kế cho website thương mại nhỏ
62) Thiết kế web vì lợi nhuận đầu tư
63) Những chỉ dẫn quan trọng về điều hướng website

Link : http://www.mediafire.com/?v94daq5oi5apemm
PASSWORD (nếu có): www.viet-ebook.co.cc
More about →
vào lúc 09:59 { Add nhận xét }
Nhãn:

TIỆN ÍCH BÀI VIẾT VỚI HIỆU ỨNG RƠI TỪ TRÊN XUỐNG

Người đăng: Unknown on Thứ Tư, 11 tháng 5, 2011

Để gắn tiện ích bài viết mới có kèm ảnh với hiệu ứng "rơi" từ trên xuống, các bạn cần làm các bước sau:
Đầu tiên, bạn đăng nhập Blog > chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript, sau đó dán tất cả các code này vào







<style type="text/css">

#spylist {
overflow:hidden;
margin-top:5px;
height:450px; /* độ cao của tiện ích*/
}
#spylist ul{
overflow:hidden;
list-style-type: none;
padding: 0px;

}
#spylist li {
border:1px dotted #0000ff;
width:208px; /* độ rộng của tiện ích*/
margin:0px 0px 5px 0px;
padding:2px 1px 2px 2px;
list-style-type:none;
float:none;
height:60px; /* độ cao của mỗi tiêu đề bài viết*/
overflow: hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFFYM9qhGl0ZDw6mvcgQyJOqxy4Y9Heurws3spFZ0DJahgZISq4pjB5b0KPMVIjf6cdsbwu8DnT1OZZZhM8cvvA7pWatCpg2PRCgSdqvxm4KyV2xQYDSr8W7sREkZ26OgvwIHR7_vnjQEd/); /* màu nền của tiện ích*/
}

#spylist li a {
text-decoration:none;
color:#0066cc;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li a:hover{
text-decoration:underline;
color:#ff0000;
}
#spylist li img {
float:left;
margin-right:5px;
border:1px;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#ff0066;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

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

imgr = new Array();

imgr[0] = "http://img138.imageshack.us/img138/7159/noimage.jpg";

limitspy = 6; //số bài trình diễn
intervalspy = 4000; //tốc độ chuyển đổi bài viết
showRandomImg = true;

boxwidth = 255;
cellspacing = 0;
borderColor = "#000000";
bgTD = "#fff";
thumbwidth = 60; //độ rộng ảnh thumb
thumbheight = 60; //độ cao ảnh thumb
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "no"; //nếu muốn hiển thị số comment thì bạn thay "no" thành "comments"
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10; //kích thước của text
summaryColor = "";
icon2 = " ";
numposts = 10; //số bài viết hiển thị
label = "Advanced blogger"; //nhãn bài viết (nếu hiển thị theo bài viết thì không cần quan tâm)
home_page = "http://www.dungheineken.blogspot.com/"; //địa chỉ blog của bạn
</script>
<div id="spylist"><script src="http://dl.dropbox.com/u/66348944/recent_post_spy.js" type="text/javascript"></script></div>

Sau đó, bạn thay đổi địa chỉ Blog của bạn và bạn có thể thay đổi các tùy chỉnh như trên code đã chú thích để chọn cho mình một tiện ích đẹp nhất nha. Cuối cùng bấm lưu lại và quay trở lại Blog xem kết quả. 
Ở code trên thì thủ thuật này sẽ hiển thị tất cả các bài ở Web/Blog, nếu muốn thủ thuật chỉ hiển thị ở một nhãn nhất định, bạn thay thế dòng code cuối cùng (màu đỏ) thành đoạn code như sau:
  
https://dl.dropbox.com/u/66348944/recent_label_spy.js


Với mã code ở trên thì chúng ta sẽ có tiện ích giống như thế này:




Xem thử




More about →
vào lúc 04:02 { Add nhận xét }
Nhãn: ,

GẮN HÌNH LÊN DESKTOP

Người đăng: Unknown

Không có gì tuyệt vời hơn khi chúng ta được nhìn thấy hình ảnh của mình được gắn trên Desktop với những hiệu ứng lạ mắt tuyệt đẹp.
Và PhotoJoy sẽ thay bạn làm điều này với các bước rất đơn giản dễ dàng. Đây là một ứng dụng hoàn toàn miễn phí, sử dụng bộ sưu tập ảnh riêng của bạn để tạo ra các hiệu ứng như: Desktop Wallpaper, ScreenSaver và Desktop Widgets...
Đầu tiên bạn download Photojoy TẠI ĐÂY. (Yêu cầu máy tính có CPU tốc độ 2.0GHZ trở lên, Ram tối thiểu 512MB, card đồ hoạ rời tối thiểu 64MB, hệ điều hành Win XP và Vista).
File này chỉ có 621KB nên trong quá trình cài đặt bạn phải kết nối với Internet, tuy nhiên việc xử lý và download dữ liệu rất nhanh (chưa đến 3phút). Khi hoàn tất cửa sổ Welcome to PhotoJoy xuất hiện, bạn hãy nhấn Next để có thể đưa bộ sưu tập ảnh và chương trình ngay từ bước khởi đầu này. Tiếp theo bạn chọn thư mục lưu trữ ảnh và bấm Next, chọn một đặc điểm để khởi động PhotoJoy.
Trên giao diện chính của PhotoJoy có các thẻ sau:
- Collages: Nghệ thuật sắp xếp ảnh trên Desktop kết hợp với một Wallpaper tuyệt đẹp, có rất nhiều lựa chọn được liệt kê ở phía tay trái với các chủ đề: Abstract, Beach, Cats, Nature, Puppies, Wooden... Mỗi chủ đề sẽ tương ứng với nhiều Wallpaper khác nhau, thích Wallpaper nào bạn chỉ việc nhấp chuột lên nó và nhấn Download, chờ giây lát rồi nhấn Set as Wallpaper và xem kết quả thu được trên Desktop của bạn.


- PhotoToys: Đây là SlideShow ảnh được trình diễn với các hiệu ứng lạ mắt, tại đây cung cấp cho bạn 5 hiệu ứng: Cubic Rotation (khối xoay), Magazne (lật trang), Mobile (treo), Photo Shuffles (đổi vị trí), Photo Tides (dạng cuốn sóng), thích hiệu ứng nào thì bạn chỉ cần nhấp chuột vào hiệu ứng đó để download, sau khi download xong nhấn Add Phototoy to Desktop (bạn có thể add nhiều Phototoy tùy ý).


- ScreenSaver: Trình diễn ảnh bảo vệ màn hình, chức năng này thay thế cho ScreenSaver mặc định của Windows. Bạn sẽ thấy 2 mục là Photo ScreenSaver và ScreenSaver ở phía tay trái. Photo ScreenSaver dùng để tạo ScreenSaver từ hình ảnh của bạn trong máy tính, còn ScreenSaver dùng để tạo ScreenSaver từ bộ sưu tập có sẳn do chương trình cung cấp như Animated Desktop, Aquariums, Butterfiles, Clocks, Ocean... Tương tự như trên, bạn thích cái nào cứ việc nhấp chuột vào để download sau đó nhấn Set as ScreenSaver và định thời gian biểu diễn. Bạn có thể xem trước bằng cách nhấn thẻ Preview.
- Photo Library: Hiển thị thư viện ảnh bao gồm bộ sưu tập từ máy tính, từ Web và từ chương trình cung cấp.
Đây là hình ảnh Desktop của tôi khi cài đặt chương trình Photojoy, cứ 5 phút sẽ đổi Wallpaper 1 lần (thời gian này do tôi định trước trong phần Options)


Còn đây là đoạn video clip giới thiệu, mời bạn xem:


More about →
vào lúc 00:47 { Add nhận xét }
Nhãn:

TẢI WEBSITE VỀ XEM OFFLINE

Người đăng: Unknown on Thứ Ba, 10 tháng 5, 2011

Nếu bạn muốn tải Website về xem offline, bạn có thể áp dụng các bước sau, (bài viết này áp dụng tải bằng IDM)
Mở trang Web cần tải (nhớ để nó load trang hết) sau đó bấm phải chuột chọn Download with IDM, lập tức phần mềm IDM sẽ tải về trang Web mà bạn vừa xem. Để tải toàn bộ trang Web, bạn cũng nhấn phải chuột và chọn Download all links with IDM.


Một bảng hiện thị các danh sách trên trang Web, bạn đánh dấu trang cần tải hoặc nếu muốn tải toàn bộ thì đánh dấu vào nút Check All, sau đó đánh dấu chọn vào dòng All files to one directory để chọn đường dẫn lưu vào máy, nhấn Ok.


Một bảng nhỏ hiện ra bạn đánh dấu vào dòng Start queue processing và nhấn Ok là xong.


More about →
vào lúc 19:44 { Add nhận xét }
Nhãn:

TẠO 4 BANNER QUẢNG CÁO 125X125 TRONG MỘT TIỆN ÍCH HTML/JAVACRIPT

Người đăng: Unknown on Chủ Nhật, 8 tháng 5, 2011

Các bạn thường thấy trên các trang Web/Blog họ hay đặt các khung banner quảng cáo nhỏ vào trong một tiện ích HTML/Javacript để tiết kiệm không gian cho Web/Blog.
Bạn cũng có thể làm được như vậy với các bước 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 tất cả các code này vào:



Sau đó, bạn thay link liên kết ở dòng lệnh màu đỏ, link ảnh ở dòng lệnh màu xanh hoặc kích thước mình muốn ở height và Width:
<td><center><a href=" http://dunghennessy.blogspot.com " rel="nofollow" target="_blank"><img alt=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jt9PTNKuJDhIzE33JmEhxehyBpl8ZENSD3znZlB1OhTcZS_J6SkBGqyBRbS1nqbBG6dUP5sxRC0sk_upcq4KnwYn7xL40XhpMc_BwE8AStPoZRSGkyFe8wQPAZvTnzjzS4M6pv7TFxE/" border="0" height="125" width="125".
Sau đó bấm Lưu là xong, bây giờ bạn trở vào Blog sẽ thấy 4 banner hiển thị trên Blog của bạn.
Nếu muốn thêm nhiều banner nữa, bạn copy code này vào
 


Và dán phía trên dòng lệnh: </tbody></table></div>
Chúc các bạn thành công
More about →
vào lúc 16:24 { Add nhận xét }
Nhãn: ,

LINK TEXT THAY ĐỔI MÀU LIÊN TỤC KHI RÊ CHUỘT VÀO LINK

Người đăng: Unknown on Thứ Bảy, 7 tháng 5, 2011

Để cho Blog mình thêm đẹp bạn có nhiều cách tạo hiệu ứng cho nó, trong giới hạn bài viết này, tôi sẽ giới thiệu đến các bạn đổi hình trỏ chuột kết hợp link text sẽ thay đổi màu liên tục khi rê chuột đến link.
Đầ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 tất cả các code này vào



Và cuối cùng bấm Lưu lại là xong.
Nếu bạn không thích hình con chuột ở trên, bạn có thể thay đổi hình trỏ chuột khác bằng cách thay đổi dòng lệnh này:
http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif bằng link hình con trỏ chuột trên TRANG NÀY.
Bây giờ bạn trở lại vào blog để "hưởng thụ" thành quả nha
Chúc vui

More about →
vào lúc 16:54 { Add nhận xét }
Nhãn: ,