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

Tên miền .net chỉ 2,99$ và hướng dẫn trỏ ngay tên miền về blogspot 2016

7:55 PM Thêm bình luận
Chào các bạn, cũng lâu rồi mới có thời gian trở lại trang nhatthienkt.net. Hôm nay mình sẽ hướng dẫn các bạn mua tên miền siêu rẻ và chất lượng, Vì mình đang dùng nên có thể nhấn mạnh như thế. Nói xa xôi quá, thực ra đó là dịch vụ tên miền của công ty FatCow. Thích FatCow vì nó cho thanh toán qua Paypal, vậy nếu có tiền trong Paypal bạn dể dàng mua tên miền vip chỉ với 2,99$ và hơn nữa được miễn phí 1GB không gian lưu trữ cho host.

Tiến hành nào!

Đầu tiên bạn đăng ký 1 tên miền tại trang chủ của FatCow, link ở dưới
Tiếp theo bạn chọn tên miền .net
Tên miền .net chỉ 2,99$ và hướng dẫn trỏ ngay tên miền về blogspot 2016
+ Bấm vào remove chỗ .com để hủy đăng ký tên miền .com và bấm vào add chỗ tên miền .net để đăng ký tên miền .net.
+ Đăng ký ngay nếu chưa có tài khoản
Tên miền .net chỉ 2,99$ và hướng dẫn trỏ ngay tên miền về blogspot 2016
Read more »

Tạo menu thân thiện và đẹp giao diện di động cho Blogspot

7:52 PM Thêm bình luận

Nhatthienkt.net - Tìm hiểu ở một số trang web viết bởi mã nguồn Blogger trên thiết bị di động lướt rất mượt và đẹp. Đặc biệt Menu CSS rất tinh tế và dể sử dụng. Nếu bạn là người đam mê Blogger - Blogspot thì Menu đẹp là việc làm đầu tiên.

Bài viết này bởi nhatthienkt tuy nhiên code bởi tác giả khác. Thấy hay và chia sẻ, các bạn không thắc mắc nhé.
Tạo menu thân thiện và đẹp giao diện di động cho Blogspot

Xem trước mẫu
- Đây là giao diện Desktop của MENU
Tạo menu thân thiện và đẹp giao diện di động cho blogspot
- Đây là giao diện trên thiết bị di động (Điện thoại, Ipaid,..)
Tạo menu thân thiện và đẹp giao diện di động cho blogspot
 và chi tiết hơn như hình dưới
Tạo menu thân thiện và đẹp giao diện di động cho blogspot
Bạn có thể xem Demo trực tiếp tại Web của mình
Giao diện Desktop  www.nhatthienkt.net
Giao diện Mobile:   www.nhatthienkt.net?m=1

Hướng dẫn thực hiện

Bước 1: Truy cập vào Bảng điều khiển Blogger

- Tìm đến đoạn ]]></b:skin>
Tạo menu thân thiện và đẹp giao diện di động cho blogspot

Và chèn code bên dưới lên trên nó

/*dropdown menu*/ #menu{background:#098047;color:#eee;height:35px;} #menu ul,#menu li{margin:0;padding:0;list-style:none} #menu ul{height:35px} #menu li{float:left;display:inline;position:relative;font:bold 13px Arial;} #menu li a{color:#ccc;box-shadow: inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);} #menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#333;} #menu li:hover > a,#menu li a:hover{color:#fff} #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer} #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center} #menu label span{font-size:13px;position:absolute;left:35px} #menu ul.menus{height:auto;overflow:hidden;width:180px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333} #menu ul.menus a{color:#333} #menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;} #menu li:hover ul.menus{display:block} #menu a.prett,#menu a.trigger2{padding:0 27px 0 14px} #menu li:hover > a.prett,#menu a.prett:hover{background:#fff;color:#333} #menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px} #menu ul.menus a:hover{background:#06703D;} #menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px} /*Responsive menu*/ @media screen and (max-width: 768px){ #menu{position:relative} #menu ul{background:#838383;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;} #menu ul.menus{width:100%;position:static;border:none} #menu li{display:block;float:none;width:auto;text-align:left} #menu li a{color:#fff} #menu li a:hover{color:#333} #menu li:hover{background:#BABABA;color:#333;} #menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;} #menu ul.menus a{background:#BABABA;} #menu ul.menus a:hover{background:#fff;} #menu input,#menu label{position:absolute;top:0;left:0;display:block} #menu input{z-index:4} #menu input:checked + label{color:white} #menu input:checked ~ ul{display:block} }

Bước 2: Tìm đến đoạn </header>

Và chèn ngay sau nó đoạn code Menu

<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Menu</span></label>
<ul>
<li><a href='MỤC 1' rel='nofollow' title="Mô tả">MeNu 1</a></li>
<li><a class='prett' href='search/label/Tên Label chính 1' title="Mô tả label chính 1">MeNu 2</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 2' title="Mô tả Lanel 2">Menu 2.1</a></li>
<li><a href='/search/label/Tên Label 3' title="Mô tả Lanel 3">Menu 2.2</a></li>
<li><a href='/search/label/Tên Label 4' title="Mô tả Lanel 4">Menu 2.3</a></li>
<li><a href='/search/label/Tên Label 5' title="Mô tả Lanel 5">Menu 2.4</a></li>
</ul>
</li>

<li><a class='prett' href='search/label/Tên Label chính 2' title="Mô tả label chính 2">MeNu 3</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 6' title="Mô tả Lanel 6">Menu 3.1</a></li>
<li><a href='/search/label/Tên Label 7' title="Mô tả Lanel 7">Menu 3.2</a></li>
<li><a href='/search/label/Tên Label 8' title="Mô tả Lanel 8">Menu 3.3</a></li>
<li><a href='/search/label/Tên Label 9' title="Mô tả Lanel 9">Menu 3.4</a></li>
</ul>
</li>

<li><a class='prett' href='search/label/Tên Label chính 3' title="Mô tả label chính 3">MeNu 4</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 10' title="Mô tả Lanel 10">Menu 4.1</a></li>
<li><a href='/search/label/Tên Label 11' title="Mô tả Lanel 11">Menu 4.2</a></li>
<li><a href='/search/label/Tên Label 12' title="Mô tả Lanel 12">Menu 4.3</a></li>
<li><a href='/search/label/Tên Label 13' title="Mô tả Lanel 13">Menu 4.4</a></li>
</ul>
</li>

</ul>
</nav>

Chú ý là Tên Label phải được viết chuẩn HTML5
Ví dụ: Bạn có một Nhãn tên là Góc giải trí thì bạn phải viết thành Góc%20Giải%20trí tức là ta thêm %20 vào chỗ khoản trắng.
<li><a class='prett' href='search/label/Góc%20Giải%20trí' title="Chuyên mục giải trí">Góc Giải trí</a>
<ul class='menus'>
<li><a href='/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Windows%207' title="Phim hay tổng hợp">Phim hay</a></li>
<li><a href='/search/label/Test%20IQ' title="Kiểm tra IQ">Test IQ</a></li>
<li><a href='/search/label/Hình%20ảnh' title="Chia sẻ hình ảnh vui">Hình ảnh vui</a></li>
</ul>

</li>

Bước 3: Vào mục MẪU xem qua bên Điện thoại di động và chọn Tùy chỉnh

Tạo menu thân thiện và đẹp giao diện di động cho blogspot

Tạo menu thân thiện và đẹp giao diện di động cho blogspot
Check ngay nhé. Chúc các bạn thành công!

Hướng dẫn xóa Created By Sora Templates and My Blogger Themes 2015

9:00 PM Thêm bình luận
nhatthienkt.net - "Created By Sora Templates and My Blogger Themes" là một dòng xuất hiện cuối những theme blogger, nó là bản quyền bởi người làm theme này. Chúng được mã hóa dạng HEX nên bạn rất khó thay đổi hoặc xóa nó đi. Tuy nhiên ta vẫn có cách thay đổi hoặc xóa nó đi bằng thủ thuật nhỏ sau.
- Trước tiên mình muốn nói việc xóa đi bản quyền nhà xuất bản theme là không tốt cho lắm, tuy nhiên dưới sự khắc khe tài chính và cả sự dòm ngó của Google thì bạn có thể suy nghĩ lại, có nên xóa bản quyền hay không.
- Thực ra mỗi theme miễn phí đều được viết sẵn bản quyền dạng như trên, chúng có cả link trỏ về trang chủ theme và việc xóa nó có thể làm chuyển hướng site sang trang chủ của theme. Đó là với những theme không sử dụng HEX mã hóa, còn site sử HEX để mã hóa thành chuỗi ...\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x6x73... thì bạn có thể sử dụng cách này.

Bước 1: Vào chỉnh sửa theme, tìm kiếm CDATA, bấm Ctrl + F để tìm cho nhanh. Khi đó sẽ có rất nhiều đoạn như vậy. Như hình dưới

Hướng dẫn xóa Created By Sora Templates and My Blogger Themes 2015
Bạn hãy tìm và copy từng đoạn để thử
ví dụ có đoạn
var _0xdc81=["\x35\x20\x45\x28\x6C\x2C\x30\x29\x7B\x69\x20\x31\x3D\x47\x3B\x69\x20\x33\x3D\x46\x3B\x6D\x3D\x27\x3C\x72\x20\x44\x3D\x22\x27\x2B\x31\x2B\x27\x22\x20\x43\x3D\x22\x27\x2B\x33\x2B\x27\x22\x20\x42\x3D\x22\x27\x2B\x6C\x2E\x62\x28\x27\x2F\x41\x2D\x63\x2F\x27\x2C\x27\x2F\x77\x27\x2B\x31\x2B\x27\x2D\x68\x27\x2B\x33\x2B\x27\x2D\x63\x2F\x27\x29\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x20\x38\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x2F\x3E\x27\x3B\x6E\x28\x30\x21\x3D\x22\x22\x29\x6F\x20\x6D\x3B\x79\x20\x6F\x22\x22\x7D\x24\x28\x78\x29\x2E\x73\x28\x35\x28\x29\x7B\x24\x28\x27\x23\x66\x27\x29\x2E\x74\x28\x22\x75\x20\x76\x20\x3C\x61\x20\x39\x3D\x27\x37\x3A\x2F\x2F\x6B\x2E\x6A\x2E\x36\x2F\x27\x20\x65\x3D\x27\x64\x27\x20\x71\x3D\x27\x70\x27\x20\x38\x3D\x27\x34\x20\x32\x27\x3E\x48\x20\x32\x3C\x2F\x61\x3E\x20\x49\x20\x3C\x61\x20\x39\x3D\x27\x37\x3A\x2F\x2F\x4A\x2E\x36\x2F\x27\x20\x65\x3D\x27\x64\x27\x20\x71\x3D\x27\x70\x27\x20\x38\x3D\x27\x34\x20\x32\x27\x3E\x4B\x20\x34\x20\x4C\x3C\x2F\x61\x3E\x22\x29\x3B\x4D\x28\x35\x28\x29\x7B\x6E\x28\x21\x24\x28\x27\x23\x66\x3A\x4E\x27\x29\x2E\x4F\x29\x50\x2E\x51\x2E\x39\x3D\x27\x37\x3A\x2F\x2F\x6B\x2E\x6A\x2E\x36\x2F\x27\x7D\x2C\x52\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x69\x6D\x61\x67\x65\x5F\x77\x69\x64\x74\x68\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x69\x6D\x61\x67\x65\x5F\x68\x65\x69\x67\x68\x74\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6F\x6D\x7C\x68\x74\x74\x70\x7C\x74\x69\x74\x6C\x65\x7C\x68\x72\x65\x66\x7C\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x72\x65\x6C\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x7C\x7C\x76\x61\x72\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x77\x77\x77\x7C\x69\x6D\x61\x67\x65\x5F\x75\x72\x6C\x7C\x69\x6D\x61\x67\x65\x5F\x74\x61\x67\x7C\x69\x66\x7C\x72\x65\x74\x75\x72\x6E\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x74\x61\x72\x67\x65\x74\x7C\x69\x6D\x67\x7C\x72\x65\x61\x64\x79\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x65\x6C\x73\x65\x7C\x61\x6C\x74\x7C\x73\x37\x32\x7C\x73\x72\x63\x7C\x68\x65\x69\x67\x68\x74\x7C\x77\x69\x64\x74\x68\x7C\x62\x70\x5F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x5F\x72\x65\x73\x69\x7A\x65\x7C\x31\x39\x30\x7C\x33\x30\x30\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x73\x7C\x4D\x79\x7C\x54\x68\x65\x6D\x65\x73\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x30\x30\x30","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x936fx1,_0x936fx2,_0x936fx3,_0x936fx4,_0x936fx5,_0x936fx6){_0x936fx5=function(_0x936fx3){return (_0x936fx3<_0x936fx2?_0xdc81[4]:_0x936fx5(parseInt(_0x936fx3/_0x936fx2)))+((_0x936fx3=_0x936fx3%_0x936fx2)>35?String[_0xdc81[5]](_0x936fx3+29):_0x936fx3.toString(36))};if(!_0xdc81[4][_0xdc81[6]](/^/,String)){while(_0x936fx3--){_0x936fx6[_0x936fx5(_0x936fx3)]=_0x936fx4[_0x936fx3]||_0x936fx5(_0x936fx3)};_0x936fx4=[function(_0x936fx5){return _0x936fx6[_0x936fx5]}];_0x936fx5=function(){return _0xdc81[7]};_0x936fx3=1;};while(_0x936fx3--){if(_0x936fx4[_0x936fx3]){_0x936fx1=_0x936fx1[_0xdc81[6]]( new RegExp(_0xdc81[8]+_0x936fx5(_0x936fx3)+_0xdc81[8],_0xdc81[9]),_0x936fx4[_0x936fx3])}};return _0x936fx1;}(_0xdc81[0],54,54,_0xdc81[3][_0xdc81[2]](_0xdc81[1]),0,{}));
Read more »

Tạo sitemap cho blogspot đẹp theo Label

8:23 PM Thêm bình luận
Nhatthienkt - Mình rất thích kiểu sitemap (Sơ đồ trang) kiểu label vì nó vừa dể làm, nhẹ gọn và khoa học. Bài viết này mình tham khảo bên Namkna các bạn có thể tham khảo thêm nếu thích.
Sitemap có dạng như hình dưới
Tạo sitemap cho blogspot đẹp theo Lable
Mình đã áp dụng trên blog của mình, các bạn có thể xem tại link
Read more »

Tích hợp trình trò chuyện, chát Spot.IM cho website/blog quá tuyệt

9:02 PM Thêm bình luận

Nhatthienkt - Spot.IM được thành lập vào năm 2012 bởi Nadav Shoval và Ishay Green, Công nghệ Spot.IM của phép bạn thực hiện trò chuyện được tích hợp đầy đủ mọi mạng xã hội phổ biến hiện nay như Facebook, Tweet, G+,...

Với một tài khoản trên Spot.IM bạn dể dàng chèn trình chát vào web/blog của mình. Bạn có thể gửi ảnh, link và chát cộng đồng. Mọi thứ đều được lưu trữ tại trang của bạn và bạn có quyền quản lý dể dàng.
Tích hợp trình trò chuyện, chát Spot.IM cho website/blog quá tuyệt
Read more »

Không mở được blogspot 2015 do bị VNPT chặn

8:37 AM Thêm bình luận

Nhatthienkt - Thật là sóc khi kiểm tra thông tin truy cập blogspot không có lượt truy cập nào, và không thể mở được. Tìm hiểu thì ra là do bị thằng VNPT chặn ngày hôm nay. Không sao chúng ta luôn có cách khắc phục.

Bắt đầu nào.

Cách 1: Cách thủ công ép buộc đọc giả (không khuyên dùng)

Đầu tiên các bạn vào ngay chỗ biểu tượng Internet bấm chuột phải chọn Open Network and Sharing center
Không mở được blogspot 2015 do bị VNPT chặn
 - Tiếp theo click vào mạng đang được kết nối
Không mở được blogspot 2015 do bị VNPT chặn

Không mở được blogspot 2015 do bị VNPT chặn
 - Chọn Properties, và tìm đến mục TCP/iPv4
Không mở được blogspot 2015 do bị VNPT chặn
 - Thêm các thông số vào mục DNS như trong hình
Không mở được blogspot 2015 do bị VNPT chặn

hoặc sử dụng DNS sau (cập nhật)
8-8-8-8
8-8-4-4

Cách 2: Đơn giản hiệu quả dành cho Webmaster (khuyên dùng)

Chèn đoạn code sau vào trước thẻ </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>
Xem hình
Không mở được blogspot 2015 do bị VNPT chặn

Vậy là xong, bây giờ bạn có thể truy cập vào blogspot dể dàng và không lo bị chặn nữa nhé!