NguyenTruongSon.info

Serie hướng dẫn thiết kế Blogger chuyên nghiệp

Hướng dẫn chi tiết từ cơ bản đến nâng cao

Như các bạn đã biết, từ khi lập website này để hướng dẫn thiết kế Blogger cho người mới bắt đầu, Nguyễn Trường Sơn luôn cập nhật các bài hướng dẫn từ đầu đến cuối cho các bạn dễ theo dõi. Và các bài này được sắp xếp từ đầu đến bài mới nhất ở bên thanh menu bên phải. Tuy nhiên, sau nhiều lần thay đổi Template cho website/Blogspot khiến menu Serie hướng dẫn Blogger phải làm đi làm lại nhiều lần rất mất thời gian, nay mình làm 1 bài tổng hợp các bài viết từ đầu đến cuối (tiếp tục cập nhật) để các bạn tiện theo dõi nhé

Ai có góp ý gì thì vui lòng comment phía dưới cho mình nhé

Thanks

Serie các bài hướng dẫn thiết kế Blogger chuyên nghiệp

1. Bài 1: Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao
2. Bài 2: Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot
3. Bài 3: Hướng dẫn thay banner cho Blogspot
4. Bài 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
5. Bài 5: Hướng dẫn cách thêm Fanpage vào Blogspot
6. Bài 6: Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO
7. Bài 7: Hướng dẫn thay đổi giao diện/template cho blogspot
8. Bài 8: Hướng dẫn thiết kế website chuyên nghiệp với blogspot
9. Bài 9: Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn
10. Bài 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
11. Bài 11: Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot
12. Bài 12: Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình
13. Bài 13: Hướng dẫn tạo Popup quảng cáo hiện giữa màn hình Website/Blogspot
14. Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
15. Bài 15: Tổng hợp 10 trang cung cấp Template đẹp, miễn phí cho Blogspot
16. Bài 16: Hướng dẫn đăng ký tên miền miễn phí cho Blogspot
17. Bài 17: Hướng dẫn thiết kế website bằng WordPress chi tiết
18. Bài 18: Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress
19. Bài 19: Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn
20. Bài 20: Top 18 Template Blogspot Bất động sản chuyên nghiệp miễn phí
21. Bài 21: Top những Template Blogspot bán hàng chuyên nghiệp miễn phí cực đẹp
22. Bài 22: Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot
23. Bài 23: Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot
24. Bài 24: Hướng dẫn thiết kế Website bằng WordPress miễn phí - Theme Sydney
25. Bài 25: Hướng dẫn tạo bộ nút Social Network cho Blogspot
26. Bài 26: Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot
27. Bài 27: Hướng dẫn thêm Reactions (phản ứng) vào bài viết Blogspot
28. Bài 28: Hướng dẫn đăng ký AdSense bằng Blogspot
29. Bài 29: Top 90 Templates Website Bất động sản chuyên nghiệp cực đẹp
30. Bài 30: Hướng dẫn mua Tên miền giá rẻ trên NameCheap
31. Bài 31: Hướng dẫn mua Tên miền trên Namecheap với giá 0,88$
32. Bài 32: Hướng dẫn đăng ký tài khoản Amazon Associates 2019 chi tiết từ A đến Z mới nhất
33. Bài 33: Top 6 nhà cung cấp WordPress Hosting nước ngoài nên dùng
34. Bài 34: Hướng dẫn tạo Menu Categories danh mục cho Blogspot
35. Bài 35: Hướng dẫn tạo Bình luận mới nhất cho Blogspot (có Avatar hiển thị)
36. Bài 36: 10 lý do bạn nên chọn Hosting trên DreamHost
37. Bài 37: DreamHost giảm giá Hosting 40% + Free Domain
38. Bài 38: Mua tên miền ở đâu rẻ nhất, tốt nhất, uy tín nhất?
39. Bài 39: Hướng dẫn tạo Bài viết liên quan (Related Post) cho Blogspot
40. Bài 40: Hướng dẫn tạo Bài viết liên quan cho Blogspot theo Nhãn (Label) bài viết
41. Bài 41: Hướng dẫn chống Copy bài viết trên Blogspot đơn giản hiệu quả nhất
42. Bài 42: Hướng dẫn tạo Menu ngang và Menu dọc cho Blogspot
43. Bài 43: Thiết kế website Bất động sản miễn phí bằng Blogspot (cơ bản)
44. Bài 44: Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot (nâng cao)
45. Bài 45: Hướng dẫn tạo Push Notification (thông báo đẩy) cho Blogspot
46. Bài 46: Share Template Blogspot bán hàng miễn phí cực đẹp
47. Bài 47: Chương trình khuyến mãi Black Friday của FastComet
48. Bài 48: Hướng dẫn Submit Url lên Google mới nhất 2019
49. Bài 49: Khóa học Online Unica - Mã giảm giá Unica 2019
50. Bài 50: Namecheap Coupon 2019 - Mã giảm giá Namecheap 2019
51. Bài 51: Transfer Domain là gì? Những lưu ý khi Transfer Domain, Các bước Transfer Domain
52. Bài 52: Hướng dẫn cách Transfer Domain sang Namecheap
53. Bài 53: DreamHost Coupon 2019 - Mã giảm giá DreamHost 2019
54. Bài 54: Hướng dẫn sử dụng GetResponse 2019

Tiếp tục cập nhật ....

Hướng dẫn khai báo bài viết mới với Google Submit Url mới nhất 2019

Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot

Mẫu Blogger Templates có Slide hình ảnh rất sinh động và hoàn toàn miễn phí

• >>Thiết kế website Bất động sản miễn phí bằng Blogspot (cơ bản)

Tiếp nối chuỗi Serie tạo blog Bất động sản miễn phí bằng Blogspot, hôm nay Sơn Nguyễn tiếp tục làm video hướng dẫn các bạn cách thiết kế website Bất động sản bằng Blogspot nâng cao. Thực hành xong bài này các bạn sẽ thấy rất khác so với bài trước vì bài trước chỉ là tạo Blogspot cơ bản rồi cài đặt, chỉnh sửa, thiết kế để nhìn bắt mắt hơn, nhưng làm xong bài này thì các bạn còn tạo Blogspot chuyên nghiệp hơn ^^

Thiết kế website Bất động sản miễn phí bằng Blogspot

Giúp các bạn môi giới mới vào nghề có 1 website chuyên nghiệp để nâng cao hiệu quả kinh doanh

• >> Thiết kế website Bất động sản chuyên nghiệp bằng Blogspot (nâng cao)

Trong công việc hiện nay, việc sở hữu ít nhất 1 website bán hàng ko còn là 1 điều xa xỉ với những người làm trong lĩnh vực kinh doanh bán hàng. Chính vì điều đó đã có rất nhiều công ty, tổ chức hay cá nhân đang làm dịch vụ thiết kế website bán hàng nhằm phục vụ nhu cầu ngày càng tăng của rất nhiều thượng đế này. Chi phí thiết kế website cũng khá đa dạng, với nhiều mức giá tùy vào độ chuyên nghiệp và độ bảo mật của website

Trong lĩnh vực Bất động sản, nhiều môi giới chuyên nghiệp hiễn nhiên họ đều có 1 trang web riêng để giới thiệu các dự án Bất động sản họ đang bán và nâng cao thương hiệu cá nhân của họ. Tuy nhiên, với các bạn trẻ mới vào nghề thì việc bỏ ra chi phí lớn để thiết kế website riêng cho mình là 1 vấn đề khá lớn. Và điều này đã hạn chế rất lớn vào kết quả kinh doanh của  họ. Chính vì vậy, hôm nay Sơn Nguyễn sẽ giúp các bạn khắc phục điều này bằng cách hướng dẫn các bạn thiết kế website Bất động sản miễn phí bằng Blogspot, trông chuyên nghiệp ko khác gì các trang web trả phí là bao nhiêu cả :D

Ngoài ra, các bạn hãy xem thêm Serie hướng dẫn blogspot ở thanh sidebar bên phải để nâng cao "tay nghề" và hoàn thiện trang web của mình ngày càng chuyên nghiệp hơn nhé

Video hướng dẫn Thiết kế website Bất động sản miễn phí bằng Blogspot (chi tiết)

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 chống Copy bài viết trên blogspot đơn giản hiệu quả nhất

Và cả chống click chuột phải, quét khối nội dung bài viết của Blogspot trên mọi trình duyệt

Cách chống Copy bài viết và chống click chuột phải trên Blogspot

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 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