Trỏ tên miền tk về blogspot

Tên miền blogspot là một tên miền dài gây ra nhiều phiền toái cho người gõ địa chỉ blogspot của bạn.Vì vậy bạn muốn trỏ tên miền tk về blogspot để thuận tiện hơn cho người đọc gõ địa chỉ blogspot của bạn trong trình duyệt Web.Tên miền tk cũng là một tên miền miễn phí cho tất cả cách trang web trên Internet.Vì vậy hôm nay Blog Minh Trí sẽ chia sẻ cho các bạn một thủ thuật nho nhỏ nhé.

Trỏ tên miền tk về Blogspot

Tên miền tk là gì?

-Như trên,tên miền tk là tên miền MIỄN PHÍ.

-Vào năm 2001 đã có hàng triệu người sử dụng những tên miền tk. Điều này khiến .TK trở nên lớn mạnh và được thừa nhận rộng rãi.

-Hiện nay có rất nhiều người sử dụng tên miền tk này.

-Tên miền tk phù hợp với những học sinh,sinh viên....vì nó hoàn toàn không mất phí trong 1 năm.
-Trỏ tên miền tk về Blogspot có rất nhiều lợi ích khác....

Trỏ tên miền tk về Blogspot như thế nào?

-Sau khi mình đã giới thiệu xong về tên miền tk là gì,thì mình sẽ chia sẻ cho các bạn cách trỏ tên miền tk về Blogspot ngay bây giờ.

I : Cài đặt trên Blogspot:

Bước 1 : Đăng nhập vào quản trị Blog và chọn Cài đặt[1] --> Cơ bản[2]->Và chọn Thiết lập URL bên thứ 3[3]:

Bước 2: Nhập tên miền mà bạn muốn đăng ký lưu ý phải thêm www đằng sau nhé,sau khi nhấn Lưu thì nó sẽ hiện như hình.

Trỏ tên miền tk về Blogspot

II:Đăng ký tên miền tk bằng Dot.TK:

 Bước 3: Các bạn truy cập Dot.tk để đăng ký tên miền bạn muốn trỏ.Tại ô các bạn gõ địa chỉ tên miền và bạn muốn trỏ như hình ,sau đó nhấn GO:

Trỏ tên miền tk về Blogspot

Bước 4: Nhập thông tin đăng ký mà Dot.TK cung cấp :

Trỏ tên miền tk về blogspot

Bước 5: Sau đó các bạn chọn Đăng ký ,sau đó đăng ký :

Trỏ tên miền tk về blogspot

III:Cài đặt cấu hình trên ClouDNS :

Bước 6: Các bạn tiến hành tạo tài khoản trên https://www.cloudns.net/ và đăng nhập vào.Sau đó chọn  Add new như hình :

Trỏ tên miền tk về blogspot

Bước 7: Sau đó các bạn Master Zone và điền tên miền của bạn vào và tấn Tạo:

Trỏ tên miền tk về blogspot

Bước 8 : Bấm chọn CNAME, rồi ấn "Tạo mẫu tin mới". 
Tại Host: nhập "www" , 
Trỏ đến: nhập "ghs.google.com" (đây chính là CNAME ở bước 2).Tiếp theo nhấn Save

Trỏ tên miền tk về blogspot

Tương tự như trên,các bạn chọn CNAME,rồi sau đó chọn "Tạo mẫu tin mới".
Tại Host nhập : bên dưới dòng www (ở bước 2).
Trỏ đến thì các bạn nhập dòng bên dưới của ghs.google.com(ở bước 2).
Bước 9: Tại bước này các bạn chọn bản "A" và sau đó các bạn nhập 4 địa chỉ IP như sau :
216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21
-Lưu ý: Tại mục Host để trống như hình :

Trỏ tên miền tk về blogspot

Bước 10: Sau khi thực hiện xong các bạn sẽ được như hình bên dưới:

Trỏ tên miền tk về blogspot

Thế là chúng ta đã hoàn thành bước cài đặt cấu hình cho ClouDNS.Để Trỏ tên miền tk về Blogspot thì chúng ta phải thêm NameSever cho tên miền vừa tạo.Các bạn thực hiện theo bên dưới nhé.

IV:Thêm NameSever cho tên miền TK:

Bước 11: Các bạn đăng nhập vào quản trị tên miền và chọn vào tên miền vừa tạo,sau đó chọn Management Tools ----> NameServers

Trỏ tên miền tk về blogspot

Bước 12: Các bạn chọn Use custom nameservers (enter below) và điền vào hai ô là :

ns101.cloudns.net

và ns102.cloudns.net

-Sau đó nhấn Change Nameservers:

Trỏ tên miền tk về blogspot

Bước 13: Các bạn quay lại Bước 2 và nhấn Lưu,sau đó tên miền tk sẽ được trỏ vêf blog của bạn :

Lưu ý : Sau khi trỏ về các bạn chọn chuyển hướng tên miền www.tenmiencuaban.tk đến tenmiencuaban.tk

để người vào blog dễ dàng truy cập hơn

Tạo nút lên đầu trang cho Blogspot

Việc tạo nút lên đầu trang cho BlogSpot là đơn giản nhưng rất quan trọng cho người đọc Blogspot.Việc này giúp người đọc Blog của bạn có thể lên đầu trang một cách dễ dàng mà không phải mất công rê chuột vào.Tạo nút lên đầu trang cho Blogspot chỉ cần dùng những đoạn code đơn giản bên dưới.Với những nút lên đầu trang đẹp.

Tạo nút lên đầu trang cho Blogspot

Bên dưới là những nút lên đầu trang cho Blogspot,các bạn chọn 1 nút lên đầu trang thật ưng ý nhé.Các bạn chỉ cần copy code nút lên đầu trang mà bạn ưng ý và Thêm tiện ích cho BlogSpot thôi (xem cách thêm tiện ích tại đây).

Nút lên đầu trang cho Blogspot:

Đoạn code bên dưới :

<!--Tạo nút lên đầu trang cho Blogspot-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="http://blogminhtri.blogspot.com" target="_blank" title="Back to Top"><img src="http://2.bp.blogspot.com/-
ExomXm9BGFw/UmFqgFo-rFI/AAAAAAAAAE4/JMc1KSveWco/s1600/Top.png"/></a>
<!--Tạo nút lên đầu trang cho Blogspot-->

Thay phần màu đỏ bằng Link ảnh lên Top:

Bộ sưu tầm ảnh Top tại địa chỉ :  http://blogminhtri.tk/Back_to_top/

Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot

Việc chèn hình ảnh vào bài viết của bạn trên Blogspot là một bài viết nào cũng phải có.Việc chèn ảnh cũng là cách mà người đọc Blog của bạn nắm bắt thêm các thông tin cần thiết.Cũng như hiểu rõ vấn đề mà bạn muốn chia sẻ...Một bức ảnh được phóng to lên giúp người đọc có thể nhìn rõ bức ảnh hơn.Nói tóm lại việc chia sẻ hình ảnh trong 1 bài viết khá là quan trọng.

Tạo hiệu ứng phóng to ảnh khi dê chuột cho Blogspot

Nhưng nếu bạn muốn hình ảnh được thu nhỏ lại mà muốn người đọc có thể nhìn rõ bức ảnh của bạn thì bạn có thể tạo hiệu ứng phóng to ảnh khi được rê chuột.Cách này là 1 cách khá hiệu quả.

Demo phóng to ảnh tại:  http://blogminhtri.blogspot.com/2016/02/tao-hieu-ung-phong-to-anh-khi-re-chuot-cho-blogspot.html

1:Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot như thế nào?

Copy đoạn code bên dưới và chèn vào trước phần thẻ ]]</b:skin> hoặc ]]></b:skin>

(xem cách tìm kiếm thẻ tại đây).

Code tạo hiệu ứng phóng to ảnh khi rê chuột:

.post img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post img:hover { width: 80%; height:80%; }

2: Một số hình ảnh của hiệu ứng phóng to ảnh khi rê chuột.

Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot.

Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot

Code Loading cho Blogspot

Code Loading cho Blog giúp bạn có 1 Loading thật đẹp ,bắt mắt nhé...Người đọc BlogSpot có thể thêm hứng thú đó...Bên dưới là đoạn code Loading cho Blogspot.

Một số hình ảnh Demo:

Code Loading cho Blogspot

<script>var bar=0 var line="||" var amount="||" function count(){ bar=bar+2 amount =amount + line document.loading.chart.value=amount document.loading.percent.value=bar+"%" if (bar<99) {setTimeout("count()",125);} else {loaibo()} } </script><div id="TGTH_Loading" align="center" style="position:fixed;visibility:hidden;-moz-opacity: 0.80px;background: #000000;filter: alpha(opacity=80);height: 100%;left: 0%;top: 0%;opacity: 0.80;width: 100%;z-index: 1001;"><form name="loading"><table align="center" style="position:fixed;top:11%; left: 0px;" height="90%" width="100%"><tbody><tr><td valign="center"><p align="center" style="font-family:Verdana;color:red;font-size:20pt;font-weight:bold">Welcome to Blog Minh Trí</p><p align="center" style="font- family:Verdana;color:#295dc6;font-size:15pt;font-weight:bold">Cảm Ơn Bạn Đã Dành Thời Gian Ghé Thăm Blog Nếu Thấy Hay Thì Like + Share Ủng Hộ Nhé</p><p align="center" style="font-family:Verdanal;font-size:8pt"><input style="border: medium none ; color: white; background-color:black; text-align: center;" size="47" name="percent" /><br /><input style="border-style: none; padding: 0px; font-weight: bolder; color:white ; font-family: Arial; background-color: rgb(53, 53, 53);" size="45" name="chart" /><br /><script>count()</script><b><font style="font-size: 8pt;" color="#ff6600" face="Verdana"> Đang tải dữ liêu … Đợi chút xíu nhé!</font></b></p><br /><p align="center"style="font-family:Verdana;font-weight:bold"><a href="Javascript:loaibo()()" style="color:yellow;font-size:10pt"> Nhấn vào đây nếu bạn không muốn đợi lâu </a></p></td></tr></tbody></table></form></div><script type="text/javascript">var once_per_session=1 function loaibo(){ document.getElementById('TGTH_Loading').style.visibility="hidden" document.cookie="TGTH_Loading=yes" } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function Dongloading(){ if (get_cookie('TGTH_Loading')=='') { Moloading() } } function Moloading(){ document.getElementById('TGTH_Loading').style.visibility="inherit" } if (once_per_session==0) Moloading() else Dongloading() </script>

Các bạn nhất Ctrl + A để chọn tất cả và Ctrl+ C để copy toàn bộ đoạn code Loading cho Blog này nhé :v

 Code Loading cho Blogspot:

B1-Vào quản trị BlogSpot sau đó vào Bố Cục

B2- Vào Bố Cục Chọn Tiện Ích => HTML/Javascript

B3- Chèn đoạn HTML Này Vào

Share Template mà Blog đang dùng

Một vài hình ảnh của Blog:

Blog-Minh-Tri

Blog-Minh-Tri

Template này có những tối ưu gì?

-Chuẩn SEO.
-Tốc độ Load cao.
-Hỗ trợ trực tuyến.
-Và các tiện ích nhỏ khác.

Code trang trí Tết Nguyên Đán cho Blog

Bộ sưu tầm code trang trí cho Tết Nguyên Đán 2016 đây!Chúc các bạn một năm mới An Khang-Thịnh Vượng nhé ! Nào chúng ta cùng trang trí cho Blog của mình bằng code Trang trí Tết Nguyên Đán bên dưới nhé!

Code trang trí Tết Nguyên Đán cho Blog

I:Code trang trí Tết Nguyên Đán cho Blog:

1:Code câu đối Tết:

Code trang trí Tết Nguyên Đán cho Blog

  <img src="http://trivnss.tk/img/blog/Caudoitet1.png" style="display:scroll;position:fixed;top:0px;left:5px;"/><img src="http://trivnss.tk/img/blog/caudoitet2.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>
2:Code câu đối 2 bên và phía dưới là không khí ngày Tết Nguyên Đán:

Code trang trí Tết Nguyên Đán cho Blog

<script type='text/javascript'>//<![CDATA[ document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://trivnss.tk/img/blog/Caudoitet1.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://trivnss.tk/img/blog/caudoitet2.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://trivnss.tk/img/blog/bottom.png) repeat-x bottom left;"></div><a href="http://blogminhtri.blogspot.com" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://trivnss.tk/img/blog/buttom-left.png"/>'); var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[]; for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>'); //]]></script>
3:Cành đào treo hai bên:

Code trang trí Tết Nguyên Đán cho Blog

<img src="http://trivnss.tk/img/blog/hoadao.png" style="display:scroll;position:fixed;top:0px;left:5px;"/><img src="http://trivnss.tk/img/blog/hoadao.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>
4:Code hoa mai rơi:

Code trang trí Tết Nguyên Đán cho Blog

<script type="text/javascript" src="http://trivnss.tk/js/hoaroi.js"></script>
5:Code hoa đào rơi:

Code trang trí Tết Nguyên Đán cho Blog

<script type="text/javascript" src="http://trivnss.tk/js/hoadaoroi.js"></script>

II:Cách sử dụng code trang trí Tết Nguyên Đán cho Blog:

-Các bạn vào Blog của bạn chọn Bố Cục và Thêm bố cục -->HTML,Javascrip sau đó chép đoạn code bên trên vào và nhấn Lưu nhé:
-Xem cách thêm tiện ích chi tiết tại đây:

Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

Đây là đoạn code giúp bạn có thể thêm khung hỗ trợ trực tuyến bằng Fanpage Facebook đơn giản dễ làm cho Blog cũng như Website của bạn :v

Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

*Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog:

Code bên dưới các bạn chỉ cần thêm tiện ích(cách thêm tiện ích cho Blog vui lòng xem tại đây) vào Blog là được.Khung hỗ trợ trực tuyến này có tác dụng giúp người đọc dễ tiếp cận với Fanpage của bạn hơn.Từ đó tăng số like Fanpage của bạn.các bạn nhớ thay địa chỉ Fanpage cho hợp lý nha :v

Nhấn tổ hợp phím Ctrl + A sau đó nhấn tổ hợp phím Ctrl +C để copy tất cả.

<div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <style>#cfacebook{position:fixed;bottom:0px;right:8px;z-index:999999999999999;width:250px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}</style> <script> jQuery(document).ready(function () { jQuery(".chat_fb").click(function() { jQuery('.fchat').toggle('slow'); }); }); </script> <div id="cfacebook"> <a href="javascript:;" class="chat_fb" onclick="return:false;"><i class="fa fa-facebook-square"></i> Hỗ trợ trực tuyến</a> <div class="fchat"> <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/blog.minhtri/" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div></div></div></textare>

Demo Click here  Download Click here

Để lại link bài viết khi bị copy cho Blog

Bạn thấy rất bực mình khi người copy trên Blog của bạn không để lại link bài viết trên Blog của bạn.Làm ảnh hưởng rất nhiều tới quyền tác giả của bạn .Vì thế Blog Minh Trí sẽ chia sẻ đoạn code giúp bạn để lại link bài viết khi copy cho Blog của bạn .!

Vậy để lại link bài viết khi copy cho Blog có ích gì ?

-Như mình đã đề ở trên thì để lại link bài viết khi copy cho Blog của bạn có thể hiển thị link bài viết ngay dưới phần copy.

-Khi nhìn thấy link bài viết thì người copy sẽ biết được là phải đặt link bài viết phía dưới giúp bạn có thể tạo bảo vệ quyền tác giả.

-Để lại link bài viết giúp bạn có thể tạo các Baclink trỏ đến Blog của bạn.Rất tố cho việc SEO blog của bạn.

-Và những lý do nhỏ khác nữa...

Để lại link bài viết khi bị copy cho Blog

Vậy để lại link bài viết khi copy cho Blog như thế nào?

Các bạn chỉ cần copy đoạn code bên dưới vào tiện ích trong Blog của bạn thôi! Các bạn có thể xem cách thêm tiện ích cho BlogSpot tại đây.Hoặc xem hướng dẫn bên dưới nhé D

Bước 1 : Các bạn vào phần quản trị của BlogSpot và chọn vào phần Bố cục [1] sau đó chọn Thêm Tiện ích [2] như hình :

Để lại link bài viết khi bị copy cho Blog

Bước 2: Sau khi thực hiện xong Bước 1 các nó sẽ hiện 1 bảng các bạn chọn  HTML/Javascript [3] như hình :

Để lại link bài viết khi bị copy cho Blog

Bước 3: Các bạn copy đoạn code bên dưới và dán vào ô Nội Dung còn phần tiêu đề thì các bạn để trống, sau đó các bạn nhấn Lưu[4]:

Để lại link bài viết khi bị copy cho Blog

Bước 4 : Sau đó các bạn chọn Lưu thay đổi để hoàn thành :D

Để lại link bài viết khi bị copy cho Blog

Bên dưới là đoạn code các bạn chọn tất cả và Ctrl + C để copy và dán như hướng dẫn nhé :

!--bắt đầu đoạn cde để lại link bài viết--><script type='text/javascript'>function addLink(){ var body_element = document.getElementsByTagName('body')[0]; var selection; selection = window.getSelection(); var pagelink = "<br/><br/>Trang Chính Thức : <a href='"+document.location.href+"'>"+document.location.href+"</a>"; var copytext = selection + pagelink; var newdiv = document.createElement('div'); newdiv.style.position='absolute'; newdiv.style.left='-99999px'; body_element.appendChild(newdiv); newdiv.innerHTML = copytext; selection.selectAllChildren(newdiv); window.setTimeout(function() { body_element.removeChild(newdiv); },0); } document.oncopy = addLink; </script><!--kết thúc đoạn cde để lại link bài viết-->