Showing posts with label thiet-ke-website-chuyen-nghiep. Show all posts
Showing posts with label thiet-ke-website-chuyen-nghiep. Show all posts

Saturday, June 25, 2016

Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

"cắt bỏ" đuôi mặc định ban đầu của Blogger là .blogspot.com.

Hôm nay Nguyễn Trường Sơn chia sẽ bài viết này để hướng dẫn đăng ký tên miền riêng miễn phí cho Blogspot

Với việc đăng ký tên miền miễn phí này sẽ giúp trang Blogspot của bạn "cắt bỏ" đuôi mặc định ban đầu của Blogger là .blogspot.com.


Hướng dẫn đăng ký tên miền miễn phí cho Blogspot

Bắt đầu thôi!

Cũng đơn giản và nhanh gọn thôi mà ^^

B1: Đầu tiên, để đăng ký tên miền miễn phí cho blogspot, bạn hãy truy cập vào trang DOT.TK
B2: Chọn tên miền cho Blogspot của bạn
B3: Bấm GO để đăng ký



B4: thực hiện theo hình phía dưới
  • Use your new domain: chọn Forward this domain to và đưa đường link trang Blogspot của bạn vào để chuyển tiếp
  • Registration length: chọn thời hạn cho tên miền riêng cho blogspot của bạn (tối đa 12 tháng). Hết hạn vẫn gia hạn tiếp miễn phí nhé
  • Type the characters you see in this picture: nhập mã số phía dưới vào khung

B5: click Sign Up để đăng ký tài khoản



Lúc này bạn phải đăng ký tài khoản trên Dot Tk

Bạn có thể dùng tài khoản Facebook để đăng ký tài khoản trên DOT.TK hoặc dùng địa chỉ Email của bạn để đăng ký. Trong trường hợp này Sơn Nguyễn dùng địa chỉ Email để đăng ký

Bấm NEXT để tiếp tục


Điền tên và mật khẩu của bạn
Bấm Create Account để tạo tài khoản


Sau khi bạn tạo tài khoản thành công sẽ xuất hiện thông báo hướng dẫn kích hoạt tài khoản trên DOT.TK.

Việc tiếp theo: bạn mở Email của bạn ra và xác nhận đăng ký


Vậy là xong!

Vậy là trang Blogspot của bạn đã được gắn tên miền miễn phí rất dễ nhớ (đương nhiên là dễ nhớ hơn đuôi .blogspot.com rồi)

Sau khi đăng ký tên miền ở trang web này thì Blogspot của bạn sẽ có đuôi dạng abc.tk thay vì đuôi mặc định ban đầu của Blogger khi bạn khởi tạo blogspot.
Dù sao đuôi .tk cũng dễ nhớ hơn đuôi .blogspot.com mà, phải ko ^^

P/s: Dù đã được gắn tên miền, nhưng bạn vẫn truy cập trang blogspot của bạn bằng địa chỉ mặc định ban đầu của Blogger được nhé (tức là trang Blogspot của bạn truy cập được cả tên miền riêng và tên miền mặc định ban đầu của Blogger). Test thử nào ^^

Pss: Nếu bạn đã mua tên miền (đuôi .com, .net, .vn, .com.vn, .org ...) thì hãy tham khảo Bài 9: Hướng dẫn gắn tên miền riêng vào Blogspot chi tiết

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

Psss: Nếu bạn thấy nội dung này hay và hữu ích thì hãy SHARE cho mọi người cùng biết nhé.

Thanks!

Để 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 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
Bài 15: Tổng hợp 10 trang cung cấp Template Blogspot đẹp, miễn phí
Bài sau >>>

Tuesday, June 14, 2016

Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot

Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot

Thêm cộng tác viên viết bài cho Blogspot của bạn


Sau khi bạn đã tự thiết kế website bằng blogspot chuyên nghiệp rồi và bạn có nhu cầu đổi qua địa chỉ Email khác mà bạn thường xuyên dùng để tiện cho việc quản trị blog; hoặc thêm người khác đóng góp viết bài cho blog của bạn nếu bạn ko có nhiều thời gian để viết bài. 

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách thêm Cộng tác viên viết bài đóng góp cho blog của bạn, hoặc hướng dẫn thay quyền quản trị blog bằng 1 địa chỉ email khác.



Cũng đơn giản thôi ^^ Tiêu chí của blog này là vậy mà :D

Video Hướng dẫn thêm/thay đổi Email quản trị tài khoả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/6NQL4e8v1vs

Các bước thực hiện thêm/thay đổi Email quản trị tài khoản Blogspot như sau:

  • B1: bạn đăng nhập vào Blogspot bằng tài khoản Gmail mà bạn dùng để đăng ký blog lúc đầu. 
  • B2: Chọn blog mà bạn muốn thêm tác giả viết bài, hoặc bạn muốn thay quyền quản trị --> vào phần quản trị của blog đó
  • B3: Trong phần Quản trị blog, bạn chọn mục Cài đặt ---> Cơ bản
  • B4: Bạn kéo xuống phần chuyên mục Quyền , Trong phần Tác giả blog, bạn bấm + Thêm tác giả 
  • B5: Điền các tài khoản email của những người muốn tham gia đóng góp viết bài cho blog, hoặc bạn thêm 1 hoặc nhiều tài khoản email khác của bạn vào để thay quyền quản trị (các địa chỉ email cách nhau bởi dấu phẩy) - Lưu ý: Chỉ dùng Gmail thôi nhé. 
  • B6: bấm Mời tác giả để hoản tất

  • B7: người được mời sẽ nhận 1 email thông báo. bạn chỉ cần mở email và xác nhận lời mời
  • B8: tiến hành đăng nhập vào blogger/blogspot bằng địa chỉ mail mới 

  • B9: Xác nhận lời mời tham gia đóng góp cho blog (lời mời có giá trị trong 1 tháng)
Sau khi bạn xác nhận lời mời thì trong phần Blog của bạn sẽ xuất hiện trang blog mà bạn vừa được xét duyệt làm thành viên

Tại phần quản trị blog với Email cũ, bạn có thể phân quyền cho từng tài khoản email mới thêm vào.
  • Quyền tác giả: tài khoản có quyền này chỉ được phép đăng bài viết lên blog và chỉnh sửa hoặc xóa bài viết của chính họ. Điều này sẽ làm cho những tác giả khác của blog ko phải lo sợ bài viết của mình bị tác giả khác vào chỉnh sủa hay xóa mất
  • Quyền quản trị viên: khi tài khoản được set quyền này thì đồng nghĩa tài khoản này được phép làm mọi thứ :D, kể cả xóa tài khoản của bạn. Vì vậy, nếu bạn muốn thay đổi tài khoản email quản trị blogspot thì bạn biết phải làm gì rồi đấy :D Tuy nhiên, Sơn Nguyễn có lời khuyên với các bạn: dù có thay đổi quyền quản trị viên cho blogspot thì cũng ko nhất thiết xóa tài khoản email cũ, đề phòng trường hợp khẩn cấp cần lấy lại quyền quản trị blog thì vẫn còn cơ hội để làm lại

Nếu bạn muốn xóa tài khoản nào thì chỉ việc bấm vào dấu x cuối tài khoản đó (chỉ tài khoản Quản trị viên mới làm được)
Hoặc bạn Tự xóa mình khỏi blog này (nếu bạn đang tham gia đóng góp cho 1 blog khác)


Như vậy là bạn đã biết cách để thêm tác giả đóng góp cho blog của bạn, hoặc thay quyền quản trị blog cho địa chỉ email mới. Hj vọng bạn sẽ hài lòng với bài viết này. 


Friday, June 3, 2016

Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình

Hướng dẫn tạo Popup cho Blogspot

Quảng cáo cho khách vào website, kích thước nhỏ gọn ở góc dưới màn hình



Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình dành cho Blogspot. Khi người dùng/khách hàng truy cập vào trang Website/Blogspot của bạn thì popup quảng cáo sẽ tự động trượt lên và mở 1 cửa sổ quảng cáo nhỏ gọn ở phía dưới góc phải màn hình và có thể ẩn hiện tùy ý, rất thiện cảm với người dùng.






Popup quảng cáo nhỏ gọn ở góc dưới màn hình

Hướng dẫn tạo Popup quảng cáo nhỏ gọn ở góc dưới màn hình


Cũng đơn giản thôi. Ko có gì phức tạp cả :D

Để tạo popup quảng cáo góc dưới màn hình cho Blogspot các bạn chỉ cần thực hiện theo các bước sau:
  1. Bước 1: Truy cập vào trang Blogger.com 
  2. Bước 2: Đăng nhập vào Blogger bằng tài khoản Gmail của bạn
  3. Bước 3: Ở phần quản trị Blog: chọn Blog cần tạo popup quảng cáo 
  4. Bước 4: Vào phần Bố cục --> Chọn Thêm tiện ích --> Chọn HTML/Javascript.
  5. Bước 5: Copy đoạn code phía dưới và Paste vào phần nội dung của HTML/Javascript (Phần tiêu đề các bạn để trống)
<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTuc8uOP_uC-KLBbN4HhAYxlGxS_fNc48JNqqpZII674MfPd9B-vEUI9G6AaBkyJxPlx4H_p1YGOlrMsAJeMesAM1Xad8pQAqkMnBkO5U50Xp1idpE-bBHrt_uP8f5AQCGnB7SJBrcA2v/w15-h150-no/cuocsongmuonmau.info_bg_right.gif) no-repeat right top;}
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqu-wFKz71HunbR5JdVcneeWv9bIojgjYcYkgFcNdx36vbR6_FUPZ7vErhM4oKDkay01yUkNLCAXwNiCnSbYZabwdRq2NR4zi3i5R5R0qxkSCiil0ksa8EQIln3td-XJfsiKmehhzLidn/w501-h150-no/cuocsongmuonmau.info_bg.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPY-9qsh7FEZSlX7lfcgkKwLkL36KYYvfCTR-eV3ixD4qWKmcr7ktjWxy5B7esg5zaSd9385-FkWlhrdcHpEEen9v30DnkezQI9ByK7kUOkDEv4pStZ1A4kUQZyXbsyT38POhEi6OF6h7/w90-h30-no/cuocsongmuonmau.info_button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
&nbsp;Hot: Hướng dẫn Blogspot Chi tiết
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="
https://huongdanblogspotchitiet.blogspot.com"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="Link-hình-ảnh-quảng-cáo" height="115" title="Hướng dẫn chi tiết | Từ cơ bản đến nâng cao"></a>
<!-- code ads -->

</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>

Các bạn thay 2 dòng màu đỏ và 2 dòng màu xanh cho phù hợp với Blogspot/Website của các bạn nhé.

Như vậy là Nguyễn Trường Sơn đã hướng dẫn xong cách tạo Popup cho Blogspot rồi nhé. Hi vọng nó có ích với bạn

Nếu bạn có câu hỏi nào thì hãy comment xuống phía dưới 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 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
Bài 11: Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot
Bài sau >>>

Tuesday, May 31, 2016

Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot

Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot

Giúp bạn quảng bá sản phẩm của mình đến người đọc trên trang Blogspot của mình


Khi bạn đã tự thiết kế website bằng Blogspot chuyên nghiệp rồi thì bạn cũng nên tạo những banner quảng cáo cho các sản phẩm mà bạn đang kinh doanh (hoặc bán quảng cáo cho các đối tác khác khi website/Blogspot của bạn có lượng truy cập nhất định).

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách tạo banner quảng cáo dọc 2 bên website/Blogspot của bạn.  Cũng đơn giản thôi, ko có gì phức tạp cả. Bạn chỉ cần thiết kế trước cho mình 2 hình ảnh banner quảng cáo cho 2 sản phẩm của bạn thôi, phần còn lại để Sơn Nguyễn lo :D

Đối với dạng quảng cáo bằng banner ở 2 bên Blogspot này sẽ có 2 dạng: 1 dạng banner quảng cáo đứng im 1 chỗ và 1 dạng banner quảng cáo trượt dọc 2 bên Blogspot khi kéo chuột. Sơn Nguyễn sẽ hướng dẫn bạn làm cả 2 dạng này luôn, còn bạn chọn dạng banner quảng cáo nào cho Blogspot của bạn thì tùy ở bạn.

Banner quảng cáo dọc 2 bên website/Blogspot


Hướng dẫn tạo banner quảng cáo 2 bên website/Blogspot - fix đứng im 1 chỗ


Đối với website: 
Bạn vào phần chỉnh sửa code và chỉ cần thêm phần code phía dưới lên trên thẻ đóng </body>

Đối với Blogspot
Bước 1: Đăng nhập vào Blog
Bước 2: Vào phần quản trị Blog ---> chọn Bố cục
Bước 3: Chọn Thêm tiện ích
Bước 4: Chọn HTML\Javascripts
Bước 5: Dán (paste) đoạn code bên dưới vào phần nội dung
Bước 6: bấm Lưu để hoàn tất
<div id="left_ads_float">
<a href="Link web 1" target="_blank"><img border="0" src="Link hình ảnh 1" width="120" /></a>
</div>
<div id="right_ads_float">
<a href="Link web 2" target="_blank"><img border="0" src=" Link hình ảnh 2" width="120" /></a>
</div>
<style>
#left_ads_float
{
top:10px;
left: 10px;
position:fixed; }
#right_ads_float
{
top:10px;
right: 10px;
position:fixed;
}
</style>
<script>
var vtlai_remove_fads=false;
function vtlai_check_adswidth()
{
if(vtlai_remove_fads)
{
document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
return;
}else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1)
{
vtlai_remove_fads=true;
vtlai_check_adswidth();
return;
}
else
{
var lwidth=parseInt(document.body.clientWidth);
if(lwidth<1110)
{
document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
}
else
{
document.getElementById('left_ads_float').style.display='block';
document.getElementById('right_ads_float').style.display='block';
}
setTimeout('vtlai_check_adswidth()',10);
}
}
</script>


Hướng dẫn tạo banner quảng cáo trượt dọc 2 bên website/Blogspot 


Dạng này là dạng 2 banner ở 2 bên website/Blogspot. Khi kéo chuột xuống thì 2 banner sẽ trượt theo (banner trượt rất êm, ko dựt dựt gây nhức mắt cho người đọc/khách hàng).

Cách thực hiện như sau

Đối với website: 
Bạn vào phần chỉnh sửa code và chỉ cần thêm phần code phía dưới lên trên thẻ đóng </body>

Đối với Blogspot
Bước 1: Đăng nhập vào Blog
Bước 2: Vào phần quản trị Blog ---> chọn Bố cục
Bước 3: Chọn Thêm tiện ích
Bước 4: Chọn HTML\Javascripts
Bước 5: Dán (paste) đoạn code bên dưới vào phần nội dung
Bước 6: bấm Lưu để hoàn tất

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="Link web 1"><img src="Link hình ảnh 1" width="125" /></a>
</div>
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
<a href="Link web 2"><img src="Link hình ảnh 2" width="125" /></a>
</div>
<script>
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
//stayTopLeft();
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");
if (document.body.clientWidth < 1000)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{
objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}
}
</script>
<script>
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");

</script>

Chú ý: Phía cuối đoạn code có vài thông số bạn tham khảo thêm để chỉnh sữa cho phù hợp với website/blogspot của bạn
  • LeftBannerW = 125: độ rộng của banner bên trái
  • RightBannerW = 125: độ rộng của banner bên phải
  • LeftAdjust = 5: khoảng cách từ mép trái trang web đến banner
  • RightAdjust = 5: khoảng cách từ mép phải trang web đến banner
  • TopAdjust = 10: khoảng cách từ mép trên trang web đến banner
Như vậy Nguyễn Trường Sơn đã hướng dẫn cho bạn cách tạo banner quảng cáo trượt dọc 2 bên Blogspot rồi đấy. Hi vọng nó có ích đối với bạn.

Nếu bạn có câu hỏi nào thì hãy comment xuống phía dưới 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 9: Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn
Bài 10: Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot
Bài sau >>>

Sunday, May 29, 2016

Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot

Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot

Giúp bài viết cảu bạn trông đẹp hơn trong mắt người đọc


Việc dùng Blogger ở Việt Nam là khá phổ biến. Nhưng trong 1 vài năm trở lại đây 1 số nhà mạng đã chặn Blogspot, đặc biệt là nhà mạng VNPT. Nguyên nhân là do mấy phần tử xấu/ phản động thường dùng Blogspot để xuyên tạc, kích động nói xấu chế độ nhà nước. Vì vậy các nhà mạng hầu như chặn tất cả những gì liên quan đến Blogspot. Tất cả các website có tên miền đuôi blogspot.com đều bị chặn hoàn toàn.

Đối với những Blogger đã được gắn tên miền riêng thì vẫn truy cập được, nhưng những hình ảnh trong bài viết Blogspot lại ko hiển thị. Điều này thật bất tiện cho người đọc/khách hàng truy cập vào blogspot của bạn, ảnh hưởng khá lớn đến việc bán hàng online của bạn. Vì vậy hôm nay Sơn Nguyễn sẽ chia sẻ 3 cách khắc phục lỗi không hiển thị hình ảnh của Blogspot do bị các nhà mạng chặn. Những cách này rất hữu hiệu với những Blogspot đã được gắn tên miền riêng.



3 cách khắc phục lỗi không hiển thị hình ảnh của Blogger

Cách 1: Chỉnh sửa thủ công
  • Sau khi Up hình ảnh vào bài viết Blogspot, link hình ảnh sẽ có dạng *.bp.blogspot.com. Khi đó bạn chỉ cần chuyển bài viết qua chế độ HTML và chỉnh sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com

Cách 2: Chỉnh sửa tự động sử dụng Javascript
  • Với cách này bạn dùng 1 đoạn code ngắn để khắc phục lỗi ko hiển thị hình ảnh của Blogspot, nó sẽ tự động thay thế link hình ảnh trong Blogspot, bạn sẽ không cần ngồi sửa thủ công từng hình ảnh, từng bài.
  • Cách làm như sau:
  • Bạn truy cập vào Blogger.com --> tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot cần khắc phục lỗi ko hiển thị hình ảnh --> vào phần quản trị Blogspot --> Chọn Mẫu --> Chỉnh sửa HTML
  • Trong phần code, bạn bấm Ctr + F tìm thẻ đóng </body>. Sau đó bạn chèn đoạn code này vào trước thẻ  đóng </body> 
<script type='text/javascript'> //<![CDATA[ var images = document.getElementsByTagName("img"); for(var i=0;i<images.length;i++) { images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com"); } //]]> </script>
  • Bấm Lưu mẫu

Cách 3: Chỉnh sửa tự động sử dụng JQuery
  • Với cách này bạn cũng dùng 1 đoạn code ngắn để tự động khắc phục lỗi ko hiển thị hình ảnh của Blogspot. Bạn cũng tiến hành các bước như cách 2
  • Trong phần code bạn bấm Ctr + F tìm thẻ đóng </body>  --> Chèn đoạn code này vào trước thẻ </body> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(//[0-9]+(.bp.blogspot)?/, "/lh4.googleusercontent")) });
//]]>
</script>
  • Bấm Lưu mẫu
Chú ý: Nếu Blogspot của bạn đã có thư viện JQuery thì hãy xóa dòng 
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>
(dòng đầu tiên trong đoạn code)

Nếu gặp vấn đề gì trong việc khắc phục lỗi ko hiển thị hình ảnh của Blogspot các bạn comment vào phía dưới nhé

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"

Friday, May 27, 2016

Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn

Hướng dẫn gắn tên miền vào Blogspot 

Cách làm chi tiết, đơn giản, nhanh gọn



Sau khi đã thiết kế website chuẩn SEO bằng Blogspot thì việc gắn tên miền (domain) vào Blogspot là việc làm cần thiết, giúp cho webste của bạn trông giống website hơn :D, giúp bạn trở nên chuyên nghiệp hơn khi bán hàng online, khách hàng sẽ dễ nhớ đến website bạn hơn và sẽ dễ dàng truy cập vào hơn

Việc gắn tên miền vào Blogspot cũng rất đơn giản. Các bạn làm như sau





Video Hướng dẫn gắn Tên miền (Domain) vào 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/MJwWVEjjisA

Các bước gắn tên miền riêng vào Blogspot


Bước 1: gắn tên miền tùy chỉnh vào Blogspot/Blogger

Đầu tiên bạn truy cập vào blogger.com, tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot mà bạn muốn gắn tên miền vào --> truy cập vào Phần quản trị của Blogspot đó.

Trong phần quản trị blogspot, bạn vào phần Cài đặt ---> chọn mục Cơ bản ---> chọn Thiết lập URL của bên thứ 3 cho blog của bạn



Trong phần Địa chỉ Blog, bạn nhập tên miền bạn mua vào ô Cài đặt tên miền của bên thứ 3
(chú ý: phải có tiền tố "www." phía trước tên miền nhé) ---> bấm Lưu



Xuất hiện thông bâó lỗi: Chúng tôi đã không thể xác minh thẩm quyền của bạn cho miền này. Lỗi 32.
Vấn đề này ko sao cả, đơn giản vì ta chưa cài đặt cho tên miền trỏ về Blog nên Blogger chưa xác minh được chủ sở hữu của tên miền đó.

Chúng ta tiếp tục làm như sau:
Bạn chọn Hướng dẫn cài đặt ở phía dưới dòng thông báo lỗi,


Lập tức sẽ xuất hiện phần hướng dẫn của Google Cách sử dụng tên miền tùy chỉnh cho Blog của tôi?

Trong phần Bạn muốn lưu trữ Blog của mình ở đâu? bạn chọn Trên miền cao cấp nhất (www.example.com).


Sau khi bạn tick vào ô đã chọn, sẽ xuất hiện thêm phần hướng dẫn của Google, bạn chý ý 4 dãy số ở cuối phần 1 và hãy Copy chúng



Bước 2: Cài đặt CNAME cho Tên miền trỏ về trang blogspot

Khi bạn mua tên miền từ các công ty chuyên về dịch vụ mua bán tên miền, thanh toán cho họ xong thì bạn sẽ nhận được Email xác nhận giao dịch mua tên miền thành công và bên dịch vụ sẽ cung cấp tên đăng nhập, mật khẩu, đường link để bạn truy cập vào trang quản lý tên miền bạn đã mua.

Bạn truy cập vào đường link họ cung cấp, tiến hành đăng nhập bằng Tên đăng nhập và mật khẩu họ đã cung cấp. Trong trang Quản trị, bạn vào mục Sửa bản ghi --> chọn tên miền bạn đã mua và muốn trỏ về trang blogspot của bạn.

Bạn thêm 2 bản ghi CNAME đã có lúc thông báo lỗi "Chúng tôi đã không thể xác minh thẩm quyền của bạn cho tên miền này. Lỗi 32" --> bấm Lưu


Như vậy, bạn đã hoàn tất việc trỏ tên miền vào trang blogspot của bạn

Bước 3: Loại bỏ www

Sau khi bạn trỏ thành công tên miền về trang Blogspot của bạn thì việc truy cập vào website của bạn sẽ rất thuận tiện và rất dễ nhớ (vì ko còn đuôi blogspot.com nữa). Tuy nhiên, khi gõ tên miền trên trình duyệt nếu thiếu www thì bạn sẽ không truy cập được trang web của bạn. Muốn truy cập được thì bạn phải gõ đầy đủ theo cú pháp www.tenmien.com/net/info/org ....v...v... (tùy bạn mua tên miền "đuôi" gì :D).

Điều này thật bất tiện cho bạn và khách hàng của bạn truy cập website. Vì vậy ta phải loại bỏ www khi truy cập tên miền của bạn. 

Cách làm như sau:

Bạn dùng 4 dãy số đã Copy  trong phần "Hướng dẫn cài đặt" của Google và tạo thêm 4 bản ghi như hình



Xong bạn chờ khoảng 1-2 phút để nó phân giải tên miền.

Sau đó bạn quay lại quay lại trang Blogspot của bạn lúc bị thông báo lỗi, bấm Lưu và xem kết quả. 

Tiếp theo, bạn bấm chỉnh sửa --> tick vào ô "Chuyển hướng nguyentruongson.info đến www.nguyentruongson.info".

Bạn thay link tên miền của bạn vào cho phù hợp nhé


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

Như vậy là đã bạn đã hoàn thành việc gắn tên miền vào Blogspot rồi đấy. Cũng rất đơn giản và nhanh gọn đúng ko nào. Bạn chờ khoảng 5 phút rồi truy cập lại vào website của bạn xem nhé ^^

Nếu có thắc mắc vấn đề gì các bạn cứ comment phía dưới nhé

Nếu bạn chưa có tên miền thì có thể tham khảo  để mua tên miền giá rẻ

Hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu để cập nhật các chương trình khuyến mãi tên miền  mới nhất,

Nếu bạn thấy bài viết này hữu ích, hãy SHARE cho bạn bè cùng xem nhé

Hãy SHARE vì nó MIỄN PHÍ!

Cho đi là còn mãi

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

Xem thêm:
Để 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 7: Hướng dẫn thay đổi giao diện/template cho blogspot
Bài 8: Hướng dẫn thiết kế website chuyên nghiệp với blogspot
Bài sau >>>

Tuesday, January 26, 2016

Hướng dẫn thiết kế website chuyên nghiệp với blogspot

Hướng dẫn thiết kế website chuyên nghiệp với Blogspot

Thực hành tạo Blogger nâng cao chuyên nghiệp hơn


Việc thiết kế website chuyên nghiệp với blogspot đã ko còn là vấn đề với các bạn nữa 
khi đã thực hành thành thạo đến bài này rồi ^^. Hôm nay sẽ là bài thực hành chi tiết thiết kế website chuyên nghiệp miễn phí với blogspot bằng cách thay đổi giao diên/template blogspot chuyên nghiệp hơn

Bài hướng dẫn thiết kế website này chỉ dành cho những người đã thành thạo với blogspot/blogger vì liên quan đến chỉnh sửa code. Vì vậy, nếu bạn nào chưa thành thạo với blogspot thì vui lòng xem lại các bài trước nhé.

Muốn nhanh thì phải từ từ ^.^

Video Hướng dẫn thiết kế website chuyên nghiệp với blogspot



  • Link download Blogger Templates trong video tại đây
  • 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/rEo8z3avOHo
Sau khi xem video hướng dẫn này xong  là bạn đã tự mình tạo Blogspot chuyên nghiệp rồi đấy. 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 Blogger 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!

P/s: Nếu thấy nội dung blog này hữu ích thì bạn hãy SHARE và Bấm G+ ủng hộ mình 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 6: Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO
Bài 7: Hướng dẫn thay đổi giao diện/template cho blogspot
Bài sau >>>

Thursday, December 17, 2015

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

Sau khi bạn xuất bản bài viết ở Blogspot thì tiêu đề nó thường có dạng: Tiêu đề Blog: Tiêu đề bài viết

Với Tiêu đề (title) như vậy nhìn ko được bắt mắt, và ko thuận tiện cho việc SEO (search engine optimization) bài viết blogspot của bạn lên Top Google. Cá biệt, với những Blogspot có Tiêu đề Blog dài thì gần như Tiêu đề bài viết sẽ ko có cơ hội hiển thị

Vậy nên bạn cần đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog




Các lỗi tiêu đề (title)bài viết Blogspot thường gặp


Khi chia sẽ bài viết lên Facebook hoặc các Group trên Facebook thì sẽ gặp lỗi Tiêu đề Blog: Tiêu đề bài viết trông ko được đẹp mắt


Nếu Tiêu đề Blog dài thì Tiêu đề bài viết sẽ ko có cơ hội để hiễn thị


Trên Google cũng vậy... 

Nếu khách hàng/người đọc lên Google search, và bài viết của mình hiễn thị trước mắt khách hàng, nhưng tiêu đề bài viết lại bị Tiêu đề Blog che mất thì sẽ giảm cơ hội được khách hàng chú ý và click vào

Vậy nên bạn cần chỉnh sửa lại cách hiễn thị tiêu đề bài viết của Blogspot, đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

Để chỉnh sửa lại tiêu đề bài viết Blogspot chuẩn SEO (Search Engine Optimization) ta làm như sau:

Bạn vào trang quản trị blog ---> Mẫu ---> Chỉnh sửa HTML

Bấm Ctrl F để tìm <title><data:blog.pageTitle/></title>


Copy đoạn code bên dưới và paste (dán) đè lên đoạn tô màu vàng vừa tìm được:

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>

Xong bấm Lưu mẫu để hoàn thành!

Sau đó, nhớ khai báo lại Blogspot của bạn với Google nhé ^^ (Copy đường link blog và Submit nó như đã hướng dẫn ở Bài 1).

Kết quả chỉnh sửa Tiêu đề bài viết blogspot chuẩn SEO

Sau khi đã chỉnh sửa thì Tiêu đề bài viết đã hiễn thị lên phía trước, ko còn bị che bởi Tiêu đề Blog nữa


Tiêu đề bài viết của blog đã ở dạng Tiêu đề bài viết | Tiêu đề Blog


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 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
Bài 5: Hướng dẫn cách thêm Fanpage vào Blogspot
Bài sau >>>

Wednesday, December 16, 2015

Hướng dẫn cách thêm Fanpage vào Blogspot (có video hướng dẫn)

Hướng dẫn cách thêm Fanpage vào Blogspot

Thủ thuật Blogger đơn giản, có video hướng dẫn


Trong công việc bán hàng, hay xây dựng thương hiệu cá nhân, việc kết nối với lượng khách truy cập trên Facebook thông qua 
Fanpage là rất hiệu quả. Do đó, việc đưa Fanpage vào website/Blogspot/blogger là điều cực kỳ quan trọng và nên làm. Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn cách thêm Fanpage vào Blogspot/Blogger của bạn để thuận tiện cho việc kết nối truyền tải thông tin mới nhất đến khách hàng trên Facebook.


Video hướng dẫn đưa Fanpage vào Blogger/Blogspot (cực kỳ đơn giả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/Arvv2BMkv4s

Cách đưa Fanpage vào Blogspot/Blogger


Đầu tiên, bạn cần xác định vị trí sẽ đặt Fanpage vào Blogspot của bạn để thuận tiện cho việc kết nối với khách truy cập nhất. (Trong trường hợp này, Sơn Nguyễn chọn cột bên phải để chèn Fanpage vào Blogger)

Sau đó, truy cập vào phần quản trị của blog ---> Bố cục ---> Thêm tiện ích tại nơi sẽ đặt Fanpage ---> Chọn tiện ích HTML/Javascript




Copy đoạn code sau và paste vào tiện ích
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/nguyentruongson.info&amp;
width=245&amp; colorscheme=light&amp;show_faces=true&amp;
connections=9&amp;stream=false&amp;header=false&amp;
height=270" scrolling="no" frameborder="0"
scrolling="no" style="border: medium none;
overflow: hidden;
height: 270px;
width: 245px;
background:#fff;">
</iframe>
</div>
Tùy chỉnh các thông số
  • Dòng tô vàng: link địa chỉ Fanpage của bạn
  • Chữ màu đỏ: độ cao của ô Fanpage
  • Chữ màu xanh: độ rộng của ô Fanpage

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

Bấm Xem blog để tận hưởng thành quả ^^

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

Link tải đoạn code: https://drive.google.com/file/d/1JlKaw5CxTJyy8LA-49n43B0XfJ0pUDfV/view?usp=sharing

Để 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 3: Hướng dẫn thay banner cho Blogspot
Bài 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
Bài sau >>>

Sunday, December 13, 2015

Hướng dẫn thay đổi nội dung chân trang Blogspot

Hướng dẫn thay đổi nội dung chân trang Blogspot

Hướng dẫn chi tiết, có video hướng dẫn



Khi bạn tạo 1 Blogspot và sử dụng các giao diện (templates Blogger) sẵn có thì ở chân trang luôn có dòng chữ "Mẫu ........ Cung cấp bởi Blogger". Đây là nội dung thông báo bản quyền, rằng bạn đang sử dụng mẫu templates Blogger, hoặc của 1 đơn vị khác nếu bạn dowload mẫu templates blogspot trên mạng về. Việc thay đổi nội dung chân trang Blogspot là ko khuyến khích.

Tuy nhiên, có khá nhiều bạn đã hỏi rằng có thể xóa nội dung này ở chân trang Blogspot/Blogger được ko? Hoặc, có thể thay nội dung này thành nội dung khác? - vì nếu có dòng chữ Blogger thì nó chỉ là 1 blog chứ ko phải là 1 website thực thụ, nhìn ko chuyên nghiệp. Đáp ứng những nhu cầu đó, hôm nay Sơn Nguyễn sẽ hướng dẫn bạn thực hiện thay đổi nội dung chân trang Blogspot/Blogger 1 cách dễ dàng và đơn giản.

Video hướng dẫn thay đổi nội dung chân trang Blogspot/Blogger



  • 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/na-BbqxXEgc

Hướng dẫn thay đổi nội dung chân trang Blogger/Blogspot


Để thực hiện điều này, bạn làm như sau:

-Đăng nhập vào trang chủ Blogger của bạn ---> truy cập vào phần quản trị blog bạn muốn thay đổi nội dung chân trang ---> Mẫu ---> Chỉnh sửa HTML

-Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm Att

-Ấn Enter khoảng 3-4 lần để tìm đến đoạn code sau

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
....
</b:section>



Sau khi tìm được đoạn code trên,các bạn xóa nó đi, thay vào đó là đoạn code dưới đây:

<div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">HƯỚNG DẪN BLOGSPOT CHI TIẾT</span></b></div> <div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">Từ căn bản đến nâng cao - Ai cũng có thể làm được</span></b></div> <div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">Thực hiện bởi Sơn Nguyễn</span></b></div>



Các bạn có thể chỉnh sửa các thông số đã được tô màu cho phù hợp với bạn

Gợi ý của Sơn Nguyễn
  1. Dòng 1: Tên công ty/Tên sản phẩm/Tên dự án/Tên blogspot của các bạn
  2. Dòng 2: Địa chỉ
  3. Dòng 3: Thông tin liên hệ (SĐT, Fax, Email...)

Chú ý: có thể thay màu chữ ở mục "color: white;" trong đoạn code

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

Bấm Xem blog để chiêm ngưỡng thành quả ^^


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 2: Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot
Bài 3: Hướng dẫn thay banner cho Blogspot
Bài sau >>>