Đọc thêm »
Home » Archives for tháng 12 2013
Tạo phong cách hoạt hình jquery Tabs Widget cho Blogger
Người đăng: buonkhongem on Chủ Nhật, 29 tháng 12, 2013
Vật dụng tab luôn luôn giúp đỡ để tiết kiệm khong gian cho website . Hướng dẫn này giải thích làm thế nào để thêm phụ tùng tab juery độc đáo cho blogger. Tôi sử dụng css và jQuery để thực hiện widget này. Tab này làm việc với tất cả các phụ tùng web hiện đại. However của nó không làm việc với trình duyệt IE. Bạn có thể hãy xem trong trang demo để có được ý tưởng như thế nào nó hoạt động.
Đọc thêm »
Tạo quảng cáo trượt dọc 2 bên blog (ẩn hiển theo độ phân giải của màn hình)
Người đăng: buonkhongem on Thứ Bảy, 28 tháng 12, 2013

(lưu ý : nếu bạn không thấy banner quảng cáo thì zoom nhỏ lại (Ctrl -) banner sẽ hiển thị, nếu muốn test không hiển thị thì zoom lớn lên (Ctrl +))
Đọc thêm »
Nhãn:
Thủ thuật chèn quảng cáo
Chèn box nhỏ hiển thị các bài liên quan vào ngay trên đầu bài viết
Người đăng: buonkhongem

Thủ thuật này chỉ hiện thị tốt nhất cho các bài viết có 1 nhãn , nếu 1 bài viết có nhiều nhãn thì các bài hiển thị trong box này cũng sẽ tăng theo. Ví dụ ta thiết lập cho 1 nhãn hiển thị trong box là 4 bài, thì với 2 nhãn ta sẽ có 8 bài.
Đọc thêm »
Tìm hiểu về thẻ META trong HTML
Người đăng: buonkhongem

Thẻ Meta có có cấu trúc như sau:
Chỉ hiển thị tiện ích với quản trị blog
Người đăng: buonkhongem
Hình ảnh minh họa :
Đọc thêm »
Tạo bóng đổ cho ảnh hoặc các khối nội dung
Người đăng: buonkhongem

Ví dụ ở đây mình sẽ dùng 3 class để tạo bóng. Class đầu tiên sẽ là màu nền chính, các class tiếp theo sẽ có màu nền nhạt dần vào lệch với class đầu tiên.
Ví dụ ta có đoạn code CSS và HTML sau :
Đọc thêm »
Hướng dẫn tạo thumbnail cho ảnh với CSS
Người đăng: buonkhongem
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 ảnhthumbnail đượ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.
Đọc thêm »
Thêm chức năng Reactions cho bài viết trên blogspot
Người đăng: buonkhongem
Chức năng reactions của blogger cung cấp giúp cho đọc giả thể hiện phản ứng của mình khi xem 1 bài viết nào đó. Chức năng này đã được tích hợp sẵn trong widget "bài đăng trên blog" (Blog1). Nhưng nó thường ở chế độ ẩn (disable), nếu bạn muốn sử dụng nó cho các bài viết của mình thì các bạn phảienable nó lên.
Bài hướng dẫn này cũng rất cơ bản, và có cũng có nhiều blog đã đăng rồi.
Để Enable tính năng reaction các bạn thực hiện các bước như bên dưới:
1. Vào phần thiết kế -> nhấp chọn vào phần chỉnh sửa widget của tiện ích "Bài đăng trên blog"
2. Và click chọn để enable như hình bên dưới :
- Các bạn có thêm nhiều phản ứng (reaction) để người khác vote bằng cách nhấp vào dòng chữ chỉnh sửa của tính năng Reactions. Sau đó thêm vào, lưu ý là các phản ứng cách nhau bằng dấu phẩy.
3. Save chỉnh sửa lại.
Sau khi save lại và mở bài viết ra để xem thành quả. Và 1 số có lẽ sẽ thất vọng khi nó không hiển thị, các bạn không phải lo lắng. Nó không hiển thị là do template của bạn đã được mod lại (chỉnh sửa). Đa số là code của phần reactions đã bị xóa đi. Để hiển thị nó ta chỉ việc thêm lại phần code của nó là xong.
Sau đây là các bước add lại code của nó:
1. Vào phần thiết kế -> chỉnh sửa HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Tìm đến dòng code này:
More about →
Bài hướng dẫn này cũng rất cơ bản, và có cũng có nhiều blog đã đăng rồi.
Hình ảnh minh họa :
Để Enable tính năng reaction các bạn thực hiện các bước như bên dưới:
1. Vào phần thiết kế -> nhấp chọn vào phần chỉnh sửa widget của tiện ích "Bài đăng trên blog"
2. Và click chọn để enable như hình bên dưới :
- Các bạn có thêm nhiều phản ứng (reaction) để người khác vote bằng cách nhấp vào dòng chữ chỉnh sửa của tính năng Reactions. Sau đó thêm vào, lưu ý là các phản ứng cách nhau bằng dấu phẩy.
3. Save chỉnh sửa lại.
Sau khi save lại và mở bài viết ra để xem thành quả. Và 1 số có lẽ sẽ thất vọng khi nó không hiển thị, các bạn không phải lo lắng. Nó không hiển thị là do template của bạn đã được mod lại (chỉnh sửa). Đa số là code của phần reactions đã bị xóa đi. Để hiển thị nó ta chỉ việc thêm lại phần code của nó là xong.
Sau đây là các bước add lại code của nó:
1. Vào phần thiết kế -> chỉnh sửa HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Tìm đến dòng code này:
<div class='post-footer-line post-footer-line-3'>
- nếu blog bạn không có dòng này, cũng không sao, bạn có thể tìm đến dòng này :<data:post.body/>
3. Sau khi tìm được dòng code ở bước 2, các bạn add code của tính năng reactions vào ngay sau dòng code vừa tìm được. Bên dưới là code của nó:<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
4. Save template lại. và mở lại xem bài viết để thấy kết quả.<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
Theo: Fandung
Nhãn:
1.Thủ thuật Blogspot
Hướng dẫn chèn link Google Search vào footer của bài viết
Người đăng: buonkhongem
Ở thủ thuật này, theo như yêu cầu, mình sẽ tạo 1 link text nhỏ ở dưới mỗi bài viết. Khi click vào link này thì lập tức sẽ mở ra 1 cửa sổ mới của trang Google với nội dung tìm kiếm chính là tiêu đề bài viết mà bạn đang xem. Như yêu cầu thì tiện ích sẽ thay thế cho việc copy tiêu đề bài viết và dán vào google để tìm kiếm. Thủ thuật này cũng là 1 cách để cho các bạn có thể kiểm tra xem bài biết của bạn đứng thứ bao nhiêu trong kết quả tìm kiếm của google (với từ khóa chính là tiêu đề bài viết).
Đọc thêm »
Bảo mật data blogger
Người đăng: buonkhongem
Vấn đề này tuy cũ và nhiều người biết nhưng lại không thấy ai nhắc đến khiến một số bạn mới tham gia Blogger nản lòng khi bị người khác Rip mất data, mất đi công sức bao lâu. Nay mình xin hướng dẫn cho các bạn chưa biết để bảo vệ data của chính mình.
Vậy là xong từ bây giờ khi post bài nếu ở chế độ HTML chỉ cần thêm <!--more--> vào giữa bài viết hoặc trên cùng nội dung bài viết.
Còn nếu post ở chế độ WYSIWYG thì bạn có thể sử dụng ngay nút redmore của blogger để ngăn cách
Ngoài ra để tùy chình nút Đọc thêm » khi view rss bạn hãy vào Thiết kế ->Phần tử Trang -> Bài đăng trên Blog -> Chọn Chỉnh sửa và thay bằng nội dung muốn hiện thị.
Ví dụ: Click vào đây để xem tiếp... hoặc Click vào đây để xem bộ phim này... v.v...
Bây giờ RSS blog của bạn đã hiện thị 1 cách đẹp và chuyên nghiệp hơn, không còn lo sợ người khác Rip data nữa rồi.
Theo: fandung.
Tạo các Tab nội dung trên cùng một Widget
Người đăng: buonkhongem on Thứ Năm, 26 tháng 12, 2013
Đây là một Tab đa tập lệnh cho phép bạn tổ chức thường xuyên nội dung blog (WEB) vào một thẻ giao diện, với nội dung mong muốn xuất hiện khi nhấn vào tab đó, với việc này bạn có thể tiết kiệm không gian của blog(web) của bạn. Code sử dụng CSS và Javascript, và code còn hỗ trợ tính năng thẻ tab được chọn mặc định, tự động chuyển sang thẻ khác với thời gian được chọn sẵn.
Ở đây mình giới thiệu 3 lọai tab:
A. Loại 1:
Hình minh họa:

Đọc thêm »
Nhãn:
Blogspot Menu
Tạo Menu ngang với hiệu ứng xổ menu con theo hàng ngang
Người đăng: buonkhongem
Bài viết hôm nay mình xin được giới thiệu một style khác trong menu dạng phân cấp. Đó là menu sổ 1 hàng ngang, kèm theo hiệu ứng đóng mở menu con khi click chuột.
Xem hình minh họa:

Như các menu khác, menu này cũng gồm 3 phần : Code Java, code CSS, vàcode HTML
Trước tiên bạn download gói hình ảnh này về : FD-img.rar rồi up lên host lấy link để dùng cho code CSS.
Đọc thêm »
Nhãn:
Blogspot Menu
Tạo hiệu ứng mô tả cho link liên kết trên blog
Người đăng: buonkhongem
Ở các thủ thuật trước mình có hướng dẫn các bạn tạo hiệu ứng mô tả chỉ dùng CSS, ở bài viết này mình sẽ giới thiệu việc tạo hiệu ứng mô tả dùng JS. Với thủ thuật này thì popup mô tả sẽ di chuyển theo con chuột, không như cách ta dùng CSS, popup chỉ hiển thị ở 1 vị trí cố định.
Hình ảnh minh họa:

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. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
Đọc thêm »
Nhãn:
Tiện ích cho blog
Sript đổi màu nền cho blog
Người đăng: buonkhongem

Để tạo nên hiệu hứng đổi màu cho đẹp và liên tục, các bạn sẽ tạo 1 mảng các trị màu thay đổi 1 cách tuần tự.
Để thực hiện thủ thuật này, các bạn chỉ cần chèn đoạn code JS bên dưới vào trước thẻ đóng </head> hoặc sau thẻ mở <head>
Đọc thêm »
Submit Your Site ( Gửi trang web /blog lên các công cụ tìm kiếm)
Người đăng: buonkhongem on Thứ Tư, 25 tháng 12, 2013
Gửi trang web của bạn cho 20 + công cụ tìm kiếm:
Bạn hãy thực hiện các thao tác sau:
1 - Nhập URL trang web/ blog của bạn và ô thứ nhất.
2 - Điền tên và địa chỉ email vào 2 ô còn lại bên dưới.
3 - Nhấn dấu tích vào Agree to terms để đồng ý với các điều khoản sử dụng.
4 - Nhấn Submit Your Site để gửi trang web hoặc blog của bạn lên các công cụ tìm kiếm.
Nhãn:
Công cụ SEO,
thủ thuật seo
Các thủ thuật giúp cải thiện và nâng cấp máy tính
Người đăng: buonkhongem
Theo thời gian sử dụng, máy tính sẽ ngày càng chạy chậm hơn. Tài nguyên mất dần mà không rõ nguyên nhân… Xin giới thiệu 18 thủ thuật giúp cải thiện và nâng cấp máy tính.
1 - Windows hỗ trợ hai công cụ khá mạnh để “dọn dẹp” rác trong máy tính, đó làDisk Cleanup và Disk Defragmenter. Bạn nên thường xuyên chạy hai chương trình này để máy mình được “gọn gàng” hơn.
Theo lời khuyên của những chuyên gia, bạn nên chạy Disk Cleanup (với lệnhStart > Run, gõ cleanmgr rồi nhấn Enter ) trước để xóa hết rác trong máy. Sau đó, bạn cho chạy Disk Defragmenter (với lệnh Start > Run, gõ dfrg.msc rồi nhấn Enter) dồn File và xóa các “khoảng trống” để lại khi các File rác bị xóa, giúp tăng dung lượng ổ đĩa cho máy. Tuy nhiên, vẫn còn những File ẩn bị “thải” ra sau khi chạy chương trình dồn đĩa, do đó bạn cần chạy Disk Cleanup một lần nữa để xóa sạch chúng.
Ngoài ra, để thuận tiện cho việc sử dụng,bạn nên đưa icon của Disk Cleanup và Disk Defragmenter: vào màn hình Desktop, vào My Computer > Local Disk ( C:) > WINDOWS > System32, tìm đến hai file cleanmgr
2 - Thông thường khi máy tính bị trục trặc, có thể cho chạy System Restore để trở về trạng thái hoạt động tốt nhất gần đó nhất. Tuy nhiên, nó không thể chạy các chương trình đã bị lỗi nên “có cũng như không”.
Còn có nhiều cách khác để thay thế cho System Restore như bung file Ghost hoặc tốt nhất là chạy Safe Mode để cởi bỏ các chương trình bị lỗi, hay cài lại Driver cho các phần cứng. Do đó, nên tắt tính năng System Restore để lấy lại tài nguyên cho máy.
Bạn nhấp chuột phải lên My Computer chọn Properties > System Restore, sau đó chọn từng ổ đĩa, bấm nút Settings... và hạ thấp dung lượng đĩa dùng cho muc̣ đích System Restore. Tiếp theo chọn Turn off System Restore on all drivers / OK. Bạn kiểm tra lại sẽ thấy dung lượng ̣đĩa trống tăng lên đáng kể.
Nhãn:
7. Thủ thuật Windows
Khắc phục hiện tượng máy bị Restart liên tục
Người đăng: buonkhongem
Máy tính của bạn bị tình trạng tự động khởi động lại sau một vài phút sử dụng? Trường hợp này có thể xảy ra bởi nhiều nguyên nhân, bạn cần phải thử nghiệm trên phần mềm lẫn phần cứng để có thể tìm ra nguyên nhân và khắc phục.
1. Ổ cứng bị lỗi vật lý (bad).
Khi bị lỗi này, có thể chương trình bạn đang chạy một số tập tin nằm trong vùng bị lỗi thì máy sẽ khởi động lại. Ngoài ra, Card màn hình, RAM gắn lỏng lẻo cũng có thể gây ra tình trạng tương tự, tuy nhiên thường thì chúng sẽ xuất hiện màn hình “xanh” báo lỗi.
* Cách giải quyết: Vào Windows Explorer, chọn ổ đĩa cài đặt hệ thống, thường là ổ C, phải chuột, chọn Properties, chọn thẻ Tools, sau đó click vào Check Now ở phần Error-checking để kiểm tra lỗi đĩa. Có thể sử dụng các phần mềm cao cấp từ các hãng thứ 3 để việc kiểm tra và xử lý được chuyên nghiệp hơn nhưRepairDisk Manager của Raxco.
Đọc thêm »
Nhãn:
7. Thủ thuật Windows
Thủ thuật cứu file dữ liệu bị xóa hoặc bị hỏng
Người đăng: buonkhongem on Chủ Nhật, 22 tháng 12, 2013
1. Tạo bộ công cụ phục hồi
Thời điểm tốt nhất để cài các công cụ phục hồi vào máy tính là trước khi bạn mất dữ liệu. Bạn có thể chọn một trong số bốn công cụ phục hồi dữ liệu sau đây, gồm Recuva, PC Inspector File Recovery, SoftPerfect File Recovery và Undelete Plus.
Nhãn:
7. Thủ thuật Windows
Làm quen với những thuật ngữ viết tắt trong tin học
Người đăng: buonkhongem on Thứ Bảy, 21 tháng 12, 2013
Dưới đây là 1 số thuật ngữ viết tắt mà mình sưu tầm được: