Friday, July 2, 2010

Kho thủ thuật blog 360plus: plushelper

Thủ thuật cơ bản cho beta Plus







[BETA Plus] Chèn theme một mảnh cho blog 360Plus Beta
Trong suốt toàn bộ blog 360Plus Beta - Trang chính

Trong suốt toàn bộ blog 360Plus Beta - Các trang phụ


Thay border (đường viền) cho blog 360Plus Beta

[BETA Plus] [7/6/2010] Thay nút home, icon thêm bạn và thao tác khác
cho module profile

[Beta Plus] Thay nền cho nóc nhà (phần trên cùng blog)

[BETA Plus] Làm biến mất (xóa bỏ) và thay thế hoàn toàn nóc nhà


Tạo avatar động + hiệu ứng hover avatar cho Beta Plus

[Beta Plus] Làm gọn module bình luận mới nhất

[Beta Plus]Thay icon tâm trạng cho bài viết


[Beta Plus] Loại bỏ icon list ở các module

[BETA Plus] Thay nền ngăn dòng bài viết

[BETA Plus] Trong suốt, thay nút Lưu Hủy cho toàn bộ
blog


[BETA Plus] Xóa bỏ dấu gạch chân ở link

[Beta Plus] Chèn icon cho phần tổng cộng lời bình

[Beta Plus] Chèn avatar cho chủ blog ở phần comment


[Beta Plus] Canh chỉnh thanh soạn thảo toolbar comment

[Beta Plus] Tuỳ chỉnh màu chữ ở phần comment

Trong suốt, xóa công cụ "tìm trên 360plus"


[Beta Plus] Sửa lỗi khung smile không hiện đầy đủ


[Beta Plus] xóa quảng cáo và chỉnh lại màu cho blog







Thủ thuật nâng cao cho beta Plus


Công cụ chèn nhạc vào blog có ảnh nền v3.0



List nhạc đa phương tiện - nhiều giao diện mới - update liên tục

Flash Loader số 1 VN

Media Loader - chèn mọi thứ vào blog ^^


Hoàn chỉnh theme 2 mảnh cho Beta Plus

Hiệu ứng tuyết rơi cho BETA Plus - kiểu theme 1 mảnh

Hiệu ứng tuyết rơi cho BETA Plus - kiểu theme 2 mảnh

[Beta Plus] Hiệu ứng nút ấn cho blog


[Beta Plus] Thay nền cho phần comment ở mỗi bài viết

[Beta Plus] Trang trí thêm cho nickname và module profile

[Beta Plus] Thay đổi vị trí hình đại diện bài viết tóm tắt

[Beta Plus] Hiệu ứng cho link trong blog


[Beta Plus] Hiệu ứng cho đường viền và nick ở phần comment

[Beta Plus] Làm ẩn biến mất các module ở trang chính

[Beta Plus] Thay nền cho phần mở rộng của toolbar comment

[Beta Plus] Thiết kế modun hoàn chỉnh cho blog


[Beta Plus] Thiết kế modun bài viết cơ bản

[Beta Plus] Thiết kế modun bài viết hoàn chỉnh

[Beta Plus] Mã tự động chuyển blog khi có người vào blog cũ

[Beta Plus] Tạo trang index cho blog


[Beta Plus] Hiệu ứng thay đổi ảnh nền

[Beta Plus] Mổ xẻ nóc nhà @@!






Đang viết tiếp…
Nguồn: QuocVinh's tOur theo plushelper
Weblog: www.quocvinh.tk

Thursday, July 1, 2010

Các bài viết liên quan có hình với LinkWithin

Có nhiều cách thêm các bài viết liên quan (những bài viết cùng một Nhãn)
cho Blogger, ở đây xin hướng dẫn sử dụng công cụ LinkWithin với các bài
viết có ảnh minh họa đi kèm.



Trước tiên bạn truy cập địa chỉ sau đây, nhập và chọn các thông tin phù hợp sau đó nhấn Get Widget.




Một cửa sổ hướng dẫn cài đặt hiện ra nhấn Install Widget và làm theo các bước để hoàn tất.



Tiện ích mới có tên LinkWithin vừa được thêm vào sẽ hiển thị bên dưới mỗi bài viết như hình:







Theo mặc định phía trên tiện ích này hiện dòng chữ các "You may also like:" để thay đổi hãy nhấn Chỉnh sửa tiện ích LinkWithin và bổ sung thêm đoạn code dưới đây:





<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>




Trong trường hợp có sử dụng Read more nếu không muốn các bài viết liên quan này xuất hiện ở trang chủ, có thể làm như sau:



Nhấn Chỉnh sửa tiện ích LinkWithin, chép toàn bộ đoạn code trong đó ra
Notepad (Start -> All Programs -> Accessories ->Notepad) và bổ
sung thêm đoạn mã màu nổi bật. Làm xong thì xóa hẳn tiện ích này đi.
Đoạn mã trong Notepad tương tự như dưới đây:





<b:if cond='data:blog.pageType == "item"'> 
<script>linkwithin_text='Bạn cũng có thể xem:'</script>
<script>
var linkwithin_site_id = 202810;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>


Tiếp theo nhấn Design -> Edit HTML, đánh dấu chọn Expand Widget Templates và dán đoạn code đó ngay phía trên <div class='post-footer'> như hình dưới:





Chúc bạn thành công!
 Nguồn: QuocVinh's tOur theo thuthuatblog
Weblog: www.quocvinh.tk
Girls Generation - Korean