[Blogger] Tổng hợp Các bài thủ thuật về Blogspot-Blogger (Serial thủ thuật blog 1)

56 thủ thuật blogspot dành cho blogger

Cách đến nhanh bài viết:
·  Nhấp chuột trái vào mục muốn xem.
·  Về đầu trang của Serial gồm 56 thủ thuật, nhấn nút HomeSerial - Serial Thứ 1







Tải

[01] Sữa lỗi không hiện Avatar comment

[02] Tạo Read More (Đọc tiếp) một cách tự động V4

[03] Tạo nút nhấn cho phép ẩn hiển các widget (tiện ích) khi click vào nó

[05] Chèn thêm khung Add a gadget (Thêm tiện ích) cho phần Header và Main

[06] Tùy chỉnh số bài viết hiển thị ở trang Label (Nhãn)

[07] Ẩn ngày đăng bài viết

[08] Tạo cửa sổ Popup khi rê chuột vào ảnh

[09] Bỏ đường viền ảnh khi chèn hình vào blog

[10] Chỉ cho phép hiển thị tiêu đề bài viết ở trang Archive (Lưu trữ) và Label (Nhãn)

[11] Loại bỏ Read more ở trang tĩnh (static page)

[12] Tạo màu nền riêng biệt cho các comment

[13] Thêm tiện ích "Recent comments" cho Blogspot

[14] Kích hoạt Feed cho Blogspot với Feedburner

[15] Sửa lỗi ảnh tràn ra ngoài khung bài viết

[16] Cấm click chuột phải trên Web, Blog

[17] Không cho quét khối và copy văn bản

[18] Vô hiệu hóa chức năng Copy, Paste

[19] Không cho click chuột phải lên hình ảnh

[20] Button lên, xuống, vào giữa trang blog

[21] Tạo bài viết liên quan (Related Posts)

[22] Điều chỉnh bề rộng khung comment, thu hẹp khoảng cách dưới khung

[23] Chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứng

[24] Chèn ảnh luôn hiện ở phía trước mặt Blog

[25] Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định

[26] Ẩn widget tại trang chủ hay trang riêng biệt

[27] Tạo số đếm thứ tự cho các comment

[28] Lazyload Jquery làm mượt ảnh và ảnh sẽ load nhanh hơn

[29] Tiện ích hiển thị tổng số bài viết và comment

[30] Chèn code vào bài viết hoặc comment

[31] Chèn nền Flash (hoa rơi, tuyết rơi,…) cho blog

[32] Hiệu ứng hoa, lá, tuyết rơi,... trên nền blog

[51] Hiệu ứng tuyết rơi cho blog

[33] Khung thông báo cho blog

[34] Chèn Emoticons vào comment

[35] Click chuột vào button, một hộp thoại hiển thị

[36] Tạo dáng cho trỏ chuột với hình ảnh bất kỳ

[37] Sao rơi theo trỏ chuột

[38] Form comment đẹp cho Blogspot

[39] Tự động Refresh blog, website sau thời gian chỉ định

[40] Tự động chuyển Domain khi vào blog, website

[41] Tạo bảng "Admin Control Panel"

[42] Chèn Box Google Search vào blog

[43] Hiệu chỉnh tiêu đề cho blog

[44] Tạo màu chữ, nền comment riêng cho chủ blog

[45] Tiện ích phân trang PageNavi và một số style

[46] Thêm chú thích cho nhận xét của chủ blog

[47] Kwicks Slider for Blogger – Tạo slide trình diễn bài viết

[48] Xóa số đếm sau mỗi nhãn (label)

[49] Xóa thông báo: Hiển thị các bài đăng có nhãn…

[50] Khắc phục lỗi không hiện đủ bài viết trên blog

[52] Hướng dẫn sửa Lỗi: Missing required field "updated" hCard "author" "entry-title"

[53] Cách thêm comment facebook vào Blogspot và hướng dẫn quản lý comment

[54] Tạo nút like Facebook, Google+, Tweet,…

[55] Tạo site map cho Blogspot

[56] Tổng hợp một số code thông dụng dùng trong bài viết

Thêm bộ nút Like Share của facebook vào Website Blog

Hướng dẫn thêm nút Like Share Facebook, google +, Pinterest Tumblr vào blogspot

Trong bài viết này mình sẽ giới thiệu cách đơn giản để thêm Nút Like Share của Facebook...hay google+,hay tumbr hoặc pinterest vào trang chủ của webstie hay blog. Ngoài ra nó còn có thể thêm được cả vào từng bài viết trên Blog. Cách này sử dụng đoạn mã không đồng bộ, không ảnh hưởng tới tốc độ load của webstie hay blog, nó rất có lợi cho SEO.

Cách thêm nút Like nút Like Facebook, Google+, Share tổng hợp cho Blog, webste Trên trang chủ và trên cả trang bài viết dưới dạng Thanh Slide trượt dọc.

Demo nút like share cho blog

Cách 1:

Bước 1:

Các bạn vào trang : AddThis.com

Sau đó tạo một tài khoản miễn phí.

Bước 2:

Tại Dashboard nhấn vào nút Tool Gallery. Chọn mẫu Sharing Sidebar mà bạn ưng ý, nhấn vào get Code , rồi Add code đó vào sau thẻ <body> tại template của blog. Mã này là mã không đồng bộ nên không ảnh hưởng tới tốc độ Load của website.

Hoặc các bạn có thể Add trực tiếp vào Layout bằng cách, chọn Add a Gadget trên Layout , chọn HTML/JavaScript, dán code trên vào.

Bước 3:

Lưu Template rồi sau đó nhấn Activate tại trang AddThis. Sau đó kiểm tra kết quả.

Cách 2:

Add trực tiếp vào Layout bằng cách, chọn Add a Gadget trên Layout , chọn HTML/JavaScript, dán code dưới đây vào:

<!-- Go to www.addthis.com/dashboard to customize your tools --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-547537756521c8d4" async="async"></script>

Cách thêm nút Like nút Like Facebook, Google+, Share tổng hợp cho từng bài viết trong web, blog.

Mình sẽ hướng dấn cách thêm nút Like và +1 Share cuối hoặc đầu mỗi bài viết như sau:

Tương tự như trên:

Demo

Bước 1:

Các bạn vào trang :AddThis.com

Sau đó tạo một tài khoản miễn phí.

Bước 2:

Chọn mã code: Original Sharing Buttons. Tùy chỉnh theo ý của bạn.

Bước 3:

Lấy code và làm theo hướng dẫn.

Hoặc

B1. Chèn code sau dưới thẻ <body>

<!-- Go to www.addthis.com/dashboard to customize your tools --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-547537756521c8d4" async="async"></script>

B2. Chèn code sau trên hoặc dưới thẻ <data:post.body/> hoặc bất kỳ chổ nào trên bài viết mà bạn muốn hiện.

<!-- Go to www.addthis.com/dashboard to customize your tools --><div class="addthis_native_toolbox"></div>

Cảm ơn bạn đã theo dõi bài viết tại Chemistry study guide, hãy like và chia sẽ để ủng hộ mình nhé.