Hướng dẫn giải thích làm thế nào để thêm một hệ thống bài đánh giá năm sao vào blog Blogger của bạn với kỹ năng gần như không có mã hóa yêu cầu.
Hệ thống xếp hạng bài đăng trên một trang web cho phép người đọc để đánh giá các nội dung trên một quy mô nhất định. Xếp hạng do đó thu được coi là tỷ lệ thuận với sự hài lòng của khách truy cập / người đọc. Bạn cũng có thể gọi các hệ thống đánh giá một hệ thống bầu cử đó giúp bạn và độc giả của bạn để nhận và gửi phản hồi về nội dung. Bạn có thể đã nhìn thấy bài đánh giá tính năng trên trang web xem xét, triển lãm ảnh, và công thức thức ăn blog. Những loại dự án sử dụng các kịch bản phía máy chủ và cơ sở dữ liệu để lưu và hiển thị dữ liệu đánh giá.
Cho phép nói về yêu dấu của chúng tôi nền tảng Blogger . Blogger không cung cấp bất kỳ vật dụng giá chính thức. Ngoài ra, nó không cho phép người sử dụng để thêm các tùy chỉnh server-side. Vì vậy, người dùng Blogger phải dựa trên lựa chọn thay thế phía khách hàng hoặc các giải pháp của bên thứ ba để thêm xếp hạng sao và các tiện ích tương tự trên blog của họ.
Lưu ý : Một giải pháp client-side độc lập (. ví dụ như một jQuery plugin) sẽ không làm việc ở đây, như chúng ta cũng cần có một cơ sở dữ liệu để lưu và lấy dữ liệu xếp hạng.
Trước đây, một dịch vụ phổ biến được cung cấp phụ tùng giá miễn phí cho Blogger - nó vẫn không nhưng các phụ tùng được không làm việc nữa (vì vậy không có sử dụng để đề cập đến nó). Nhưng đừng lo, tôi biết nhiều hơn.Trước khi đi xa hơn, tôi muốn cho bạn thấy một demo:
Tôi biết một hệ thống đăng xếp hạng mạnh mẽ, cho phép bạn dễ dàng thêm widget để xếp hạng blog Blogger của bạn với một vài dòng mã. Vì vậy, không chờ được nữa, bạn nên làm theo các bước dưới đây đưa ra để có được công việc này được thực hiện:
1.Trước hết, Edit HTML của template blogger của bạn, tìm </head> và thêm đoạn mã sau ngay phía trên nó:
2. Bây giờ hãy tới graddit.com và chọn một widget giá đầu tiên.
3. Nhấp vào "Blogger" liên kết phía trên để lấy mã widget.Tùy chọn, bạn cũng có thể chọn tham gia các chức năng jQuery cho các hiệu ứng hình ảnh động.Sao chép mã để tạo ra:
4.Bây giờ, một lần nữa đi tới HTML của mẫu Blogger của bạn và tìm kiếm các mã dưới đây:
<b:includable id='post' var='post'>
Tìm<data: post.body /> bên dưới dòng trên và dán mã xếp hạng sao chỉ trên (nếu bạn muốn phụ tùng giá để xuất hiện ở phía trên cùng của nội dung bài viết) / dưới (nếu bạn muốn nó bên dưới bài viết) nó.
5. Lưu các thay đổi. Vậy là bạn đã hoàn thành việc thêm đánh giá hình sao vào bài viết của mình.
Đó là nó. Bây giờ mở bất kỳ bài viết của bạn để kiểm tra xem bạn đã thêm thành công xếp hạng hay không. Ngoài ra, bạn có thể đăng ký cho tài khoản đó tại Graddit.com cho nhiều tính năng hơn.
Để có một bài viết hay, có ích cho người dùng, chắc chắn bạn phải bỏ ra không ít thời gian, công sức và tâm huyết vào bài viết của mình. Và thực sự, bạn cũng mong muốn ràng khi ai chia sẻ lại nội dung cũng có để nguồn tham khảo về bài viết gốc trên website của bạn. Chẳng hạn có ai đó copy bài viết nhưng lại quên mất đưa link nguồn vào hoặc lười. Vì thế, chúng ta cũng nên giúp họ bằng cách tự động ghi nguồn vào bài viết luôn. Nếu thật sự họ muốn copy bài viết của bạn thì khá là khó chống đó nhé và mình sẽ giải thích tại sao. Phương pháp mình sắp trình bày dưới đây cũng rất cơ bản và nó giúp ai đó có quên, hay lười vẫn có thể đưa link nguồn bài viết vào.
Như vậy để tự động đưa link nguồn bài viết khi sao chép (coppy) các bạn thực hiện các bước sau: 1. Đăng nhập vào blogger. 2. Vào phần mẫu >> chỉnh sửa HTML. 3. Tìm thẻ </head> chèn đoạn code này vào trước nó.
<script type='text/javascript'>
function addLink(){
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br/><br/>Link nguồn : <a href='"+document.location.href+"'>"+document.location.href+"</a>";
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>
Hôm nay tôi muốn chia sẻ cho các bạn yêu thích và muốn thiết kế cho mình một cái gì đó mang đậm phong cách của bạn vào blogger với những mẫu đồng hồ có đính kèm lịch.
Các bước thực hiện: 1. Đăng nhập vào Blogger >>> Bố cục 2. Thêm tiện ích vào khu vực mình muốn có đồng hồ>>> Html/javascript 3. Coppy đoạn code bất kì với các mẫu dưới đây theo ý bạn.
Bạn thấy nội dung trang chủ của mình quá dài, rối mắt bạn muốn rút gọn nó lại và không biết làm thế nào? Hôm nay mình xin chia sẻ cách rút gọn nội dung bài viết trên trang chủ để các bạn tham khảo.
Bước 1: Đăng nhập vào blog -> chọn Mẫu -> chọn chỉnh sửa HTML
Bước 3: Dán đoạn mã dưới đây lên thẻ <data:post.body/> (chú ý: thường trong một blog có ít nhất 2 thẻ <data:post.body/> các bạn thay lần lượt nếu vẫn không được nhé!)
Một số bạn tự chỉnh sửa hoặc down một số mẫu cuối bài viết không có các nút like, share, +1 các mạng xã hội tiện cho việc chia sẻ nếu độc giả thấy nội dụng hay, bổ ích. Hôm nay mình xin chia sẻ cách tạo các nút này chi tiết nhất.
Bước 1: Đăng nhập vào blogspot -> Chọn mẫu (templates) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Tìm đoạn code <data:post.body/>(Tìm kiếm nhanh ctrl + f rồi dán đoạn code bạn cần tìm và enter)
Bước 3: Dán đoạn code dưới đây (chú ý: thường blog có ít nhất 2 thẻ <data:post.body/> các bạn chịu khó thay lần lượt nếu các bạn không thấy nó hiển thị)
Đối với các bạn đang sở hữu Blog thì không thể thiếu chức năng Like, Share bài viết của bạn lên các trang mạng xã hội giúp người đọc dễ dàng tiếp cận bài viết hoặc chỉ đơn giản là tìm kiếm lượng truy cập vào blog của mình.....
Có rất nhiều cách để cài đặt tiện ích nhưng hôm nay mình xin chia sẻ tới các bạn một cách để Blogspot (Blogger) của bạn có thể chia sẻ với tất cả các mạng xã hội.
