NguyenTruongSon.info

Hướng dẫn tạo Push Notification (thông báo đẩy) cho Blogspot

Giúp khách hàng biết được trang Blogspot của mình có bài viết mới

Push Notification (thông báo đẩy) là gì?

• Push Notification là một dạng thông báo cho khách hàng biết rằng trang Blogspot của bạn vừa có bài đăng mới. Dạng thông báo đẩy cho Blogspot bằng PushCrew này hoạt động tốt trên các trình duyệt phổ biến hiện nay như: Chrome, FireFox, Coccoc ...v..v.... nên khách hàng sẽ luôn nhận được thông báo của bạn.

Ích lợi của việc dùng Push Notification (thông báo đẩy) cho trang Blogspot?

• Push Notification hiện nay rất phổ biến và được nhiều trang web lớn thường dùng nó cho việc kinh doanh của mình (kể cả Facebook). Khi bạn sử dụng Push Notification cho trang Blogspot của bạn, đọc giả vào và đăng ký nhận thông báo thì họ ko cần phải check mail như cách dùng tiện ích "Theo dõi qua Email" sẵn có của Blogspot, mà thông báo sẽ được hiển thị ngay trên trình duyệt của họ. Đặc biệt nếu bạn tạo trang Blogspot bán hàng thì thông báo đẩy này rất có lợi cho việc kinh doanh,bán hàng của bạn. Khi bạn đăng 1 bài viết về sản phẩm mới, thông báo sẽ được hiển thị ngay trên trình duyệt của khách hàng giúp khách hàng nhận biết thông tin cập nhật và khiến cho khách hàng trở lại trang Blog bán hàng của mình sớm nhất, thu hút nhiều lượt xem bài viết hơn, dẫn đến doanh số bán hàng tăng lên

Hướng dẫn cách tạo Push Notification (Thông báo đẩy) cho Blogspot

• Display push notifications permission box after seconds on your website: số phút Push Notification (Thông báo đẩy) sẽ xuất hiện khi khách hàng truy cập vào trang Blogspot của bạn
• Upload Logo: bạn có thể upload logo của bạn lên tại đây
• Customize opt-in box for your website:
• Title: Tiêu đề dòng thông báo (có thể thay đổi theo ý muốn của bạn)
• Subtitle: Mô tả phần thông báo (có thể thay đổi theo ý muốn của bạn)
• Allow Button Text: Tên nút Allow (có thể thay đổi theo ý muốn của bạn)
• Disallow Button Text: Tên nút Disallow (có thể thay đổi theo ý muốn của bạn)

Ps: Phía trên sẽ có phần xem trước để bạn tiện thay đổi các thông số

Bấm Save để hoàn tất ^^

Để xem thêm các thủ thuật Blogger khác, bạn bấm vào "Blogger" trên thanh menu nhé!

Chúc các bạn thành công!

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 43: Thiết kế website Bất động sản miễn phí bằng Blogspot (cơ bản)
Bài 44: Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot (nâng cao)

Hướng dẫn tạo Menu ngang và Menu dọc cho Blogspot

Giúp trang Blogspot của bạn trông đẹp hơn, gọn gàng hơn và chuyên nghiệp hơn

Hướng dẫn tạo Bài viết liên quan cho blogspot theo Nhãn (Label) bài viết

Đọc giả sẽ dễ dàng theo dõi tiếp các bài viết liên quan có cùng nhãn (label) của bài viết hiện tại

Hôm nay Sơn Nguyễn tiếp tục với Series Hướng dẫn tạo Bài viết liên quan (Related Post) cho Blogspot. Và bài hướng dẫn hôm nay sẽ là tạo Related Post theo Nhãn (Label) bài viết Blogspot
Các bước tạo Related Post theo Nhãn (Label) bài viết Blogspot:

Bước 1: Đăng nhập vào Blogspot cần tạo Related Post --> Chủ đề (trước kia là Mẫu) --> Chỉnh sửa HTML




Bước 2: đặt con trở soạn thảo trong ô code, bấm Ctrl + F để tìm dòng <div class='post-footer'>

Bước 3: Copy đoạn code bên dưới và dán (paste) vào sau dòng <div class='post-footer'> (phía dưới dòng)

<!-- related post --><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='widget-content'><h2>Các bài liên quan</h2><div id='saliproit183'/><br/><br/>&lt;script type=&quot;text/javascript&quot;&gt;homeUrl3 = &quot;nguyentruongson.info&quot;;maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 6;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+21);label = decodeURIComponent(label);var txt = document.createTextNode(label);var h = document.createElement(&#39;h4&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;saliproit183&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop>&lt;/script&gt;</div></b:if><br/><!-- /related post -->

Chú ý:

Hướng dẫn tạo Bài viết liên quan (Related Post) cho Blogspot

Giúp đọc giả thuận tiện theo dõi và xem thêm được nhiều bài viết khác của bạn có liên quan đến chủ đề của bải viết hiện tại của bạn

Có nhiều mẫu Template Blogger có tích hợp sẵn phần Related Post, và có 1 số mẫu thì ko. Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn cách tạo Bài viết liên quan cho Blogspot của bạn (hay còn gọi là tạo Related Post cho Blogspot)


Tạo Bài viết liên quan (Related Post) hiển thị Bài mới nhất (Recent Post)

Bước 1: Đăng nhập vào Blogspot cần tạo Related Post --> Chủ đề (trước kia là Mẫu) --> Chỉnh sửa HTML



Bước 2: đặt con trở soạn thảo trong ô code, bấm Ctrl + F để tìm thẻ đóng </head>

Bước 3: Copy đoạn code 1 bên dưới và dán (paste) vào trước thẻ </head> (phía trên thẻ)

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type="text/javascript">//<![CDATA[var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Không có bài viết liên quan</li>")}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}document.write('<li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)};//]]></script></b:if>

Bước 4: Tiếp tục bấm Ctrl + F để tìm dòng <div class='post-footer'>

Bước 5: Copy đoạn code 2 bên dưới và dán (paste) vào sau dòng <div class='post-footer'> (phía dưới dòng)

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b>Bài viết liên quan:</b><b:loop values='data:post.labels' var='label'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/></b:loop><script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script></div></b:if>

1. <div class='post-footer-line post-footer-line-1'>
2. <div class='post-footer-line post-footer-line-2'>
3. <div class='post-footer-line post-footer-line-3'>

Hôm nay Sơn Nguyễn chia sẻ thủ thuật Blogger: tạo Bình luận mới nhất cho Blogspot (có Avatar hiển thị)

Tiện ích này sẽ giúp các bạn cập nhật các comment mới nhất của đọc giả trên website/Blogspot của bạn, giúp bạn để có phương án xử lý kịp thời (trả lời, hỗ trợ, giải đáp những thắc mắc của đọc giả khi xem bài viết của bạn, hoặc xóa các comment spam ... 1 cách nhanh nhất)

Hướng dẫn tạo Menu Categories danh mục cho Blogspot

Giúp đọc giả dễ dàng tìm kiếm và dễ theo dõi các bài viết của bạn hơn

Trong thời gian gần đây, có nhiều bạn hỏi Sơn Nguyễn cách tạo Menu có nhiều bài viết? Trong Bài 1 Sơn Nguyễn có hướng dẫn các bạn cách tạo Menu cho Blogspot rồi. Tuy nhiên do tạo Menu bằng Trang bài viết nên chỉ có 1 bài đăng cho Menu đó mà thôi.

Các bài viết cùng chủ đề sẽ được gom lại chung lại trong 1 Categories/Danh mục. Khi đọc giả cần tìm các bài viết về chủ đề đó, về sản phẩm đó thì chỉ cần click vào Menu Categories/Danh mục tương ứng là có thể tìm thấy, khỏi mất thời gian lục lọi tìm kiếm (vì các bài viết có thể được viết vào những thời gian khác nhau, rất mất thời gian để tìm thấy nó, đặc biệt là với những Blogspot có hàng trăm hàng ngàn bài viết)

Để tạo Menu danh mục bài viết cho Blogspot, hay còn gọi là tạo Categories nhiều bài viết, sản phẩm cho Blogspot ta dùng Nhãn (Label) để tạo. Hay nói cách khác là ta quản lý các Nhãn bài viết liên quan đến nhau và đưa chúng lên Menu cho thuận tiện truy cập khi cần thiết

Chỉ là 1 thủ thuật đơn giản của Blogger thôi mà.

Video hướng dẫn tạo Menu Categories danh mục cho Blogspot

[Video đã bị xóa theo kênh cũ]
Subscribe kênh mới https://www.youtube.com/channel/UCry2i_oQ_zmz2fZLCwjHOKQ/featured


Để tạo Menu Categories danh mục cho Blogspot bạn làm theo các bước như sau:

Bước 1: đăng nhập vào Blogspot

Bước 2: Bạn bấm vào Bài đăng mới để tạo bài viết mới, nhập tiêu đề và nội dung cho bài viết bình thường.

Bước 3: Sau khi hoàn tất nội dung bài đăng, trước khi Xuất bản bài đăng bạn chủ ý phía bên phải, phần Cài đặt bài đăng, bạn bấm vào Nhãn và tiến hành gắn Nhãn cho bài viết. Mỗi bài viết có thể được gắn nhiều Nhãn nhưng ko được quá 200 ký tự.

Bước 4: bấm Hoàn thành để lưu Nhãn.

Mẹo: bạn có thể tạo Nhãn theo cách: ten-cua-nhan, tên-của-nhãn ...v...v... ko nên tạo các Nhãn như: ten cua nhan, tên của nhãn ...v...v... vì khi tạo Nhãn có khoảng trắng thì link của Nhãn sẽ có những ký tự xấu, ko tốt cho SEO

Ví dụ:
Bạn thiết kế website Bất động sản, thì cách tạo Categories/Danh mục cho các dự án của bạn như sau:

Danh mục các dự án Bất động sản theo khu vực:

• Căn hộ quận 2 = can-ho-quan-2
• Căn hộ quận 7 = can-ho-quan-7

Danh mục các dự án Bất động sản theo chất lượng cao cấp:

• Căn hộ cao cấp (can-ho-cao-cap)
• căn hộ giá rẻ (can-ho-gia-re) ...v...v....

Nếu bạn bán nhiều dự án Bất động sản thì tạo Categories/Danh mục theo từng tên dự án:

Căn hộ Hà Đô Centrosa Garden quận 10

• thong-tin-ha-do-centrosa-garden
• tin-tuc-ha-do-centrosa-garden
• chuyen-nhuong-ha-do-centrosa-garden
• ...v...v...

Nếu bạn thiết kế website bán hàng. website tin tức thì cũng làm tương tự

Danh mục sản phẩm Laptop

• Laptop-dell
• Laptop-Acer
• Laptop-hp

Danh mục sản phẩn Điện thoại

• Iphone
• Samsung
• Nokia
• HTC
• ...v...v...

Để lấy link của Nhãn, bạn bấm vào bài viết, kéo xuống phía dưới cùng sẽ thấy mục Nhãn. Click vào Nhãn bạn muốn lấy link. Copy đường link xuất hiện

Nếu ko thấy thì bạn quay lại phần quản trị --> Bố cục --> Blog Posts --> tick vào ô Nhãn (Label) là xong

Để quản lý Nhãn bạn vào phần quản trị --> Bài đăng --> Tất cả Nhãn (nằm ở góc trên bên phải)

Như vậy về cơ bản là bạn đã biết cách tạo Menu có nhiều bài viết rồi đấy. (hay còn gọi là tạo Categories Danh mục bài viết, sản phẩm ...). Nếu có gì ko rõ, bạn hãy comment phía dưới mình sẽ giải đáp thêm

Chúc các bạn thành công!

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 31: Hướng dẫn mua Tên miền trên Namecheap với giá $0.88
Bài 33: Top 6 nhà cung cấp WordPress Hosting nước ngoài nên dùng

Hôm nay Sơn Nguyễn sẽ hướng dẫn bạn cách thêm Reactions (phản ứng) vào bài viết Blogspot.

Thực ra chức năng này đã có sẵn trong Blogger rồi, chúng ta chỉ cần "bật" nó lên thôi

Khi đọc giả vào xem Blogspot của bạn, ở phía dưới cùng của bài viết, ngoài việc chia sẻ kết nối với các trang Mạng xã hội như Facebook, Twitter, G+ ... và để lại Comment thì đọc giả còn có thể để lại những phản ứng (cảm xúc) của họ khi xem bài viết của bạn. Những Reactions (phản ứng) này do bạn tự "thiết kế" ra theo ý thích của bạn nhằm tạo sự thích thú và vui nhộn kích thích đọc giả tham gia. Vì vậy bài viết của bạn nên có chức năng Reactions (phản ứng) để đọc giả tham gia bình chọn đánh giá cho bài viết của bạn

Việc thêm Reactions (phản ứng) vào bài viết Blogspot cũng cực kỳ đơn giản. Chỉ cần vào trang Blogspot của bạn và bật nó lên thôi ^^

Video hướng dẫn thêm Reactions (phản ứng) vào bài viết Blogspot

• Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
• Link: https://youtu.be/KYTzmKIqVMc

Hướng dẫn thêm Reactions (phản ứng) vào bài viết Blogspot

Truy cập vào Blogger --> Đăng nhập

Trong phần quản trị --> Bố cục --> Blog Posts (Bài đăng trên Blog) --> Chỉnh sửa

Tick vào ô Phản ứng để bật chức năng này

Tiến hành chỉnh sửa, thay đổi cho Reactions (phản ứng) phù hợp với mong muốn của bạn

Bấm Lưu để hoàn tất

Check kết quả nào ^^

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 25: Hướng dẫn tạo bộ nút Social Network cho Blogspot
Bài 26: Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot.

Điều này sẽ giúp đọc giả có cái nhìn tổng quan hơn về trang Blogspot của các bạn

• Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
• Link: https://youtu.be/7eRIXxgckrU