tháng 6 2016

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

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ổng hợp 10 trang cung cấp Template Blogspot đẹp, miễn phí

Giúp bạn tạo Blogspot đẹp với những template Blogspot miễn phí



Hôm nay Nguyễn Trường Sơn sẽ chia sẽ với các bạn 10 trang cung cấp Template Blogspot đẹp và miễn phí để các bạn có thêm nhiều sự lựa chọn khi tự thiết kế website bằng blogspot.

Các bạn hãy chọn cho mình những mẫu Template blogspot ưng ý nhất để download về rồi sau đó tự thiết kế website theo mẫu Template đó nhé. Hãy thay các mẫu Template sẵn có của Blogger bằng các Template chuyên nghiệp hơn.

Cũng đơn giản thôi mà ^^

P/s: Sau khi chọn được mẫu Template blogspot đẹp ưng ý rồi thì các bạn có thể tham khảo lại Bài 7Bài 8 để dễ dàng thiết kế website của mình theo mẫu Template mới nhé:

10 trang cung cấp Template đẹp, miễn phí cho Blogspot

1. Soratemplates

Sơn Nguyễn thường hay vào trang này để chọn Template cho Blog của mình. Trang này cung cấp nhiều Template đẹp, miễn phí, chuẩn SEO, chuẩn Mobile, HTML5 ... rất phù hợp cho công việc bán hàng online.

Link trang http://www.soratemplates.com/


2. Btemplates

Đây cũng  là 1 trang mà Sơn Nguyễn cũng thường hay ghé để chọn mẫu Template đẹp miễn phí để thiết kế website cho đẹp hơn và chuyên nghiệp hơn

Link trang http://btemplates.com/


3. AB Templates

Trang cung cấp Template free này trước đây có tên là Blog Template 4u

Link trang https://abtemplates.com/


4. All Blog Tools

Link trang http://www.allblogtools.com/



5. Blogger template Store

Link trang: http://www.bloggertemplatestore.com/



6. Lovely Templates

Link trang: http://www.lovelytemplates.com/blogger-templates



7. Deluxe Templates

Link trang: http://www.deluxetemplates.net/



8. Premium Blogger Templates
Link trang: http://www.premiumbloggertemplates.com/




9. Zoom Template

Link trang: http://www.zoomtemplate.com/


10. Pro Btemplates 

Link trang: http://www.probtemplates.com/



Trên đây là 10 trang cung cấp Template Blogspot đẹp, miễn phí. Hi vọng các bạn sẽ chọn được cho mình những mẫu Template Blogspot đẹp để thoải mái tự thiết kế website theo ý của các bạn ngày càng đẹp và chuyên nghiệp hơn. Và quan trọng hơn: nó hoàn toàn miễn phí!

Bonus thêm 1 trang Template Blog Bán hàng đẹp ^^

Online Shopping Blogger Templates

Link trang: http://onlineshoppingbloggertemplates.blogspot.com/


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

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 Mình 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. 

Nếu bạn thấy HAY thì SHARE nhé ^^

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

Hình thức quảng cáo hiện giữa màn hình của trang Blogspot


Popup quảng cáo hiện giữa màn hình Blogspot là dạng popup quảng cáo tạo được sự chú ý nhất cho người dùng khi họ truy cập vào trang Blogspot của bạn. Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách tạo Popup cho Blogspot Popup quảng cáo hiện giữa màn hình 

Cũng như các cách tạo popup cho Blogspot đã được hướng dẫn trước đó, bài hướng dẫn này cũng sử dụng 1 đoạn code để tạo Popup quảng cáo. Đoạn code này đã được tùy chỉnh tối ưu về tốc độ load trang Blogspot, Popup quảng cáo chỉ xuất hiện 1 lần nên ko gây phiền hà cho người dùng truy cập vào trang Blogspot của bạn.

Hướng dẫn tạo Popup quảng cáo hiện giữa màn hình Blogspot


Để tạo Popup quảng cáo xuất hiện giữa màn hình cho Blogspot các bạn chỉ cần chuẩn bị trước 1 banner làm hình nền cho Popup quảng cáo, rồi thực hiện theo các bước sau:

Bước 1: Truy cập vào trang Blogger.com
Bước 2: Đăng nhập vào Blogger bằng tài khoản Gmail của bạn
Bước 3: Ở phần quản trị Blog: chọn Blog cần tạo popup quảng cáo
Bước 4: Vào phần Bố cục --> Chọn Thêm tiện ích --> Chọn HTML/Javascript.
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">
/* Huong dan boi huongdanblogspotchitiet.blogspot.com */
#mbt-counter {
padding: 10px;
font-family: oswald, verdana;
background-color: rgba(0, 0, 0, 0)!important;
color: #FFF!important;
position: absolute;
left: 59%;
top: 12%;
font-size: 15px;
}
.reveal-modal h2 {
position: absolute;
top: 5%;
font-family: oswald, arial;
font-size: 1.7em;
text-shadow: 2px 4px 10px #000;
color: #FF9D0F;
left: 4%;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
left: 50%;
top:170px;
margin: -200px -200px -200px -600px;
width: 550px;
height: 305px;
background: rgba(51, 51, 51, 0) url(link hình ảnh nền quảng cáo) no-repeat -17px 0px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #FFF;
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 32px;
line-height: 0.5;
position: absolute;
right: 25px;
font-weight: bold;
cursor: pointer;
bottom: 25px;
color: #9C6417;
}
.reveal-modal .close-reveal-modal:hover {
color:#2d2d2f;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script type="text/javascript" src="https://fileitviet360.googlecode.com/svn/trunk/vuvanphong-popup.js"></script>
<script type='text/javascript'>
//<![CDATA[
//Setting Time
TargetDate = "12/25/2013 12:00 AM";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% days: %%H%% hrs: %%M%% mins: %%S%% secs";
FinishMessage = "Chúc các bạn thành công!";
//Hiding snowfall
$(document).ready(function()
{
$('a.close-reveal-modal').click(function() {$(document).snowfall('clear');});
//Setting cookie
if(sessionStorage.getItem("Hide-MBT-Popup") == 1) {
$(document).snowfall('clear');
$(document).snowfall.hide();
$("#myModal").hide();
}
sessionStorage.setItem("Hide-MBT-Popup", 1);
});
$(function() {
// Setting Animation
$('#myModal').reveal({
animation: 'fadeAndPop', //fade, fadeAndPop, none
animationspeed: 300, //how fast animtions are
closeonbackgroundclick: false, //if you click background will modal close?
dismissmodalclass: 'close-reveal-modal' //the class of a button or element that will close an open modal
});
//Revealing Snowfall
<!-- $(document).snowfall({deviceorientation : true, round : true, minSize: 1, maxSize:8, flakeCount : 250}); -->
});
//]]>
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<div id="myModal" class="reveal-modal" >
<h2><a href="https://huongdanblogspotchitiet.blogspot.com" target="_blank">Hướng Dẫn Blogspot Chi Tiết</a></h2>
<script type='text/javascript' src="https://fileitviet360.googlecode.com/svn/trunk/popup-counter.js"></script>
<a class="close-reveal-modal">&#215;</a>
</div>

Chú ý:


1- Phần được tô đỏ: phía cuối đoạn code là mã HTML hiển thị nội dung của quảng cáo, các bạn thay phần chữ màu xanh cho phù hợp với nhu cầu của các bạn
2- Dòng chữ "Chúc các bạn thành công!": các bạn có thể thay bằng 1 câu khác của bạn cho phù hợp, hoặc bạn có thể xóa nó đi (nếu muốn)
3- link hình ảnh nền quảng cáo: Các bạn thêm hình ảnh nền cho popup quảng cáo

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

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/AVvXsEhfd9zH_vtfzYQXVZU0a2-xN8fCWLkpxlWtzs-viIQ6k-zXWxUSQAaplNJZGt3HqgVC2NTh1rYbRsoaeCA4aqK99RyF4yzFWZuaguiAjMNintJrE9yNECgPV2Tm9X6iNj9b6Dxn5qoMmbiC/w15-h150-no/cuocsongmuonmau.info_bg_right.gif) no-repeat right top;}
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0n-leRiSp_3j1v5T4IHdkjzoizNAeQ0f6pL92Cmt99O5qMnAaIzzu7oB2O3ZEep1SamYJw6IeuqdjO0XhnYSWJZidYByeG2CoQGenrbxk244rPtgNmMCVh2kVGr3JRNRH_k4WEBhuwl15/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/AVvXsEhEF_wx3qaDsT1x6VZAbFOXPI0E_63oClp1njcH1EriRqYisBx50dpREf_VZUxvi5I4WNpxgnU0umoTs_VtOc3L9TE04x1EH4bGwW8pEkBN22BW0OVqitgjbwV0kzbhRoOMdEjkmAn_fbBU/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ÁC GIẢ

{facebook#https://www.facebook.com/couponkhuyenmaimoingay/}

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.