Home » Thủ Thuật Blogger
Auto Readmore sử dụng JavaScript cho Blogger / Blogspot
4:39 AM |Việc tạo Auto Readmore không còn gì là xa lạ với Blogger / Blogspot nữa, nó giúp rút gọn bài viết ngoài trang chủ, làm cho giao diện blog đẹp và bắt mắt hơn. Có 2 loại Auto Readmore là không sử dụng JavaScript và sử dụng JavaScript. Với việc không dùng JavaScript sẽ giúp ích nhiều cho SEO, tuy nhiên số lượng ký tự hiển thị sẽ bị giới hạn cùng với đó kích thước hiển thị ảnh thumbnail mặc định lại rất nhỏ, khó tùy biến. Vậy nên bài viết này sẽ hướng dẫn tạo Auto Readmore sử dụng JavaScript, tuy không thân thiện với SEO nhưng lại tùy chỉnh được nhiều thứ về giao diện.
1. Auto Readmore phát triển bởi Noct Blog
Đọc thêm
Xem thêm…
1. Auto Readmore phát triển bởi Noct Blog
Đọc thêm
Luật Liên minh châu Âu về Cookies dùng trên Blogger (Blogspot)
12:42 AM |Vào ngày 28/7/2015 vừa qua, Google đã có thông báo đến toàn thể cộng đồng người dùng Blogger về một điều luật mới vừa được ban hành của Liên minh châu Âu :
❝Luật của Liên minh châu Âu yêu cầu bạn cung cấp cho khách truy cập ở Liên minh châu Âu thông tin về các cookie dùng trên blog của bạn. Trong nhiều trường hợp, những luật này cũng yêu cầu bạn phải nhận được sự chấp thuận.
Với trách nhiệm của mình, chúng tôi đã thêm thông báo trên blog của bạn để giải thích về việc Google sử dụng một số cookie nhất định của Blogger và của Google, kể cả việc sử dụng các cookie của Google Analytics và AdSense.
Bạn có trách nhiệm xác nhận rằng thông báo này thực sự có hiệu lực đối với blog của bạn và thông báo có hiển thị. Nếu bạn sử dụng các cookie khác, ví dụ như bằng cách thêm các tính năng của bên thứ ba, thì thông báo này có thể không có hiệu lực đối với bạn. Tìm hiểu thêm về thông báo này và trách nhiệm của bạn.❞
Đọc thêm
Add Download and Demo Button in Blogger (Blogspot)
9:58 PM |Đầu tiên, Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Chèn file css Font Awesome này vào trước thẻ
Sau đó, chọn 1 trong các Style bên dưới để làm tiếp. (Lưu ý: Style 5 không cần Font Awesome)
Style 1
Đọc thêm
Xem thêm…
Chèn file css Font Awesome này vào trước thẻ
</head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
Sau đó, chọn 1 trong các Style bên dưới để làm tiếp. (Lưu ý: Style 5 không cần Font Awesome)
Style 1
Đọc thêm
Tự tạo quảng cáo giống với Google AdSense
10:59 AM |Khắc phục lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng chặn
2:48 AM |Tại thời điểm hiện tại, một số nhà mạng - cụ thể là VNPT đã chính thức chặn subdomain .blogspot.com, nguyên nhân là do xuất hiện những blog có nội dung xấu, trái với pháp luật Việt Nam. Điều này gây ảnh hưởng rõ dệt không chỉ cho người dùng mà còn ảnh hưởng đến những ai sử dụng nền tảng Blogger làm website.
Đọc thêm
Xem thêm…
Đọc thêm
Chèn Facebook Comment vào giao diện mobile cho Blogger (Blogspot)
2:44 AM |Hôm qua có vài bạn hỏi mình: khi truy cập bằng điện thoại thì không thấy hiện bình luận facebook, làm sao để hiện bình luận facebook trên giao diện mobile ?
Bài viết này sẽ là câu trả lời cho các bạn:
Hướng dẫn chèn Facebook Comment vào giao diện mobile cho Blogger (Blogspot)
Đầu tiên, đảm bảo là các bạn đã đọc qua và chèn facebook comment vào giao diện web như ở bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)
Đọc thêm
Xem thêm…
Bài viết này sẽ là câu trả lời cho các bạn:
Hướng dẫn chèn Facebook Comment vào giao diện mobile cho Blogger (Blogspot)
Đầu tiên, đảm bảo là các bạn đã đọc qua và chèn facebook comment vào giao diện web như ở bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)
Đọc thêm
Chèn biểu tượng mặt cười (Emoticons) vào bài viết cho Blogger (Blogspot)
9:48 PM |Như các bạn đã biết, để thêm một hình ảnh bất kì vào bài viết chúng ta sẽ dùng thẻ
Đọc thêm
Xem thêm…
<img src="link_anh" />
. Tuy nhiên, khi bạn muốn chèn biểu tượng mặt cười vào bài viết thì việc làm trên sẽ khiến bạn tốn nhiều thời và hình ảnh cũng không đồng bộ. Do vậy, bài viết này sẽ giúp các bạn chèn biểu tượng mặt cười dễ dàng, thuận tiện hơn rất nhiều, khiến việc chèn biểu tượng mặt cười trở lên thích thú với bạn qua từng bài viết.Đọc thêm
Tổng hợp code đếm số lượng trong Blogger (Blogspot)
11:59 PM |1. Hiển thị tổng số bài viết của blog
<script style="text/javascript">
function showpostcount(json) {
document.write('<left>Tổng số bài viết: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://www.dxoan.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
Đọc thêm
Lazy Load Plugin - Hiệu ứng tải ảnh khi cuộn trang cho Blogger (Blogspot)
7:53 AM |Lazy Load là một Plugin jQuery sử dụng cho việc load hình ảnh trên trang web. Thay vì load toàn bộ hình ảnh một lần khi tải trang thì với công cụ này nó sẽ load từng ảnh một, giúp cái thiện tốc độ tải trang đáng kể với các trang web sử dụng nhiều hình ảnh. Khi bạn di chuyển thanh cuộn của trình duyệt tới đâu thì ảnh mới được nạp và hiển thị, điều này làm cho hình ảnh hiện ra trông mượt và chuyên nghiệp hơn.
Đọc thêm
Chèn Facebook Comment phiên bản mới nhất cho Blogger (Blogspot)
7:00 AM |Vào khoảng cuối tháng 3 vừa rồi, Facebook Comment đã ra phiên bản mới Graph API v2.3. Và đến 23/6/2015, Facebook sẽ chính thức ngừng hoạt động phiên bản comment cũ để đưa phiên bản v2.3 vào hoạt động. Những phiên bản cũ nếu không cập nhật thì cũng được Facebook tự động nâng cấp lên phiên bản mới. Xem thêm thông tin tại đây.
Để sử dụng phiên bản mới cùng với việc đồng bộ hơn về code, mình sẽ hướng dẫn các bạn tự nâng cấp Facebook Comment phiên bản mới nhất cho Blogger (Blogspot).
Đầu tiên, hãy xem qua bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)
Đọc thêm
Xem thêm…
Để sử dụng phiên bản mới cùng với việc đồng bộ hơn về code, mình sẽ hướng dẫn các bạn tự nâng cấp Facebook Comment phiên bản mới nhất cho Blogger (Blogspot).
Đầu tiên, hãy xem qua bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)
Đọc thêm
Ẩn hiện thanh điều hướng (navbar) cho Blogger
10:51 AM |Với một số blog chuyên nghiệp, thanh điều hướng (navbar) sẽ làm blog của bạn nhìn xấu đi, mất thẩm mỹ và thường có xu hướng xóa bỏ hoặc ẩn nó đi. Để tạo ra sự mới mẻ và trải nghiệm tốt hơn, bài viết này sẽ giúp bạn tạo hiệu ứng ẩn hiện thanh điều hướng khi rê chuột vào.
Xem thêm…
Tự động chèn link vào từ khóa trong bài viết của Blogger
11:51 PM |Bình thường khi chèn link vào một từ khóa nào đó nằm trong bài viết chúng ta hay làm theo cách thủ công với từng bài một. Việc này sẽ mất khá nhiều thời gian nếu chèn link cho từ khóa vào hàng loạt bài viết, lúc này chúng ta cần chèn link một cách tự động và bài viết này sẽ giúp bạn làm điều đó.
Hướng dẫn tự động chèn link vào từ khóa trong bài viết của Blogger
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm đoạn code này vào ngay phía trên thẻ
Đọc thêm
Xem thêm…
Hướng dẫn tự động chèn link vào từ khóa trong bài viết của Blogger
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm đoạn code này vào ngay phía trên thẻ
</head>
Đọc thêm
Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)
10:16 AM |Bước 1: Tạo app facebook
Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps
Vào My Apps ~> Với những tài khoản facebook chưa veryfi (xác thực) thì sẽ hiện "Register as a Developer" , bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại
Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App
Đọc thêm
Xem thêm…
Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps
Vào My Apps ~> Với những tài khoản facebook chưa veryfi (xác thực) thì sẽ hiện "Register as a Developer" , bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại
Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App
Đọc thêm
Auto readmore không sử dụng javascript cho Blogger
8:45 PM |Blogger đã có readmore tuy nhiên nó khá thủ công, với blog đã có nhiều bài viết thì việc tạo readmore cho từng bài là rất vất vả và blogger thường tìm đến với auto readmore javascript. Auto readmore javascript thực ra chỉ hiển thị một phần bài viết qua hàm
Đọc thêm
Xem thêm…
document.write
, nội dung cả bài viết vẫn được trình duyệt tải về. Nhược điểm của nó là không thân thiện với các bộ máy tìm kiếm và các công cụ dịch trực tuyến, ngoài ra với bài viết dài nếu không dùng thêm readmore của Blogger thì sẽ gặp lỗi phân trang do Blogger tự ngắt trang. Thủ thuật auto readmore mình giới thiệu sau đây hoàn toàn mới, không sử dụng javascript mà dùng các câu lệnh do chính Blogger cung cấp. Nó sẽ cải thiện tốc độ blog của bạn khi duyệt các trang kiểu index, archive do chỉ tải về trích đoạn nội dung của bài viết.Đọc thêm