VnBlogExpress

“Vạch trần” vấn nạn tag tự động trên Facebook và cách khắc phục

2014-02-23T23:03:00.000+07:00

Những hình thức như đổi tên không giới hạn, vẽ chibi miễn phí, hay là một hình thức quảng cáo nào đó tương tự,... đều là những trò lừa đảo hiện nay. Nếu bạn không cảnh giác, bạn sẽ gặp rất nhiều phiền toái nếu bị "sập bẫy" vào những trò này.

Bạn đang sử dụng Facebook, bỗng nhiên bạn không hiểu từ đâu mà nhiều fanpage lạ hoắc, nhiều người lạ xuất hiện trên trang New Feed của bạn. Vậy đâu là nguyên nhân? Và giải quyết như thế nào?

Đây là vấn đề rất phổ biến hiện nay. Để đánh giá mức độ nổi tiếng của một trang cá nhân, hay một trang nào đó, “Like” và “Follower” được xem như thước đo để đánh giá mức độ này. Do đó, để tăng lượt Like, tăng View, tăng Subscriber (hay follower),… kẻ xấu đã dùng nhiều chiêu thức khiến người dùng tự biến mình thành nạn nhân để bị lợi dụng. Bên cạnh những cá nhân chân chính cũng có những cá nhân “bất chính” bày ra không ít mánh khóe lừa gạt người sử dụng.

Các chiêu thức thường sử dụng

- Chiêu thức 1: thực thi một đoạn mã để sử dụng một chức năng gì đó

Bạn muốn đổi tên Facebook khi đã hết số lượt đổi, bạn muốn biết ai thường xuyên ghé thăm bạn nhiều nhất, bạn muốn xuất hiện những biểu tượng comment tuyệt vời trên Facebook, hoặc thậm chí bạn muốn được vẽ chibi miễn phí,… Bạn tìm kiếm trên mạng và tìm ra một hướng dẫn như thế này.

Một hình thức lừa đảo đánh vào tâm lí người dùng

Đầu tiên bạn click vào liên kết, họ yêu cầu bạn copy một đoạn mã (Script) rất dài.

Sau đó paste vào trình duyệt web (bằng cách bấm nút F12, hay tổ hợp phím Ctrl+Shift+J đối với Chrome, Ctrl+Shift+K với Firefox,…) để thực thi chức năng.

Chỉ cần nhấn một phím Enter, bạn đã bị “dính bẫy” của họ. Mục đích chính của những kẻ xấu này chỉ để tăng Like, tăng Subscriber mà thôi. Bạn sẽ gặp rất nhiều rắc rối: tự động tag hàng loạt bạn bè của mình vào những dòng comment (bình luận) với nội dung nhảm, chỉ mang tính quảng cáo. Mà chẳng có thể đổi tên được gì hết.

Hàng loạt người dùng đã bị tag vào comment.

Trên New Feed cũng xuất hiện nhiều người lạ,...

Hiện nay, nếu bạn chạy những đoạn mã này trên Chrome, Chrome sẽ cảnh báo cho bạn biết để tránh bị “dính bẫy”. Người viết đã thử qua Firefox và rất tiếc Firefox không có cảnh báo nào.

- Chiêu thức 2: chạy ứng dụng

Có vẻ như bạn rất thích những nội dung này: “Top 5 người thường xuyên theo dõi Facebook của bạn”, “top 10 người gửi tin nhắn nhiều nhất cho bạn”, bói tính cách,… Lợi dụng tâm lí này, người dùng dễ bị “lừa” bởi những ứng dụng. Nếu may mắn, ứng dụng đó chỉ đơn thuần thống kê danh sách cho bạn, nhưng “không may”, New Feed sẽ tràn ngập những người lạ, những page lạ, nhiều hình ảnh phản cảm,…

Thỉnh thoảng bạn sẽ bắt gặp những nội dung như thế này

Thông thường, muốn sử dụng ứng dụng đó, bạn click vào đường link của ứng dụng, một trang web sẽ hiện ra và yêu cầu bạn làm theo hướng dẫn. Trước tiên, họ bắt bạn Like trang đó, sau đó để cho bạn đợi một chút để ứng dụng thống kê. Trong khoảng thời gian chờ đợi này chính là lúc họ "làm bẩn" Facebook của bạn.

Đằng sau những hướng dẫn này là những đoạn mã JavaScript đã được đính kèm. Nếu đơn thuần thì đoạn mã sẽ tự động thêm bạn vào một Group, like 1 Fanpage hay follow một người nào đó mà bạn không biết.

Ứng dụng sẽ sử dụng một số thông tin cá nhân của bạn. Nếu bạn thấy ứng dụng đó sử dụng quá nhiều thông tin, bạn hãy cẩn thận.

Tệ hại hơn, có những kẻ xấu muốn lợi dụng để phát tán vi rút, hay chúng muốn gài vi rút để hack tài khoản của bạn. Chúng sử dụng chiêu thức này để lợi dụng. Vậy làm sao để bạn biết được bạn đã tự tay thực thi mã độc trên máy của mình? Câu trả lời sẽ có ở cuối bài viết.

Thông qua ứng dụng, đây là một hình thức “lợi dụng” cao hơn so với việc yêu cầu bạn tự tay copy đoạn mã, lần này đoạn mã sẽ tự động chạy mà không hỏi ý kiến bạn, và nó không có bị chặn lại bởi Chrome.

Bạn cũng cần lưu ý, không phải tất cả các ứng dụng đều làm vậy, một số ứng dụng chỉ mang tính chất thống kê hay chỉ để giải trí là chủ yếu, chứ không có mục đích gì khác.

- Chiêu thức 3: Cài đặt thêm plugin, add-on, extension cho trình duyệt

Cùng một nội dung, nhưng hình thức đã hình đổi đi

Đây là một chiêu thức mới hơn, tinh vi hơn, khắc phục được “nhược điểm của chiêu thức 1”. Đối với chiêu thức này, khi bạn bấm vào một link, thay vì yêu cầu bạn copy đoạn mã vào trong trình duyệt, thì nó sẽ dẫn bạn đến trang cài đặt add-on cho Firefox hay Extension cho Chrome.

Bạn sẽ được yêu cầu cài thêm tiện ích Tampermonkey

Bạn bấm Add, tiện ích bổ sung sẽ tự động cài đặt vào trình duyệt của bạn. Sau đó, bạn tiếp tục theo hướng dẫn, mở link thứ 2. Tự động sẽ có thông báo “Bạn có muốn tếp tục thực thi đoạn mã để đổi tên không”? Thế là bạn bấm Yes.

Và bạn lại bị “dính bẫy”.

Bạn vào mục Friend trên tường (Timeline) của bạn, bạn xem nhóm Follow và bạn sẽ thấy những người rất lạ.

- Chiêu thức khác

Thỉnh thoảng, bạn sẽ bắt gặp trong nhiều bình luận dưới những các status, các post,... hướng dẫn cách hack tiền mạng Viettel, Mobiphone... bằng cách gửi mã số thẻ cào (hoặc một tin khuyến mãi nào đó).

Thực tế bạn sẽ không bị Like, bị Follow những người bạn lạ, nhưng số tiền mua thẻ cào sẽ rơi vào tay những kẻ lừa gạt, trong khi bạn chẳng có được gì hết.

Cách giải quyết

Nếu chẳng may bạn bị “dính chưởng”, vậy làm cách nào để giải quyết vấn đề?

1) Dựa vào Activity Log

Mọi hoạt động trên của bạn sẽ được ghi lại vào Activity Log. Dựa vào đây, bạn sẽ thấy bất ngờ “sao mà mình like, follow nhiều vậy?” Bạn hãy lần lượt Unlike từng tấm hình, gỡ bỏ các tag,… để tránh bị phiền phức sau này.

Nếu bạn thấy hình ảnh lạ (hay một liên kết, status lạ,...), bạm bấm Unlike để hủy Like tấm hình đó.

2) Gỡ bỏ các ứng dụng

Nếu chẳng may bạn đã chạy một ứng dụng “bẩn”, bên cạnh việc xóa các post của chúng trên Timeline (hay trong Activity Log) bạn cũng cần xóa các app trong Settings.

Bạn vào Settings của Facebook, chọn Apps. Tại đây, các ứng dụng mà bạn đã sử dụng sẽ liệt kê, và công việc còn lại là gỡ bỏ từng ứng dụng “bẩn”.

3) Hủy theo dõi (unfollow) những người lạ, fanpage

Bạn vào mục Friend trên tường của bạn, tại nhóm Following (Đang theo dõi), bạn tiến hành Unfollow từng người trong nhóm People.

Đối với fanpage, thật không may, bạn không thể làm trực tiếp như nhóm People được mà bạn phải mở từng fanpage, sau đó Unfollow từng trang. Để thao tác nhanh hơn, bạn hãy mở thêm một thẻ mới bằng cách bấm vào tên page bằng cuộn lăn ở giữa của con chuột. Rồi bạn unfollow từng trang, đóng từng tab (thay vì phải click vào để trình duyệt load đến page đó, sau đó bạn lại quay về rồi load tiếp trong cùng một tab).

Công việc này sẽ đòi hỏi tính kiên nhẫn của bạn nếu bạn bị dính quá nhiều Group, Page lạ.

4) Kiểm tra lại các tiện ích bổ sung của trình duyệt

Nếu chẳng may bạn lỡ cài nhầm một tiện ích nào đó, bạn hãy nhanh chóng gỡ nó ra ngay. Để tránh tình trạng các tiện ích này tự động chạy những đoạn mã "bẩn".

Gỡ tiện ích bẩn Tampermonkey

5) Xóa rác, reset

Công việc cuối cùng, để giải quyết hết mọi "tàn tích" do ứng dụng, các tiện ích "bẩn" còn lại, bạn hãy xoá hết rác, lịch sử của trình duyệt. Sau đó bạn tiến hành reset để khôi phục lại mọi thứ trở về mặc định.

Đối với Chrome, bạn vào Settings của trình duyệt, chọn Show Advanced Settings, bấm nút Reset Browser Settings.

Đối với Firefox, bạn bấm Menu Firefox, chọn Help, chọn Troubleshooting Information, sau đó bấm Reset Firefox.

Đối với Internet Explorer, bạn bấm vào Internet Options, sau đó bạn chuyển vào thẻ Advanced và bấm nút Reset.

Cách đề phòng

Bên cạnh biết được nguyên nhân, bạn cũng cần biết một số cách để đề phòng, tránh bị dính những tình huống như thế này.

1) Cài trình diệt vi rút

Bạn sẽ thắc mắc một điều là cài trình diệt vi rút thì có tác dụng gì không? Hầu hết các trình diệt vi rút đều có tính năng kiểm tra các liên kết. Nếu phát hiện một liên kết có chứa vi rút, hay chứa một mối nguy hiểm nào đó. Trình diệt vi rút sẽ chặn lại liên kết đó và cảnh báo cho bạn biết nếu thực thi ứng dụng đó, máy bạn có thể sẽ bị dính vi rút.

2) Kiểm soát việc tag

Sau này, mỗi lần ai đó tag bạn vào (thậm chí là tự động tag), Facebook cũng sẽ hỏi ý kiến bạn.

Để tránh bị tag lung tung, trong Facebook có một thiết lập giúp bạn kiểm soát những gì mà bạn đã tag (ngoại trừ bạn bị tag trong các comment). Bạn truy cập vào Settings của Facebook, tại mục Timeline and Tagging, bạn hãy chuyển ON tại dòng “Review tags people add to your own posts before the tags appear on Facebook”.

3) Kiểm soát Activity Log

Những FanPage quảng cáo

Mọi hoạt động trên Facebook của bạn đều được ghi lại trong Activity Log. Nếu bạn thấy có một điều gì đó khác lạ: bạn Like một Group lạ hoắc, theo dõi những người mà bạn không hề biết,... Chắc chắn bạn đã bị dính "bẫy". Lúc này, bạn hãy rà soát lại trước đó bạn có chơi ứng dụng nào không, hay đã bấm nhầm liên kết nào đó,... Và nhanh chóng gỡ bỏ nó ra.

4) Cẩn thận những lời mời App, spam link

Một khi bạn click vào một liên kết nào đó, nếu Facebook nghi ngờ đây là liên kết không an toàn. Facebook sẽ hỏi bạn đây là liên kết có spam không?

Đây cũng là dấu hiệu rất quan trọng để giúp bạn xác định đó có phải là cái "bẫy" của kẻ xấu không. Bởi quá nhiều người truy cập đường link này, Facebook sẽ nghi ngờ đây là spam, tức liên kết đó không an toàn.

Bạn cũng đừng quá tin tưởng vào những lời mời chơi ứng dụng từ bạn bè. Rất có thể đó là những ứng dụng không an toàn.

5) Cẩn thận với các hướng dẫn

Như bạn đã thấy, đa số kẻ xấu đều lợi dụng tâm lí người dùng để cài bẫy. Bạn cần phải cẩn thận, không nên click vào những ứng dụng lạ, những liên kết không an toàn, không nên làm theo các hướng dẫn mà không có căn cứ,...

“Lật tẩy” chiêu trò lừa đảo

Người viết sẽ giúp bạn phân tích một chút về đoạn mã để “vạch trần” chiêu lừa đảo này. Hầu hết các đoạn mã đều được viết bằng JavaScript. Tuy nhiên bạn đừng nản vì đoạn mã sao mà … dài quá, bạn chỉ cần chú ý vài điểm như sau.

Trước tiên, họ yêu cầu bạn click vào liên kết này. Vậy bản chất của liên kết này như thế nào?

Sau khi bạn copy, dán đoạn mã theo hướng dẫn của chúng thì quá trình GET. Vậy chúng lấy cái gì?

Chúng lấy thông tin và quá trình tag bạn bè bắt đầu.

Bạn có thể nhìn thấy Facebook của “chủ mưu” ở đoạn đầu của phần mã.

Kéo xuống một tí nữa, bạn sẽ thấy danh sách ID những người, những page mà bạn sẽ Follow sau khi bạn chạy đoạn mã.

Mỗi ID sẽ có 15 kí tự, do đó cứ chỗ nào bạn thấy có 15 kí tự thì đó là ID của tài khoản.

Nếu bạn thay thế dãy ID này vào link https://www.Facebook.com/profile.php?id=[15 kí tự] thì trình duyệt sẽ hiển thị các tài khoản có liên quan.

Tài khoản có ID 270969653047835

Tài khoản có ID 1000004044068515. Bạn cũng để ý là tài khoản này có số lượng follow rất nhiều.

Và đây là đoạn mã Follow, Add Friend, thêm Comment,... (bạn có thể sử dụng tính năng Tìm kiếm để tìm các từ khóa như follow, comment).

Và câu hỏi cuối cùng là bạn có thể đổi tên được không? Câu trả lời là không, bạn đã bị lừa.

Chúng chỉ gửi yêu cầu kết bạn, chứ chẳng có đổi tên gì hết.

Đến đây thôi, bạn đã nhìn ra được “bản chất” của đoạn mã này là để lấy ID của mỗi tài khoản của tất cả mọi người trong friendlist bạn, sau đó tag vào, cho theo dõi, tự động Like, Follow,...

Ngoài ra, còn rất nhiều đoạn mã phức tạp ở phía dưới nữa. Người viết chỉ phân tích cho các bạn thấy vài điều đơn giản để bạn không phải là nạn nhân của chúng. Những đoạn mã này cũng có thể can thiệp vào cookie và cache của trình duyệt nữa để lấy mật khẩu,… và nhiều hình thức khác.

Cách đổi tên Facebook an toàn

Nhân tiện người viết cũng sẽ hướng dẫn một cách giúp bạn đổi tên nếu bạn muốn đảm bảo an toàn.

Khi đã vượt quá số lần giới hạn để đổi tên, bạn có 2 cách như sau:

- Bạn thông báo với Facebook là tài khoản của bạn bị hack. Facebook sẽ cấu hình lại tài khoản, cho phép bạn đổi tên, đổi mật khẩu. Nhưng cách này chỉ làm được 1 – 2 lần.

Ngoài ra còn một cách để đổi tên, đó là yêu cầu Facebook xác nhận tên đúng của mình thông qua bản scan CMND, hoặc bất cứ giấy tờ tùy thân nào mang tên thật của bạn. Với cách này bạn sẽ đổi tên được nhưng tên sẽ giống như trên CMND vậy.

Với bài viết này, chắc hẳn bạn đã biết được những nguyên nhân, đồng thời tìm được giải pháp khắc phục và cách phòng trành nững chiêu thức lừa đảo - vốn đang "tung hoành" rất nhiều trên Facebook. Công nghệ càng phát triển, các chiêu thức ngày càng tinh vi hơn, cho nên đòi hỏi người dùng phải thường xuyên cảnh giác trước những trò lừa đảo như thế nào.

Hiện nay Facebook đang dần biến thành một “bãi rác” với những chiêu trò, ứng dụng “nhảm” nhằm câu like, tăng subscriber,... Đã đến lúc chúng ta phải chung tay, chống lại những hành vi lừa đảo này để giữ gìn một Facebook trong sạch.

Theo Genk

Công cụ - Tăng like FB, tăng like các mạng xã hội

2014-02-21T09:52:00.006+07:00

tiepnoi.com - Tăng like FB, tăng like các mạng xã hội
Trang web cung cấp công cụ kiếm tiền trực tuyến ( MMO) làm việc tại nhà. Trang web sẽ giúp bạn tăng like miễn phí, Nâng cao sự hiện diện thương hiệu của bạn trên mạng xã hội.
Mỗi khi bạn Like, bạn sẽ nhận được 1 số xu và sau đó khi bạn đã đạt đủ mức bạn sẽ đổi ra tiền mặt.

Hãy đăng ký ngay để kiếm tiền online
Hướng dẫn sơ lược về cách hoạt động.
Cách hoạt động của TiepNoi rất đơn giản. Bạn like page của người khác, bạn sẽ nhận được xu. Người dùng khác sẽ like lại page của bạn với số xu nhận được.
Nếu bạn còn chưa biết rõ cách hoạt động của TiepNoi, bạn có thể xem video này.

Hãy đăng ký ngay để kiếm tiền online

Đã khắc phục được tình trạng Blogger/blogspot bị chặn 100%

2013-05-05T17:13:00.003+07:00

Hiện tại mình đang thử nghiệm một nhóm dãy sôd IP đặc biệt mới cho blog tại: http://www.hanhhuong.info/ có thể khắc phục được tình trạng bị chặn không vào được blogspot tại Việt Nam. Vì vậy, mình nhờ các bạn vào test các mạng nét của mình đang sử dụng xem thế nào, có vào ổn và nhanh không? Xin hãy để lại comments dưới đây nhà mạng nét mà bạn đang sử dụng! Nếu ok mình sẽ hướng dẫn anh em sử dụng cách này!

Cảm ơn!

Hướng dẫn sử dụng Dropbox chi tiết

2013-05-05T09:01:00.000+07:00

Trong thời đại điện toán đám mây, không có lý do gì để bạn bị gián đoạn công việc chỉ vì quên copy tài liệu trong máy tính ở nhà để đem lên cơ quan. Một số người thường đính kèm tài liệu vào hộp thư nháp trong email hoặc gửi email tài liệu đó cho chính mình, cách làm này thật lãng phí thời gian.

Hãy dùng các dịch vụ lưu trữ trực tuyến và đồng bộ dữ liệu như Dropbox, Microsoft SkyDrive, và Google Drive để có thể truy cập dữ liệu từ bất kỳ máy tính nào qua trình duyệt web. Ngoài ra, những ứng dụng như Evernote và Microsoft OneNote hoạt động trên hầu hết các nền tảng và là công cụ lý tưởng để theo dõi tài liệu trên đường di chuyển. Ở đây tôi chọn Dropbox vì nó nhanh, tiện dụng và nó miễn phí!

Dropbox là dịch vụ lưu trữ đám mây trực tuyến đồng bộ theo thời gian thực. Dung lượng lưu trữ miễn phí khởi đầu là 2GB. Dịch vụ cung cấp backup dữ liệu đề phòng việc mất dữ liệu do các vấn đề trến máy tính, đồng bộ dữ liệu giữa nhiều máy tính và các thiết bị di động khác nhau, chia sẽ dữ liệu với bạn bè, quản lý dự án tạo nơi lưu trữ chung cho nhóm làm việc…

Sử dụng Dropbox hoàn toàn an toàn cho dữ liệu của bạn, gần đây Dropbox nâng cấp thêm 1 lớp bảo mật. Như vậy với hai lớp bảo mật, dữ liệu của bạn sẽ tuyệt đối an toàn (Lớp bảo mật thứ nhất: Đăng nhập bằng password tương tự như đăng nhập email; Lớp bảo mật thứ hai: Mỗi lần đăng nhập thành công lớp bảo mật thứ nhất, Dropbox gửi 1 đoạn code vào điện thoại của bạn, phải có đoạn code này mới đăng nhập được vào cơ sở dữ liệu). Quy trình bảo mật này có thể so sánh với cơ chế bảo mật của một số ngân hàng.

Mình sẽ đi sâu vào các ứng dụng của Dropbox Các câu hỏi và trả lời sau đây sẽ giúp hiểu rõ về các ứng dụng thực tiễn của Dropbox Lưu trữ dữ liệu lên mây, đồng bộ dữ liệu giữa các thiết bị, chia sẽ dữ liệu, đồng bộ các thư viện email, endnote… xem thêm thông tin về Dropbox tại đây.

Hướng dẫn sử dụng Dropbox chi tiết! Bạn bào www.dropbox.com và làm theo hưới dẫn dưới đây.
Video hướng dẫn chi tiết

Phần mềm: Free Video Converter

2013-05-04T11:20:00.000+07:00

Chuyển đổi video hoàn toàn miễn phí sang AVI, MP4, WMV, MKV, MPEG, 3GP, DVD, MP3, iPod, iPhone, PSP, Android, sao chép và ghi DVD, chuyển đổi video FLV & SWF, ghi đĩa Blu-ray, tải video lên YouTube!

P/s: Đây là chương trình mình đang dùng để tải và phiên tập video hoàn toàn miễn phí, hỗ trợ tiếng Việt tốt nhất từ trước tới giời mà mình từng dùng.

Thông tin, tính năng của phần mềm

Jarid Blogger Template chuyên nghiệp

2013-04-19T08:42:00.000+07:00

Demo

Thông tin:

Nền tảng:

Blogger

Tên Template:

Jarid

Hướng dẫn:

Template Settings Link Here

Tác giả:

soratemplates

Designer URL

Designer Link Here

Thông tin khác:

Mô tả:

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation Widget.

Tặng blogger template tiin.vn khi mua VnBlogExpress Pro

2013-04-10T12:09:00.001+07:00

Demo

Tiin.vn Một trang tin tổng hợp của giới trẻ có theme rất đẹp và trẻ trung... Bạn muốn dùng template cho blogspot vậy thì hãy mua: Blogger template VnBlogExpress Pro bạn sẽ được tặng miễn phí theme dành cho blogger này. Chú ý: chỉ tặng cho 10 bạn đầu tiên mà thôi.

Blogger template VnBlogExpress Pro

2013-03-25T22:15:00.000+07:00

Ảnh chụp trang chủ: VnBlogExpress Pro

VnBlogExpress Pro là một blogger template cao cấp được thiết kế dựa trên phên bản Metro Simple. Với sự tùy chỉnh, nâng cấp cộng thêm nhiều tính năng độc đáo theme có thể phù hợp với mọi loại chủ đề nội dung cho blog website của bạn như: blog công nghệ, blog thủ thuật, blog tin tức, blog cá nhân, blog về video (phim ảnh)...

Các tính năng:

Nâng cấp Header, thêm Banner quảng cáo tiêu chuẩn 468x60
Menu đa cấp giống vnexpress.net phiên bản cũ. + Menu cuối trang.
Tính năng Tabs cho Sidebar
Phần Addthis Social Sharing di chuyển theo bài bài viết chuyên nghiệp
Thêm bài đăng liên quan (Related Posts) tự động ở cuối mỗi bài viết
Nâng cấp Form Comments với bộ emoticons rất đẹp và dễ sử dụng
Footer thành 3 cột tùy chỉnh đẹp mắt
Nâng cấp một số tính năng và fix lỗi nhỏ khác.
Hệ thống seo của blogger template tương thích với google.com (Test)
Tốc độ nhanh và không bị ảnh hưởng bởi việc thêm nhiều tính năng đi kèm
Media Player: với tính năng này bạn có thể thêm video, nhạc mp3, mp4 một cách dễ dàng
...

Ưu điểm của template:

Tốc độ tải về nhanh vô đối
Khả năng seo tuyệt vời (thân thiện với bộ máy tìm kiếm của google)
Có thiết kế đẹp mắt, menu chuyên nghiệp như website: vnexpress.net

Ảnh chụp thể hiện khẳng năng seo tuyệt vời của template, bạn có thể xem thực tế tại đây

Để tìm hiểu, xem trực tiếp các tính năng trên và những tính năng năng khác mời bạn xem tại: www.hanhhuong.info bên cạnh các tiện ích trên thì theme này còn được phất triển thêm nhiều tiện ích đi kèm tại blog này.

Đây là một blogger tính phí của VnBlogExpress và Hanhhuong.info để mua template này bạn liên hệ tại đây với giá là 350.000 VNĐ:

Hỗ trợ 6 tháng về cài đặt
Được cập nhập phiên bản mới nhất cả đời (thông tin về phiên bản mới nhất)
Được liên kết và viết bài giới thiệu về site của bạn tại blog này + Tặng template: tin.hanhhuong.info
Và nhiều ưu đãi khác như: tặng 150k cho 10 bạn mua đầu tiên, 30k cho 10 bạn tiếp theo và 20k cho 10 ban kế tiếp vì thế hãy nhanh tay liên hệ với chúng tôi để sở hữu theme này chỉ với 300k mà thôi.

Liên hệ qua Yahoo mua template với 150k ngay bây giờ! Tặng thêm template: tin.hanhhuong.info

Công cụ kiểm tra (test) theme blogger có tương thích với điện thoại và máy tính bảng không

2013-03-19T09:23:00.000+07:00

Như các bạn đã biết hiện nay thiết bị cầm tay đang lên ngôi... Nhờ có công nghệ mà ngày nay thiết bị truy cập net, đọc báo cầm tay ngày càng chiếm nhiều thời gian hơn. Chính vì thế việc chọn theme blogspot cũng cần phải tính toán tới điều này. Tức là bạn cần chọn một theme làm sao có thể vừa hiển thị trên được máy tính để bàn (laptop) vừa hiển thị trên được máy tính bảng và điện thoại đi dộng một cách hợp lý nhất. Có người nói rằng blogger đã có phiên bản cho điện thoại di động! Đúng vậy bạn nói không có sai nhưng phiên bản di động do blogger cung cấp chưa hỗ trợ tùy chỉnh. Chính vì thế việc lựa chọn một theme được thiết kế thích hợp cho mọi thiết bị là một việc lên làm. Và để làm được điều này hôm nay VnBlogExpress xin giới thiệu tới các bạn 2 công cụ mà mình thường dùng để kiểm tra và thử các mẫu blogger đó là:

Vì đây là hai công cụ rất dễ sử dụng vì thế mình sẽ không hướng dẫn chi tiết!

Thông báo: Việc đăng lại bài viêt có nguồn gốc từ blog khác

2013-03-11T21:19:00.000+07:00

Vnblogexpress.blogspot.com Đơn thuồn chỉ là một trang blog lưu trữ, tổng hợp những thủ thuật, chia sẻ template blogspot từ trên mạng trong quá trình xây dựng blog. Vì vậy blog sử dụng nhiều nguồn tài liệu khác nhau... trong đó blog có đăng lại một số bài viết từ những blog khác hay viết lại... Nhưng chúng tôi tuyệt đối tôn trọng bản quyền của các bạn, có ghi nguồn hoặc dẫn url tới web/blog của bạn... Nếu như các bạn không đồng ý thì comments tại bài viết để tôi xóa nó đi!... Tuy vậy những bài viết đăng lại sẽ rất hạn chế trên blog này và những bài đăng lại trước đây chỉ là một thử nghiệm mà thôi... Chúng tôi sẽ tự viết bài mới vì thế mong bạn đọc quan tâm và ủng hộ!

Blogger template desktop and mobile

2013-03-06T13:03:00.000+07:00

Live demo

Hướng dẫn like để tải template về

	Desktop and mobile
	Tác giả: mkr and VN Nền tảng: Blogger Trang hỗ trợ: Vnblogexpress Gấy phép: Tự do, miễn phí,

THÔNG TIN KHÁC

Tính năng:

Là một template miễn phí với những tính năng đỉnh cao như trong một template nhưng có 2 giao diện khác nhau khi được sử dụng trên desktop và mobile bạn có thể test tại đây. Load nhanh và một số tính năng khác như:
FOLLOW BY EMAIL (Mặc định từ blogger nhưng được tùy chỉnh đẹp đơn)
Bài đăng phổ biến, bài viết ngẫu nhiên gần đây, bình luận mới trong 1 tap rất đẹp mắt.
Webplay từ yahoo (dễ dàng chèn video yotube, file nhạc mp3, phim mp4 một cách đơn giản vào blog là chỉ việc thêm link liên kết tới video,mp3, pm4 là được test demo tại đây)

Hướng dẫn:

Thêm tiện ích:
Video hướng dẫn: Thêm tiện ích mới vào cấu hình HTML/JavaScript cho blogspot/blogger
Recent Post:

<div id="recentpostxx"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:10,
animatedRecentPost:true,
limitspy:5,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
contjumlah:100
});
});
//]]>
</script>

Thêm nhận xét mới nhất cho blogspot load nhanh

2013-03-05T08:18:00.001+07:00

Hiện nay tiện ích nhận xét mới cho blogger, blogspot được chia sẻ rất phổ biến nhưng để có một tiện ích nhận xét đẹp và không làm ảnh hưởng tới tốc độ blog thì lại rất hiếm. Với tiêu chí đẹp và load nhanh thì đây là một lựa chọn hoàn hảo nhất. Để chứng mình về tốc độ load nhanh: "Trăm hat không bằng một thấy" mời bạn vào demo sống bên đưới để mục sở thị tốc độ của nó.

Live demo

Tính năng:

Hiển thị avata tích hợp với hệ thống gravatar toàn cầu, hiển thị tên người nhận xét, đoạn trích nội dung nhận xét, tùy chỉnh dễ dàng...

Thực hiên:

Video hướng dẫn: Thêm tiện ích mới vào cấu hình HTML/JavaScript cho blogspot/blogger
Đăng nhật vào blog của bạn - Chọn blog muốn thêm tiện ích - Chọn bố cục - Chọn thêm tiện ích mới - Tìm chọn HTML/Javascript và copy đoạn code bên dưới và thên vào lưu lại là ok!

Tùy chỉnh:
Thay đổi thông số:
numComments = 5 (Số lượng nhận xét, bình luận muốn hiển thị)
avatarSize = 30 (Khích thước ảnh avata 30X30)
characters = 40 (Số ký tự tóm tắt nội dung bình luận, nhận xét)

<style type="text/css">
ul.vnblogexpress_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.vnblogexpress_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.vnblogexpress_recent_comments li .avatarImage {
    padding: 1px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vnblogexpress_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}

.vnblogexpress_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
eval(function(d,e,a,c,b,f){b=function(a){return(a<e?"":b(parseInt(a/e)))+(35<(a%=e)?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}('7 D=D||5,9=9||19,A=A||1a,m=m||"h://W.S.g/16/?d=18",E=E||" 1p &1f;",v=(p v===\'o\')?j:v,z=(p z===\'o\')?Z:z,n=(p n===\'o\')?j:n,M=(p M===\'o\')?Z:n;1l 12(L){7 b;b=\'<Y C="12">\';H(7 i=0;i<D;i++){7 x,y,2,k;4(i==L.14.8.q)1g;b+="<X>";7 8=L.14.8[i];H(7 l=0;l<8.I.q;l++){4(8.I[l].1j==\'1o\'){x=8.I[l].w}}H(7 a=0;a<8.K.q;a++){y=8.K[a].1i.$t;2=8.K[a].1h$1k.N}4(2.f("/O/")!=-1){2=2.u("/O/","/s"+9+"-c/")}e 4(2.f("/T/")!=-1){2=2.u("/T/","/s"+9+"-c/")}e 4(2.f("/U-c/")!=-1&&2.f("h:")!=0){2="h:"+2.u("/U-c/","/s"+9+"-c/")}e 4(2.f("G.g/B/1n-P.J")!=-1){2="h://3.13.Q.g/-1m-1e/17/1c/1b/s"+9+"/15.R"}e 4(2.f("G.g/B/1d-P.J")!=-1){2="h://3.13.Q.g/-1R/1U/1P/1K/s"+9+"/1J.R"}e 4(2.f("G.g/B/1M.J")!=-1){4(m.f("S.g")!=-1){2=m+"&s="+9}e{2=m}}e{2=2}4(v==j){4(n==j){k="1O"}e{k=""}b+="<V C=\\"1T "+k+"\\"><B C=\\""+k+"\\" N=\\""+2+"\\" 1H=\\""+y+"\\" 1w=\\""+9+"\\" 1I=\\""+9+"\\"/></V>"}b+="<a w=\\""+x+"\\">"+y+"</a>";7 11=8.1v.$t;7 6=11.u(/(<([^>]+)>)/1u,"");4(6!=""&&6.q>A){6=6.1r(0,A);6+="&1s;";4(z==j){6+="<a w=\\""+x+"\\">"+E+"</a>"}}e{6=6}b+="<r>"+6+"</r>";b+="</X>"}b+=\'</Y>\';7 F="";4(M==j){F="10:1F;"}b+="<r 1G=\\"1E-1D:1A;10:1B;1C-1S:1z;"+F+"\\">1y 1t<a w=\\"h://W.1x.1L/\\">1Q</a></r>";1N.1q(b)}',
62,119,"  authorAvatar  if  commBody var entry avatarSize  commentsHtml   else indexOf com http  true avatarClass  defaultAvatar roundAvatar undefined typeof length span   replace showAvatar href commentlink authorName showMorelink characters img class numComments moreLinktext hideCSS blogblog for link gif author vnblogexpress hideCredits src s1600 rounded blogspot png gravatar s220 s512 div www li ul false display commHTML vnblogexpress_recent_comments bp feed vnblogexpress_blogger_logo avatar TxMKLVzQ5BI mm 60 40 QYau8ov2blE AAAAAAAABYY openid16 1X32ZM raquo break gd name rel image function AaI8 b16 alternate More write substring hellip by ig content width way2blogging Widget right 10px block text size font none style alt height vnblogexpress_openid_logo 8iasY0xpLzc org blank document avatarRound AAAAAAAABYc Way2Blogging 9lSeVyNRKx0 align avatarImage TxMKMIqMNuI".split(" "),
0,{}));
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=vnblogexpress_recent_comments&max-results=5"></script>

Theo p2w

Hãy để lại nhận xét tại đây nếu bạn thấy bài viết có ích cho bạn. Chúc thành công!

Thêm Emoticon vào hệ thống Comments Blogspot

2013-02-28T09:03:00.002+07:00

Demo

Biểu tượng cảm xúc là sự kết hợp của "cảm xúc" và "biểu tượng" có nghĩa là các biểu tượng được sử dụng để thể hiện cảm xúc một tuyên bố bằng văn bản, và có thể thay đổi và cải thiện giải thích của bạn. Nếu bạn thấy bất kỳ các mẫu blog có thường thêm một thao tác biểu tượng cảm xúc như thế này. Bạn có thể có tò mò làm thế nào để cài đặt các biểu tượng cảm xúc như thế. Và bài viết này tôi sẽ chia sẻ làm thế nào để cài đặt biểu tượng cảm xúc giống như các mẫu blog đó.

Cách cài đặt tại Blogspot

1. Vào bảng điều khiển và chọn chỉnh sửa HTML

2. Sao chép mã dưới đây và đặt nó trên mã </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://dl.dropbox.com/u/29848934/js/emoticon.min.js" type="text/javascript"></script>

P/s: Bạn nên lưu trữ những file vày trên hotsing riêng của bạn. Nếu mẫu blog của bạn đã có jquery.min.js thì bạn chỉ việc thêm emoticon.min.js thôi là đủ.

3. Sao chép mã dưới đây và đặt nó trên mã </body>

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
</b:if>

4. Khi bạn hoàn tất, nhấp vào lưu lại và xem kết quả

Nhớ trước khi cài đặt chỉnh sửa các mẫu bạn nên sao lưu dự phòng mẫu trước khi thực hiện nhé!

Theo: mkr

Easy News – Responsive Magazine Blogger Template

2013-02-23T17:54:00.000+07:00

Live demo

Hướng dẫn like để tải template về

	Easy News
	Tác giả: Tiến Nguyễn Nền tảng: Blogger Trang hỗ trợ: Bloggeritems Gấy phép: Tự do, miễn phí,

THÔNG TIN KHÁC

Tính năng:

Hiển thị tốt trên thiết bị di động
Đếm số Labels cần index để tạo ra giao diện trang chủ hoàn hảo nhất (tránh trường hợp bị hiển thị cột cô đơn, là điểm yếu của hầu hết các template báo chỉ của Blogger hiện nay)
Hiển thị tốt với cả IE, tuy nhiên Responsive không hỗ trợ cho IE.
Thêm menu xổ xuống vô cùng đơn giản mà không phải thao tác gì với code
Có hộp follow email và social network bắt mắt, dễ settings
Thêm Hot news đơn giản chỉ bằng việc thêm nhãn "Hot"
Sử dụng hệ thống nhận xét nhiều tầng mặc định của Blogger nhưng được cải tạo lại giao diện một cách đặc sắc hơn.
Tối ưu hóa với công cụ tìm kiếm bằng nhiều thẻ meta và sử dụng các thẻ header đúng đắng
Có thiết kế admin layout trực quan, dễ liên tưởng và thao tác
Có trang 404 đẹp mà không cần dùng tới ảnh
Hỗ trợ Redirect search, là phương pháp search được sử dụng phổ biến bởi hầu hết các trang official của Google
Hỗ trợ tùy chỉnh nâng cao, vốn là điểm nổi bật quen thuộc của các sản phẩm template mang thương hiệu Blogger Items

Hướng dẫn: Tại đây

Tổng hợp: Trang Trí Tết cho Blogger, blogspot

2013-02-04T11:09:00.002+07:00

DLHH -Ngày tết đã đến gần! Lượn một vòng thì thấy các anh em blogger đã và đang rục rịch trang trí blog cho ngày Tết cổ truyền. Với mục đích chia sẻ và lưu trữ lại các thủ thuật hay, DLHH xin chia sẻ lại hai cách trang trí blogger, blogspot cho ngày tết rất đẹp này, hi vọng anh em sẽ thích và áp dụng cho blog của mình. Một lần nữa chúc anh em có một cái tết, một năm mới bình an hạnh phúc!

Thực hiện:
Đầu tiên bạn đăng nhập vào blogger.com - Chọn blog bạn muốn trang trí - Vào phần cố cục - Chọn tạo thêm một tiện ích mới (HTML/Javascript) hoặc dùng cái đã có sẵn rồi cũng được - Chọn chỉnh sửa và copy một trong hai code bên dưới paste vào và lưu lại là ok!

Code 1: Treo câu đối Tết hai bên cho blogger, blogspot. Demo

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://1.bp.blogspot.com/-ggZV3TobCTQ/UPuyJ4fsg2I/AAAAAAAACjo/g3SiPwd6cUE/s1600/tet1.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="http://1.bp.blogspot.com/-A9IhakAQfck/UPuyJkPRa-I/AAAAAAAACjk/LWo2xFK8LF8/s1600/tet2.png" /></a>

Hoặc:

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://2.bp.blogspot.com/-9f6AZqoryhY/UPwK7ZcDhyI/AAAAAAAACkE/aA4YP0DScfc/s1600/left.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="http://3.bp.blogspot.com/-aeTypUdEflg/UPwK7gGuOlI/AAAAAAAACkI/7bhrDZm2824/s1600/right.png" /></a>

Code 2: Treo câu đối Tết hai bên và phong cảnh ngày ết ở bên dưới trang cho blogger, blogspot. Demo

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://2.bp.blogspot.com/-ft2o54AdRc8/UQyiJQP7JPI/AAAAAAAAISU/JAkdryENARA/s1600/left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://2.bp.blogspot.com/-DUFbGwF5_xo/UQyiMciJDbI/AAAAAAAAISc/0Idx9YdpoUU/s1600/right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://1.bp.blogspot.com/-dsGkK8sD1zU/UQyiOwgAZgI/AAAAAAAAISk/ofH_qM2jdcM/s1600/bottom.png) repeat-x bottom left;"></div><a href="http://www.hanhhuong.info/2013/01/Du-lich-hanh-huong-Duc-Me-Ta-Pao.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vntrnUTDNVk/UQyiJMFxeJI/AAAAAAAAISM/hH7CBJFagpk/s1600/buttom-left.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>

Tổng hợp - Theo: Blogger Việt, Đinh Công Thành

Cập nhật:

Code 3: Treo cành đòa đón lộc xuân và tết mơi: Demo

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="http://2.bp.blogspot.com/-UzjhY_4ZQnk/UQ0pbuVsDqI/AAAAAAAADuE/bnYIF_KXXXQ/s200/hoadao.png" /></a>

Trong code này bạn thay đổi thông số 5px để dịch chuyển cành đào nhé!

Thiết kế trang báo lỗi 404 cho Blogger

2013-02-04T08:58:00.002+07:00

DPB -Hôm nay Blogger cập nhật thêm rất nhiều tính năng về SEO vô cùng mạnh mẽ. Đầu tiên là Meta Description tag (trước đây muốn thêm nó chúng ta phải khai báo trong template), câu lệnh tương ứng là data:blog.metaDescription. Điều mình đánh giá cao nhất là có thể đặt Meta Description tag tương ứng trong từng bài viết, tính năng này mới giới thiệu chứ chưa thấy xuất hiện trong phần cài đặt bài viết. Tính năng thứ 2 là dễ dàng thêm rel="nofollow", target="_blank" cho thẻ liên kết. Tính năng thứ 3 là dễ dàng thêm alt, title cho ảnh. Và cuối cùng, tính năng được mong đợi từ lâu: Tạo trang báo lỗi 404.

Để báo lỗi hiển thị thì template của bạn phải có hàm <b:include data='top' name='status-message'/> và hàm này phải được gọi ra. Theo mình biết thì phần lớn template hiện nay được chỉnh sửa đã xóa bỏ hàm này. Trong bài viết này mình sẽ hướng dẫn các bạn tùy chỉnh để có thể hiển thị được dòng thông báo khi không tìm thấy bài viết trong kết quả tìm kiếm và lỗi trang không tìm thấy (404). Dòng thông báo sẽ không xuất hiện khi truy cập Nhãn, Bài đăng Cũ hơn...

Preview

Thêm đoạn mã dưới đây vào sau thẻ <b:includable id='main' var='top'> trong template của bạn.

<b:if cond='data:numPosts == 0'>
 <data:navMessage/>
</b:if>

Về cơ bản đến đây là xong. Dòng thông báo chỉ xuất hiện khi số lượng bài viết trên blog bạn ở trang hiện tại là 0. Tức là khi tìm kiếm không thấy kết quả hoặc khi trang truy cập không tồn tại (404).

Để thiết kế cho trang 404 bạn vào Cài đặt → Tùy chọn tìm kiếm. Ở mục Lỗi và chuyển hướng chọn Chỉnh sửa và viết dòng thông báo bạn muốn hiển thị (hỗ trợ cả mã HTML) hoặc sử dụng đoạn mã dưới đây để hiển thị giống blog demo.

<img alt='404' width='590' src='http://lh5.ggpht.com/-5K40QguTDcQ/T2rh53bnwOI/AAAAAAAAA7c/IeMF9a0DpgM/s590/404.png' height='399'/>

Thiết kế trên đây chỉ mang tính gợi mở, hãy thể hiện sự sáng tạo của bạn trong việc thiết kế trang báo lỗi 404!

Hiệu ứng thay đổi màu cho ảnh trong Blogger

2013-02-04T08:24:00.000+07:00

Bloggers Việt -Đây là thủ thuật thay đổi màu săc hình anhr bài viết trong Blogger/Blogspot khi rê chuột, màu sắc sẽ thay đổi. CSS3 Filters to Image.
Áp dụng các cho tất cả hình ảnh hoặc hình ảnh bạn càn làm hiệu ứng.

Code: chèn trước thẻ ]]></b:skin> trong template

Grayscale

img {
    -webkit-filter:grayscale(1);
}
img:hover {
    -webkit-filter:grayscale(0);
}

Saturate

img {
    -webkit-filter:saturate(4);
}
img:hover {
    -webkit-filter:saturate(1);
}

Sepia

img {
    -webkit-filter:sepia(1);
}
img:hover {
    -webkit-filter:sepia(0);
}

Hue Rotate

img:hover {
    -webkit-filter:hue-rotate(360deg);}

Invert

img {
    -webkit-filter:invert(1);
}
img:hover {-webkit-filter:invert(0);
}

Brightness

img {
    -webkit-filter:brightness(-0.5);}
img:hover {-webkit-filter:brightness(0);
}

Hue-rotate and Animate

@-webkit-keyframes hue { 
    100% { -webkit-filter:hue-rotate(360deg); }  
}
img:hover {
    -webkit-animation:hue 1s linear infinite;
}

Grayscale and Brightness

img { 
    -webkit-filter:grayscale(1) brightness(-0.4);
}
img:hover {-webkit-filter:grayscale(0) brightness(0);
}

Demo

Grayscale

Saturate

Sepia

Brightness

Grayscale and Brightness

Thay đổi kích thước màu sắc Form Comment

2013-02-04T08:20:00.001+07:00

Đây là thủ thuật Blogger khá đơn giản, nhưng cũng ít ai để ý. bạn có thể tùy biền theo phong cách của riêng bạn.

Chèn code này trước: ]]></b:skin>
Fom dạng color

.comment-form {background:#FFA530;border-bottom: 1px solid #999;padding:6px 10px;font-size:15px;color:#FFF;
    clear: both;
    max-width: 100%;}

Form Comment nền bằng hình ảnh

.comment-form {background:#000 url(https://lh4.googleusercontent.com/-x0UzaYSChzI/UK97BzPBDbI/AAAAAAAAEk0/t2ndYUMn5j4/s400/body-pattern.gif);border-bottom: 1px solid #999;padding:6px 10px;font-size:15px;color:#FFF;
    clear: both;
    max-width: 100%;}

Theo: Demo

CSS3 Text 3D, hiệu ứng chữ 3D

2013-02-04T08:15:00.002+07:00

Bloggers Việt -Hiệu ứng 3D Text, chứ 3D khi trỏ chuột cho Blogger, bạn có thể áp dụng cho tất cả chữ trong Blog hoặc là phân tiêu đề, logo...

#text {
    font-family: 'Myriad Pro', Helvetica, Arial sans-serif;
    font-size: 8em;
    width: 100%;
    text-align: center;
    margin: 120px 0;
}
 
#text a {
    text-decoration: none;
    font-weight: bold;
    color: #C0FF3E;
    text-shadow: 0 2px 0 #721e1e, 0px 2px 5px rgba(0,0,0,0.5);
    position: relative;
    -webkit-transition: all 0.1s ease-in;
}
 
#text a:hover {
    text-shadow: 0 2px 0 #d84f4f, 0 4px 0 #d54646, 0 6px 0 #ce3333, 0 8px 0 #b92e2e, 0 10px 0 #912525, 0 12px 0 #721e1e, 0px 12px 10px rgba(0,0,0,0.5);
    top: -12px;
}

HTML:

<div id="text">
<a href="http://www.hanhhuong.info/">BLOGGER VIỆT</a></div>

đây là kết quả.

3D TEXT

CSS3 Webkit Scrollbars Blogger

2013-02-04T08:07:00.001+07:00

Bloggers Việt - Đây là một vài CSS3 webkit thanh cuộn. chỉ hiện thị tốt trên mấy ông như Chrome hoặc Safari.
một vài Code cho bạn thích trang trí thêm cho Blogger của bạn ngầu hơn.
có 16 Style. bạn chọn 1 cái trong số đó và chèn trước: ]]></b:skin>

/*1
-----------------------------------------------------------------*/
#style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}

/*2
----------------------------------------------------------------------*/
#style-2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#style-2::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#style-2::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #D62929;}

/*3
--------------------------------------------------------------------*/
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{background-color: #000000;}

/*4
--------------------------------------------------------------------*/
#style-4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-4::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-4::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555555;}

/*5
--------------------------------------------------------------------*/
#style-5::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-5::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-5::-webkit-scrollbar-thumb{background-color: #0ae;background-image: -webkit-gradient(linear, 0 0, 0 100%,color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));}

/*6
--------------------------------------------------------------------*/
#style-6::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-6::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-6::-webkit-scrollbar-thumb{background-color: #F90;background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%, transparent)}

/*7
--------------------------------------------------------------------*/
#style-7::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
#style-7::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-7::-webkit-scrollbar-thumb{border-radius: 10px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)),color-stop(0.86, rgb(28,58,148)));}

/*8
--------------------------------------------------------------------*/
#style-8::-webkit-scrollbar-track{border: 1px solid black;background-color: #F5F5F5;}
#style-8::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-8::-webkit-scrollbar-thumb{background-color: #000000;}

/*9
--------------------------------------------------------------------*/
#style-9::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-9::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-9::-webkit-scrollbar-thumb{background-color: #F90;background-image: -webkit-linear-gradient(90deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)}

/*10
--------------------------------------------------------------------*/
#style-10::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
#style-10::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-10::-webkit-scrollbar-thumb{background-color: #AAA;border-radius: 10px; background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, .2) 50%,rgba(0, 0, 0, .2) 75%,transparent 75%,transparent)}

---------------------------------HẾT-------------------------------*/

DEMO

Di chuyển ghi chú nhận xét theo khung nhận xét khi reply

2013-02-03T14:17:00.000+07:00

DPB -Một trong những điều khó chịu khi sử dụng Thread Comment của Blogger là khi reply lại nhận xét nào đó thì chỉ khung nhận xét di chuyển tới vị trí cần reply. Sẽ chẳng ra sao khi khung nhận xét và phần ghi chú nhận xét mỗi thứ ở một nơi. Thủ thuật sau đây sẽ giúp bạn mang phần ghi chú nhận xét đi theo khung nhận xét mỗi khi nhấn reply. Và không chỉ phần ghi chú nhận xét, bạn có thể thêm phần chú thích những ký tự tắt của emoticons hay bất cứ mã HTML nào.

Các bước thực hiện.

Bước 1: Tìm trong template thẻ <b:includable id='threaded-comment-form' var='post'>.

Mã hàm threaded-comment-form trước khi thay thế

Tại hàm threaded-comment-form này thay thế thẻ <b:else/> bằng đoạn mã dưới đây:

<b:else/>
<div id='threaded-comment-form'>

Thay thế thẻ </b:if> bằng đoạn mã dưới đây:

</div>
</b:if>

Mã hàm threaded-comment-form sau khi thay thế

Bước 2: Thay thế đoạn mã document.getElementById(domId).insertBefore(replybox, null); trong template của bạn bằng đoạn mã dưới đây:

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

Các bước trên là nhóm những thành phần cần di chuyển theo khung nhận xét vào cùng thẻ <div> với id là threaded-comment-form và khai báo lại hàm insertBefore. Thủ thuật đã xong!

Bonus thêm 2 style cho phần ghi chú nhận xét.

Style 1:

Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#threaded-comment-form p{position:relative;background:#17b38f;padding:10px;font-size:13px;line-height:1.6em;color:#fff}
#threaded-comment-form p:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #17b38f;border-right:20px solid transparent;width:0;height:0;line-height:0}

Style 2:

Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#threaded-comment-form p{position:relative;border-radius:20px;padding:10px;font-size:13px;line-height:1.6em;color:#111}
#threaded-comment-form p,#threaded-comment-form p:after,#threaded-comment-form p:before{border:4px solid #ff4e47;background:#fff}
#threaded-comment-form p:after{bottom:-20px;right:30px;width:20px;height:20px}
#threaded-comment-form p:after,#threaded-comment-form p:before{content:"";position:absolute;border-radius:50%}
#threaded-comment-form p:before{bottom:-30px;right:60px;width:10px;height:10px}

Muốn thêm thành phần nào cần di chuyển theo khung nhận xét bạn chỉ cần đặt nó vào trong thẻ <div id='threaded-comment-form'>.

Style đẹp dành cho Thread Comment của Blogger

2013-02-03T14:12:00.002+07:00

DPB -Đây là một style dành cho Thread Comment mặc định của Blogger. Với style này khung nhận xét của bạn trở nên trực quan hơn khi có sự phân biệt rõ ràng giữa nhận xét reply và nhận xét được reply. Nhận xét của tác giả bài viết được gắn thêm ribbon để phân biệt với các nhận xét khác. Style này được thiết kế theo đúng phong cách mình vẫn theo đuổi lâu nay: đơn giản, rõ ràng và hiện đại. Style này là thiết kế ban đầu dành cho những template của mình sau này vốn sẽ áp dụng Thread Comment làm mặc định, hi vọng nó phù hợp với style đại đa số blog.

Preview

Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://lh6.ggpht.com/-GDMurKK2tec/T5JCD6hoKoI/AAAAAAAABAc/COHOItBlFWk/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

d80556 là màu chủ đạo của style Thread Comment này, bạn có thể thay đổi nó theo ý muốn.

Nâng cấp tiện ích Thống kê blog

2013-02-03T14:03:00.000+07:00

DPB -Đây là phiên bản nâng cấp cho tiện ích Thống kê blog có sẵn của Blogger. Ngoài số lượt truy cập blog thì mình có thêm thống kê tổng số bài viết và tổng số nhận xét cho tiện ích này. Và dữ liệu cho 2 thống kê này được lấy từ feed với dung lượng nhỏ nhất. Vì sử dụng đến dữ liệu từ feed nên blog bạn áp dụng phải ở chế độ mở cho tất cả người đọc.

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

#Stats1 ul{margin:10px 0;border:0;padding:0}
#Stats1 li{margin:0;border:0;background-color:#ff4e47;background-image:url(http://lh3.ggpht.com/-JypPIDhQgEY/UIfUN_w0jkI/AAAAAAAABOM/s_O3VHyQSlw/s194/sprites-stats.png);background-repeat:no-repeat;padding:10px 10px 10px 80px;list-style-type:none}
#Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:13px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

Bước 2: Thêm tiện ích Thống kê blog tại nơi bạn muốn hiển thị (bỏ qua bước này nếu blog bạn đã có).

Bước 3: Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa <b:widget id='Stats1' locked='false' title='Tổng số lượt xem trang' type='Stats'/>. Thay thế nó bằng đoạn mã dưới đây.

<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
    <div class='widget-content'>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <span>Pageviews</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

Tùy phiên bản ngôn ngữ blog của bạn mà tiêu đề Tổng số lượt xem trang có thể khác nhau dẫn đến từ khóa tìm kiếm ở bước 3 cũng có sự khác biệt.

Made - Responsive Review/Magazine Theme

2013-01-31T15:56:00.001+07:00

Demo

Thông tin:

Nền tảng:

Wordpress

Tên Template:

Made

Hướng dẫn:

Template Settings Link Here

Tác giả:

industrialthemes

Designer URL

Designer Link Here

Thông tin khác:

Mô tả:

Template descriptions Here

Unlimited customized review mini-sites with 4 ways to rate (numbers, percentages, letters, stars), perfect for topics like:
Laptops, Smart Phones, Tablets, and Audio/Video products
Movies, Music, and Video Games
Restaurants, Beer, and Wine
Fashion Trends and Clothing
Travel Destinations and Vacation Getaways
Automobiles
Books, Magazines, Web Sites, and Comics
Casinos, Pinball Machines, Ice Cream, Puppies, WordPress Review Themes…Anything you want.

Trang chủ dẫn vào blog chính - Index Happy New Year 2013 cho Blogspot

2013-01-25T09:02:00.000+07:00

Thông tin:
Nền tảng:	Blogger
Tên Template:	Index Happy New Year 2013
Hướng dẫn:	Template Settings Link Here
Tác giả:	NGUYỄN CAO VIỆT
Designer URL	Designer Link Here
Thông tin khác:	Có thắc mắc bạn cứ comments tại đây
Mô tả:	Template có câu đối 2 bên bằng Flash có thể thu vào hoặc mở rộng ra. Đây chỉ là index, sẽ không hiển thị bài viết blog của bạn. Sẽ tự động chuyền về blog chính của bạn trong 45 giây.