Showing posts with label blogspot. Show all posts
Showing posts with label blogspot. Show all posts

Thursday, December 12, 2019

Serie Hướng dẫn Thiết kế Blogger chuyên nghiệp từ căn bản đến nâng cao

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

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

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

Friday, December 28, 2018

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

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

Giúp các bài viết mới của bạn bạn xuất hiện trên Google nhanh hơn


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

Như bài đầu tiên mà Sơn Nguyễn đã hướng dẫn các bạn cách tạo Blogger cho người mới bắt đầu có hướng dẫn các bạn cách khai báo bài viết mới với Google bằng Submit Url. Tuy nhiên hiện nay Google đã bỏ phần này rồi, và nhiều bạn đã liên hệ với mình để hỏi về vấn đề này. Vì vậy hôm nay Sơn Nguyễn viết bài này để chia sẽ với các bạn cách khai báo bài viết mới với Google mới nhất (cách submit url bài viết lên Google mới nhất) nhanh nhất để Google index bài viết của bạn nhanh hơn giống như khi các bạn làm với cách cũ

Xem video hướng dẫn cách submit url bài viết lên Google mới nhất



Bấm ĐĂNG KÝ kênh Youtube và bấm vào cái chuông để nhận thông báo khi có video mới nhất nhé

Sau khi các bạn viết bài mới xong, để Submit URL lên Google để được Google index bài viết nhanh nhất các bạn làm như sau:

1 - Các bạn truy cập vào phần Search Console theo link: https://www.google.com/webmasters/tools/googlebot-fetch

2 - Chọn thuộc tính đã xác minh (trang blogger của bạn)
Hướng dẫn khai báo bài viết mới với Google (Submit Url) mới nhất 2019

3 - Trong mục: Tìm nạp như Google bạn paste đường link bài viết vào (bỏ đi phần Url trang chủ) và bấm Tìm nạp và hiển thị (bạn có thể tùy chọn hiển thị theo Máy tính để bàn hoặc Điện thoại thông minh, hoặc bạn làm 2 lần)
Hướng dẫn khai báo bài viết mới với Google (Submit Url) mới nhất 2019

4 - Bạn đợi 1 vài giây sẽ có kết quả như ở hình dưới (phần Nhấp vào hàng để xem chi tiết lần tìm nạp)

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


  • Đường dẫn: là đuôi Url của bài viết cần hiển thị
  • Loại Googlebot: Máy tính để bàn hoặc Di động Điện thoại thông minh (bạn nên làm cho cả 2 giao diện luôn nhé - làm 2 lần là ok )
  • Đã yêu cầu hiển thị: có dấu tick
  • Trạng thái: Một phần
  • Yêu cầu lập chỉ mục bạn bấm vào nó, và xuất hiện Chọn phương pháp gửi (như hình dưới)
Hướng dẫn khai báo bài viết mới với Google (Submit Url) mới nhất 2019

5 - Bạn tick capcha Tôi không phải là người máy, tick thêm ô Thu thập thông tin URL này và các liên kết trực tiếp của URL này, và bấm Gửi


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

6 - Bạn đợi vài giây, khi có kết quả "Đã yêu cầu lập chỉ mục cho URL và các trang được liên kết" thì bạn lên Google kiểm tra xem bài viết mới của bạn đã được Google index chưa (bài viết đã được hiển thị trên Google chưa)

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

Ok, vậy là Sơn Nguyễn đã hướng dẫn xong cách submit url lên google mới nhất cho bạn rồi đấy. Quá đơn giản phải ko nào. Hi vọng bài viết này sẽ có ích đối với bạn. Hãy chia sẻ nó cho bạn bè cùng xem nhé

Chúc bạn thành công! 
Have Nice Day!

Saturday, April 22, 2017

Hướng dẫn chống Copy bài viết trên Blogspot đơn giản hiệu quả nhất

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


Gần đây có nhiều bạn PM cho mình than phiền rằng trang Blogspot của họ bị sao chép nội dung trái phép mà ko biết làm sao để hạn chế và ngăn chặn. 

Mặc dù mình đã động viên rằng, hiện nay Google chú trọng và ưu tiên đánh giá cao tính bản quyền của nội dung, dù có bị sao chép thì cũng sẽ ko được Google công nhận và cho phép xuất hiện trên Google, nhưng nhiều bạn vẫn cảm thấy khó chịu khi bị copy, sao chép bản quyền 1 cách trắng trợn như vậy. Vì lẽ đó, hôm nay mình xin chia sẽ cách chống Copy nội dung bài viết và chống click chuột phải trên Blogspot 1 cách đơn giản hiệu quả nhất để bạn giữ bản quyền nội dung bài viết của mình khỏi kẻ xấu xa ^^




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

Bước1: Đăng nhập vào trang Blogspot cần chống Copy nội dung bài viết

Bước 2: chọn Chủ đề (trước kia là Mẫu) --> Chỉnh sửa HTML

Bước 3: bấm Ctrl + F để tìm thẻ <body>

Bước 4: Copy đoạn code bên dưới và Paste đè lên (thay thế) thẻ <body>
<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>
Bước 5: Lưu mẫu và kiểm tra kết quả ^^

Chú ý:

Có 1 số Template Blogspot, thẻ <body> sẽ có dạng khác 1 chút so với các Template đơn giản sẵn có của Blogger, ví dụ như: <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> . Lúc đó bạn Copy đoạn code bên dưới và paste đè lên nó (thay thế nó) là xong ^^
<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>

Hi vọng với bài viết này sẽ giúp nhiều bạn đỡ đau đầu hơn với nạn ăn cắp bản quyền bài viết ^^

Với những trang chia sẻ, hướng dẫn như trang này của mình thì ko nên áp dụng thủ thuật này, vì như thế các bạn sẽ ko Copy được các đoạn code được chia sẻ ở trong các bài viết ^^

Chúc các bạn thành công!
Nhớ bấm  g+ chia sẽ nhé ^^

Friday, April 21, 2017

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

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


Bài viết liên quan hiển thị theo Nhãn (Label) của bài viết Blogspot

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



Bước 4: Bấm Lưu mẫu và kiểm tra kết quả ^^

Chú ý:

- Thay nguyentruongson.info bằng địa chỉ Blogspot của bạn.  Lưu ý địa chỉ Blogspot của bạn ko có "http://" ở đầu và "/" ở cuối nhé (ví dụ link blogspot là: http://affiliatemarketingchitiet.blogspot.com/ thì bạn chỉ lấy affiliatemarketingchitiet.blogspot.com thôi)

- Thông số maxNumberOfPostsPerLabel: số bài viết tối đa được hiển thị của Nhãn (Label) ở mục Bài viết liên quan

- Thông số maxNumberOfLabels: Số Nhãn (Label) tối đã được hiển thị trong mục Related Post (bài viết liên quan)

- Nếu kết quả ko thấy gì thì các bạn xóa đoạn code vừa paste đi và tìm 1 trong 3 dòng dưới đây:
  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'>
Sau đó dán (paste) lần lượt đoạn code vào sau dòng vừa tìm được (paste vào phía dưới dòng vừa tìm được). Nếu kiểm tra kết quả ok rồi thì thôi, còn ko thì làm lại với dòng khác (nhớ phải xóa đoạn code vừa paste đi nhé, rồi mới tìm dòng khác để paste lại đoạn code vào)

Trang blogspot làm demo cũng phải paste đoạn code vào sau dòng thứ 3 mới có kết quả ^^


Chúc các bạn thành công!
Nhớ bấm  g+ ủng hộ nhé ^^
*Đoạn code được sưu tầm trên mạ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 37: DreamHost giảm giá Hosting 40% + Free Domain
Bài 39: Hướng dẫn tạo Bài viết liên quan (Related Post) cho Blogspot
Bài sau >>>

Wednesday, April 19, 2017

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

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>

Paste đoạn code vào trên thẻ đóng </head>

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>

Paste đoạn code phía dưới dòng <div class='post-footer'>

Bước 6: Lưu mẫu và kiểm tra kết quả ^^

Chú ý:

- Thông số var maxresults = 5; Số bài viết hiển thị ở mục Bài viết liên quan (Related Post) bên dưới bài đăng của Blogspot

- Nếu kết quả ko thấy gì thì các bạn xóa đoạn code 2 vừa paste đi và tìm 1 trong 3 dòng dưới đây (bấm Ctrl + F để tìm)
  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'>
Sau đó dán (paste) lần lượt đoạn code 2 vào sau dòng vừa tìm được (paste vào phía dưới dòng vừa tìm được). Nếu kiểm tra kết quả ok rồi thì thôi, còn ko thì làm lại với dòng khác (nhớ phải xóa đoạn code 2 vừa paste đi nhé, rồi mới tìm dòng khác để paste lại đoạn code 2 vào)

Trang Blogspot làm demo phải paste vào dòng thứ 3 mới ra kết quả đấy ^^


Chúc các bạn thành công!
Nhớ bấm g+ chia sẽ nhé ^^
*Các đoạn code được sưu tầm trên mạ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 36: 10 lý do bạn nên chọn Hosting trên DreamHost
Bài 37: DreamHost giảm giá Hosting 40% + Free Domain
Bài sau >>>

Wednesday, August 31, 2016

Hướng dẫn tạo Bình luận mới nhất cho Blogspot (có Avatar hiển thị)

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)


Ko những thế, tiện ích này cũng khá bắt mắt: có hiển thị hình ảnh Avatar của người tham gia comment, đoạn trích bình luận và có hiệu ứng chuyển động khi đưa chuột vào

Tiện ích Bình luận bài viết mới nhất cho Blogspot


Thủ thuật này cũng đơn giản thôi mà ^^

P/s: màu sắc của Tiện ích này tùy thuộc vào Template mà bạn đang dùng cho Blogspot của bạn

Các bước tạo hiển thị Bình luận bài viết mới nhất cho Blogspot 

Bước 1: Đăng nhập vào Blogger

Bước 2: Trong phần quản trị --> Bố cục

Bước 3: Chọn nơi hiển thị tiện ích Bình Luận bài viết mới nhất --> Thêm tiện ích -->  HTML/JavaScript

Bước 4: Đặt tiêu đề cho tiện ích (Bình luận mới nhất hoặc Recent Comments) Sau đó Paste đoạn code bên dưới vào phần nội dung 

Bước 5: Bấm Lưu để lưu lại

Bước 6: Bấm Lưu sắp xếp để hoàn tất

Bước 7: Bấm Xem blog để chiêm ngưỡng thành quả :D

Đoạn code tạo hiển thị Bình luận bài viết mới nhất cho Blogspot

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-0uHUanipfMU1FDNkI2U1FWMG8"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>

Các bạn chỉnh sửa các thông số màu xanh cho phù hợp với ý của bạn:
  • numComments = 5: Số bình luận sẽ hiển thị. 
  • showAvatar = true: hiển thị Avatar tài khoản Google của người bình luận (nếu ko muốn hiển thị Avatar thì đổi qua False)
  • avatarSize = 35: Size hình Avatar. 
  • characters = 40: Số ký tự bình luận được hiển thị
  • defaultAvatar = http://www.gravatar.com/avatar/?d=mm: hình Avatar mặc định. 
  • maxfeeds=50: Số lượng bình luận tối đa được hiện thị. 
  • adminBlog='Your Name': Tên Admin.

Chú ý: Tiện ích này chỉ hiện thị những Bình luận được post bằng tài khoản Google thôi nhé, nếu bạn/đọc giả comment bằng Facebook thì nó ko thống kê và hiển thị đâu nhé :D

Để tham gia bình luận, bạn phải đăng nhập vào tài khoản Google (có thể đăng nhập bằng tài khoản Gmail của bạn)

Để xem bình luận thuộc bài nào, bạn bấm vào Bình luận trong tiện ích, trình duyệt sẽ đưa bạn đến bài viết có bình luận đó.


Bạn thử comment dưới bài này và xem kết quả sao nhé ^^ Phần Bình luận bài viết mới nhất của web này nằm ở dưới chân trang ^^ Bình luận mới nhất sẽ nằm trên cùng.

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

P/ss: đoạn code trong bài viết được sưu tầm trên mạ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 33: Top 6 nhà cung cấp WordPress Hosting nước ngoài nên dùng
Bài 34: Hướng dẫn tạo Menu Categories danh mục cho Blogspot
Bài sau >>>

Monday, August 29, 2016

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

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 đề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
Bài sau >>>

Tuesday, August 2, 2016

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



Video hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên 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/7eRIXxgckrU
Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot

Đầu tiên các bạn đăng nhập vào Blogger

Trong phần quản trị ---> Bố cục

Ở phía thanh bên bên phải (Sidebar-right) --> Thêm tiện ích --> HTML/JavaScript

  1. Nhập tiêu đề
  2. Dán đoạn code bên dưới vào phần nội dung
<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.nguyentruongson.info/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<p>
<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('<left>Tổng Số Comment: <b>' + json.feed.openSearch$totalResults.$t +
'</b></center>');}</script>
<script src="
http://www.nguyentruongson.info/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
  • Thay dòng màu vàng theo ý thích của các bạn nhé
  • Thay dòng màu xanh bằng trang Blogspot của các bạn

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

Kéo sắp xếp Widget theo vị trí mong muốn

Bấm Lưu sắp xếp để hoàn tất

Bấm Xem blog để xem kết quả ^^

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!
P/s: đoạn code được sưu tầm trên mạng,

Thursday, July 28, 2016

Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot

Hôm nay Sơn Nguyễn sẽ hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot của bạn. 

Bộ này sẽ bao gồm các nút: Facebook, Twitter, G+, Pinterest, YouTube .... đều là các trang mạng xã hội rất nổi tiếng hiện nay. 


Ngoài ra sẽ có thêm 1 liên kết RSS Feed giúp độc giả theo dõi các bài viết của bạn.


Cách tạo Floating Social Bookmark trượt đẹp cho Blogspot

Truy cập vào Blogger --> Đăng nhập --> Chọn Blogspot bạn cần thực hiện --> Vào phần quản trị của Blogspot đó 

Trong phần quản trị Blogspot --> Mẫu --> Chỉnh sửa HTML 

Trong phần code HTML, bấm Ctr+F tìm phần tử  ]]></b:skin>

Copy đoạn code bên dưới và paste vào sau thẻ ]]></b:skin>

social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGKN-5dWRQLgv6GcaESf0zJUTDsiZp-koZEcF32vQrHPcW43mKDuTbbCUyabUZfMyTZklB0zX23pnY23YhOg19nl3_vDS1Zx_EHsysCc0N6-cHQxTxSGIjT-CSCTrCNpA94HqKbHkahaS/s1600/mas-icons-namkna-blogspot-com.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

Trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </head> 

Copy đoạn code bên dưới và Paste vào trước thẻ </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});

});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>

Lưu ý: nếu trang Blogspot của bạn đã có thư viện Jquery rồi thì hãy xóa dòng <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> đi nhé ^^

Tiếp tục, trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </body> 

Copy đoạn code bên dưới và Paste vào trước thẻ đóng </body>

<div class='social-buttons button-right hidden-phone hidden-tablet'><a class='itemsocial' href='https://www.facebook.com/nguyentruongson.org' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a><a class='itemsocial' href='https://twitter.com/SonNguyen83' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a><a class='itemsocial' href='https://plus.google.com/+NguyễnTrườngSơn' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a><a class='itemsocial' href='http://pinterest.com/sontruongnguyen' id='pinterest-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Pinterest</span></span></a><a class='itemsocial' href='https://www.youtube.com/user/truongson83' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a><a class='itemsocial' href='http://feeds.feedburner.com/nguyentruongson/SsQL' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a></div>

P/s: Thay các thông số màu vàng tương ứng phù hợp với bạn nhé
Bấm Lưu mẫu để hoàn tất

Các bạn tự chiêm ngưỡng thành quả của mình nhé ^^

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

P/s: các đoạn code trong bài viết này được sưu tầm trên mạng


Tuesday, July 26, 2016

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Đây là Template Blogspot bán hàng cực đẹp và miễn phí


Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

CatalogSpot là mẫu giao diện Blogger Template Blogspot bán hàng miễn phí thích hợp cho những bạn bán hàng online có tích hợp chức năng nhận thanh toán qua PayPal, tức là khi khách hàng khi đặt hàng và thanh toán trên website bán hàng của bạn thì bạn sẽ nhận được tiền qua tài khoản Paypal của bạn

Mẫu website bán hàng Template Blogspot CatalogSpot


 

Các tính năng nổi bật của Template Blogspot CatalogSpot
  • Có các Slideshow chuyên nghiệp.
  • Phần Menu giúp bạn tạo các Category sản phẩm
  • Giao diện trang chủ thân thiện với khách hàng.
  • Sản phẩm được trưng bày theo dạng lưới rất bắt mắt và chuyên nghiệp.
  • Tích hợp nút Add to Cart và hỗ trợ thanh toán bằng PayPal.

Video Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot




  • 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/5-tNEoWX5V0

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot


Bước 1: tạo 1 trang Blogspot cơ bản
Bước 2: download Template Blogspot CatalogSpot (bạn vào BTemplate.com và vào ô Search để tìm nhé)
Bước 3: trong phần quản trị Blogspot --> Mẫu --> Sao lưu/Khôi phục
Bước 3: Up file Template Blogspot CatalogSpot lên (nhớ phải Extract Here... trước nhé)
Bước 4: vào Chỉnh sửa HTML để tiến hành cài đặt, chỉnh sửa mẫu Template Blogspot CatalogSpot

Cách đăng bài viết

Cách đăng bài viết giới thiệu sản phẩm của mẫu Template Blogspot CatalogSpot ko giống với cách đăng bài viết thông thường. Các bài viết đã được định dạng theo mẫu của Template . Vì vậy các bạn dùng đoạn code dưới đây để đăng bài viết giới thiệu sản phẩm nhé

<div class="item_image"><img border="0" class="item_thumb" src="đường-link-hình-ảnh-sản-phẩm-của-bạn" />
<span class="item_price">$00.90</span></div>
<div class="item_Description">Some text for item description</div>

Bạn thay các dòng màu vàng cho phù hợp nhé

Chú ý: 
Hình ảnh có chiều rộng lớn hơn 700px
Giá: bạn có thể để là: 300.000 VNĐ. Tuy nhiên khi thanh toán nó sẽ mặc định thanh toán qua tiền tệ $$$. Vì vậy bạn hãy quy đổi giá sản phẩm của bạn qua $$$ nhé. Hoặc bạn tạo 1 trang Hướng dẫn mua hàng, Hướng dẫn thanh toán theo cách mà bạn muốn


Cài đặt thanh toán cho Website bán hàng
Để cài đặt thanh toán qua Paypal bạn cần có 1 tài khoản trên PayPal (đăng ký cũng đơn giản thôi, các bạn tự làm nhé. Nếu gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm).

Phần cài đặt thanh toán như sau:

Trong phần quản trị Blogspot --> Mẫu --> chọn Edit HTML

Bấm Ctr+F để tìm  phần tử "CART SETTING" 

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/
$(function(){
simpleCart
({checkout:
{type: "PayPal" ,
email: "sontruongnguyen.....@gmail.com"
}
});
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
if( simpleCart.quantity() > 20 )
{
return 0; }
else { return 10; }
});
});
//]]>
</script>

Thay thế địa chỉ email "sontruongnguyen.....@gmail.combằng đia chỉ Email Paypal của bạn

SHIPPING RATE SETTING: phí vận chuyển. Cụ thể:  là $10 nếu khách hàng mua ít hơn 20 sản phẩm và miễn phí nếu mua trên 20 sản phẩm (hoặc các bạn có thể bỏ qua nó, thay số 20 và số 10 thành số 0).


Tạo trang giỏ hàng

Để tạo trang giỏ hàng các bạn làm như sau:

Bước 1: Trong phần quản trị Blogspot --> Trang (Page)

Bước 2: tạo Trang mới (New Page)

Bước 3: chuyển nội dung soạn thảo sang chế độ HTML 

Bước 4: Copy và paste đoạn code bên dưới vào là xong

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span><br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

Bước 5: Xuất bản Trang giỏ hàng

Bước 6: nhớ khai báo với Google nhé (Submit Url)

Như vậy là xong rồi đấy ^^

Vậy là bạn đã tự mình tạo Blogspot bán hàng miễn phí bằng Template CatalogSpot rồi.

Hãy chia sẽ cảm nhận của bạn khi sử dụng Template Blogspot CatalogSpot trong việc bán hàng của bạn nhé.

Nếu trong quá trình thực hành bạn gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm.

Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn, tránh trường hợp trang blogspot của bạn bị chặn bởi các nhà mạng ở Việt Nam

Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.
Chúc các bạn thành công!!!

Friday, July 22, 2016

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Giúp bạn biến đam mê của bạn thành lợi nhuận ^^


Hôm nay Sơn Nguyễn sẽ hướng dẫn bạn cách kiếm tiền online bằng trang Blogspot/Blogger của bạn.

Điều kiện cần và đủ là bạn phải có ít nhất 1 trang Blogspot/Blogger đã hoạt động trên 6 tháng và 1 tài khoản AdSense




Video hướng dẫn Kiếm tiền Online bằng trang Blogspot của 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/OBGcyKB8Ves
Để bắt đầu kiếm tiền online bằng Blogspot bạn cần có 1 tài khoản Google Adsense. Có nhiều cách để đăng ký tài khoản AdSense, như:
  • Đăng ký trực tiếp tại google.com/adsense; 
  • Đăng ký từ kênh YouTube của bạn, 
  • Đăng ký từ trang Blogspot/Blogger của bạn. 
Trong bài viết này Sơn Nguyễn sẽ hướng dẫn các bạn đăng ký tài khoản AdSense thông qua trang Blogger/Blogspot của các bạn. Còn nếu các bạn đã có tài khoản AdSense rồi thì hãy kết nối nó với trang Blogspot của các bạn nhé.

Hướng dẫn đăng ký tài khoản Adsense từ Blogger

Trong phần quản trị Blogspot bạn bấm vào cột Doanh thu để bật tiện ích kiếm tiền AdSense trên Blogspot của bạn. Sau đó tiến hành đăng ký tài khoản AdSense. Cũng chỉ 1 vài bước đơn giản thôi


Tiếp theo, bạn bấm vào Sign up for Adsense


Lúc này trình duyệt sẽ chuyển bạn đến Google Adsense thông qua Blogger của bạn.

Việc đăng ký tài khoản AdSense chỉ có 3 bước đơn giản

Bước 1: Tài khoản của bạn

Nếu bạn đã có tài khoản AdSense rồi thì tiến hành đăng nhập để kết nối với trang Blogspot của bạn

Còn nếu chưa thì bạn bấm         Có         để đăng ký mới



Bước 2: Trang web của bạn

Bước này Google AdSense sẽ xác nhận trang web của bạn sẽ tham gia phân phát hiển thị quảng cáo (là trang Blogspot của bạn).

Bạn bấm Chấp nhận liên kết để tiếp tục


Bước 3: Thông tin của bạn

Khoảng 1 vài giây để Google Adsense cập nhật trang Blogger của bạn. Nếu được chấp thuận thì tiện ích AdSense sẽ được thêm vào trang Blogspot của bạn. 

Bấm   Tiếp tục   để quay lại Blogger


Đôi khi vẫn bị lỗi (như hình dưới). Bạn vẫn bấm tiếp tục để quay lại với Blogger và tiến hành đăng ký lại như lúc nãy cho đến khi được chấp thuận (nhiều lắm thì khoảng 3 lần là được chấp thuận thôi)


Sau khi quay trở lại phần quản trị của Blogger, bạn vào phần Doanh thu  để Cài đặt hiển thị quảng cáo AdSense của bạn
  • Hiển thị quảng cáo trên blog: chọn
  • Ad Setup for blog: chọn Hiển thị quảng cáo bên dưới bài đăng của tôi và ttrong thanh bên (Được đề xuất)


Bạn cũng có thể truy cập vào AdSense để xem chi tiết thu nhập, cài đặt thông tin cá nhân, thông tin người nhận thanh toán .....

Hoặc chuyển đổi tài khoản AdSense qua địa chỉ Email khác


Vậy là xong.

Bạn chờ khoảng vài phút rồi vào trang Blogspot của bạn xem thế nào nhé? ^^

Như vậy là bạn đã cài đặt xong tiện ích AdSense vào trang Blogspot của bạn. Và từ đây, trang Blogspot của bạn đã có thêm "chức năng" kiếm tiền online rồi nhé ^^. Hãy chia sẽ trang Blogspot của bạn tới nhiều người, để họ biết đến trang của bạn nhiều hơn, và tăng cơ hội kiếm tiền từ quảng cáo nhiều hơn

P/s: Nếu trang Blogspot của bạn chưa có cột Doanh thu thì bạn làm như sau:

Bạn vào phần Cài đặt --> Ngôn ngữ và định dạng --> Chuyển ngôn ngữ qua Tiếng Anh (Hoa Kỳ)


Sau đó bạn bấm F5 để làm mới trình duyệt. Lúc này trong phần quản trị Blogspot đã có cột Doanh thu


Những điều cần lưu ý khi kiếm tiền online với AdSense:

- Mỗi cá nhân chỉ được đăng ký 1 tài khoản AdSense với thông tin của mình mà thôi. Nếu bạn đăng ký nhiều tài khoản bằng nhiều địa chỉ Email khác nhau thì phải đăng ký bằng nhiều thông tin cá nhân khác nhau.

- 1 máy tính thì ko nên đăng ký/Đăng nhập nhiều tài khoản AdSense.

- 1 trang Website/Blogspot/Blogger ko được đặt quá 3 mã quảng cáo AdSense (điều kiện này áp dụng từ năm trước, ko biết hiện tại có áp dụng ko nữa?)

- Nếu vi phạm có thể sẽ bị xóa tài khoản và có thể bạn sẽ bị cấm tham gia AdSense. Tốt nhất là nên đọc các điều khoản của Google AdSense cho chắc ăn nhé

- Nếu bạn lỡ đăng ký nhiều trang Blogspot bằng nhiều địa chỉ Emai khác nhau và lỡ tạo nhiều tài khoản AdSense khác nhau thì tốt nhất bạn nên tự xóa các tài khoản AdSense đó đi, và chỉ để lại 1 tài khoản thôi

- Bạn cũng ko được tự mình click vào quảng cáo trên trang của bạn. Nếu bạn cố tình lách luật bằng 1 vài cách nào đó để tự click vào quảng cáo trên trang của chính bạn, và bị Google AdSense phát hiện ra thì họ sẽ cấm bạn tham gia AdSense luôn

Nếu bạn có nhiều trang Blogspot được đăng ký bằng nhiều địa chỉ Email khác nhau và bạn muốn hiển thị quảng cáo AdSense trên tất cả các trang Blogspot của bạn, thì bạn có thể thực hiện theo các cách sau:
  • Chuyển quyền quản trị các trang Blogspot về 1 địa chỉ Gmail duy nhất (địa chỉ Gmail đăng ký tài khoản AdSense) >> Xem thêm: Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
  • Hoặc bạn truy cập vào tài khoản AdSense của bạn, lấy mã quảng cáo và gắn vào các Blogspot khác của bạn, kể cả các trang Blogspot chưa đủ 6 tháng hoạt động và ko đủ điều kiện tham gia AdSense
Tuy nhiên, bạn hãy nhớ rằng: dù bạn có phân phát mã quảng cáo trên hàng ngàn trang Blogspot/Blogger của bạn nhưng các trang Blogspot này ko có ma nào truy cập thì cũng như ko. Quảng cáo chỉ phát huy hiệu quả ở những nơi "đông người". Vì vậy hãy tập trung phát triển nội dung của trang Blogspot của bạn, hãy làm cho trang Blogger của bạn trở nên có ích với người dùng để tăng lượt truy cập vào thì phân phát hiển thị quảng cáo AdSense mới có hiệu quả (càng nhiều người truy cập vào web sẽ tăng cơ hội số lượt click vào quảng cáo hơn). Bạn có thể phát triển nội dung blogspot của bạn theo hướng những gì bạn biết rõ nhất, bạn giỏi và thành thạo nhất,.... như câu slogan của Google AdSense "Biến đam mê của bạn thành lợi nhuận"

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 17: Hướng dẫn thiết kế website bằng WordPress chi tiết
Bài 18: Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress
Bài sau >>>