Thủ thuật chèn file pdf vào trang Web Blog

Tình cờ trong một lần duyệt Web site trên trang vnreview.vn, Khanhnguyen' s blog phát hiện thêm một số tính năng mới rất hay của Windows 10, không hiểu sao lại nói đó là tính năng của Google Chrome. Mặc đi bởi vì mình đâu có cài đặt Chrome đâu mà vẫn ứng dụng được, miễn sao làm ăn được thôi, mình chỉ có dịp tình cờ phát hiện ra và cảm thấy tiện dụng nên chia sẽ lại, trên tài liệu mà mình nói ở trang Web trên hoàn toàn không đề cập đến một cách tỉ mĩ.

Chắc hẳn cách bạn sẽ rất ngạc nhiên không biết mình đang nói đến thủ thuật nào mà ghê dữ vậy, đơn giản thôi, bởi mình cần lưu lại cả một trang văn bản Web thành file có đuôi tệp .pdf để nhúng nó vào trong Web blog bằng thẻ <iframe></iframe> ta thực hiện các thao tác như sau:

Bước 1: Save trang muốn sao lưu thành tệp .pdf

Mỡ trang Web blog có chứa nội dung mà bạn cần chuyển tải về hồ sơ của bạn. Khoan đã, cứ đợi cho trang Web đó load xong toàn bộ, trạng thái ổn định, bạn nhấn tiếp tổ hợp phím Ctrl + P. Một cửa sổ cho thao tác in ấn được mỡ ra như sau mà bất kỳ hệ điều hành Windows nào cũng có.

Chọn vào lệnh Save để lưu lại trang in theo kiểu tệp .pdf vào đúng thư mục mà bạn cần lưu, xong nhấn nút lệnh Cancel để tắt cửa sổ trang in.

Bước 2: Tạo hosting và tải tệp vào hosting

Thực hiện trình tự: mỡ Hosting Google Drive. Nếu chưa biết, bạn có thể tham khảo thêm các tài liệu dưới đây:

Khi bạn tải tệp vào hosting Google thành công, sẽ có kết quả như sau:

Bước 3: Lấy mã nhúng

Tiếp tục mỡ tệp pdf đó trên hosting Google Drive bằng cách nhấn Double Click chuột vào khung tệp như hình mũi tên trỏ vào khung đỏ phía trên. Bạn sẽ có một cửa sổ ở tab kế như hình vẽ dưới đây:

Như trong bài trên, mình đang tạo hosting cho "15 thủ thuật cơ bản....." của một trang Web khác thành file .pdf vào trong Google Drive của mình đó. Bạn tiếp tục Click chỉ 1 lần thôi vào tên tệp đó, cửa sổ kế sẽ mỡ ra kế bên như hình vẽ dưới:

Bạn tiếp tục Click chuột vào nút chấm chấm cạnh trái Avatar hình của bạn và chọn vào Nhúng mục....Avatar nằm trên góc phải cửa sổ. Sau khi chọn đúng, bạn sẽ có hình sau, chỉ việc chép mã nhúng nầy nhúng vào Html/JavaScript trong Blog xem như mọi việc đã ổn.

Source Code:

<div style="text-align: center;"> <iframe height="480" src="https://drive.google.com/file/d/0B9iruZjVXV-YaHRlVnozVl9oSVk/preview" width="340"></iframe></div>

Cũng từ Source Code trên: bạn có thể dùng để nhúng được nhiều trang có định dạng khác nhau hoặc nhúng luôn cả Youtube chỉ bằng cách thay địa chỉ nơi phần khai báo: Src="địa chỉ". 
Kết quả sẽ như sau:

Người viết: Nguyễn Đạt Khánh

Read More

Tạo hộp thoại thông báo với hiệu ứng trượt

Việc tạo một hộp thoại thông báo ở góc phải/trái dưới màn hình, như trong mục bài viết liên quan (Related posts):

• Code Chèn Quảng Cáo cho Web Blog

 mà các bạn có thể vào tham khảo, là việc cần thiết cho website thiết kế Blogger Dashboard, có tác dụng đặt một đoạn text với nội dung chào mừng bạn đọc hoặc gửi lời nhắn đến bạn đọc về một vấn đề gì đó. Có nhiều cách để tạo một thông báo như vậy, trong số đó nổi bật nhất có sử dụng thư viện jQuery để tạo hiệu ứng trượt.

Để tạo một hộp thoại thông báo như vậy, chúng ta hãy thực hiện Cài đặt (Setting) theo các bước như sau:

Bước 1. Đăng nhập Blogger, vào Design Template>> Edit HTML. Đặt đoạn code bên dưới Khung Source Code vào trước thẻ </head>.

<style>
#slidebox{
width:400px;
height:100px;
padding:10px;
background-color:#fff;
border-top:3px solid #E28409;
position:fixed;
bottom:0px;
right:-430px;
-moz-box-shadow:-2px 0px 5px #aaa;
-webkit-box-shadow:-2px 0px 5px #aaa;
box-shadow:-2px 0px 5px #aaa;
}
</style>

Bước 2. Đặt đoạn code bên dưới vào trước thẻ </body>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js ' type='text/javascript'></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {

$(window).scroll(function(){

var distanceTop = $('#last').offset().top - $(window).height();

if ($(window).scrollTop() > distanceTop)

$('#slidebox').animate({'right':'0px'},300);

else

$('#slidebox').stop(true).animate({'right':'-430px'},100);

});

$('#slidebox .close').bind('click',function(){

$(this).parent().remove();

});

});

//]]>

</script>

Bước 3. Đặt đoạn code bên dưới vào trước thẻ <div id='footer'>.

<p id='last'/>

<div id="slidebox">

<a class="close">[×]</a>

<p>Nội dung thông báo.</p>

</div>

Kết thúc, Bạn cần nhớ Sao lưu dữ liệu, Lưu lại Template.

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

Nguồn tham khảo: http://nghiencuuseo.blogspot.com/2015/03/tao-hop-thoai-thong-bao-voi-hieu-ung-truot.html
Demo: Bạn có thể lấy link Demo trong khung bên dưới để vào xem thư trang mà mình đã ứng dụng cho Code trong bài hướng dẫn.

http://tinhockhanhdat16.blogspot.com/

Ghi chú:
Một điều đặc biệt trong bước Cài đặt (Setting) nầy, Source Code được đặt thẳng vào trong Mẫu Template, không cần phải sử dụng đến phần thiết kế layout (Bố cục).
Trong phần: <p>Nội dung thông báo</p>, bạn có thể thử mở thêm trang nầy để chép dán  vào kiễm tra thử, dùng mã Html/JavaScrip để chèn vào giữa 2 thẻ <p> và </p>:

• Hộp thử Test Html/JavaScript

Trong trang Demo, Hộp thoại chỉ xuất hiện khi bạn kéo thanh cuộn bên di chuyển về phía đáy màn hình trong trang Blog.

Người viết: Nguyễn Đạt Khánh

Read More

Tạo công cụ tìm kiếm cho Blog bằng Google Custom Search

Để tạo một công cụ tìm kiếm với Thiết kế Blogger/blogspot, các blogger có thể sử dụng Gadget Search Box mặc định của Blogger 

hoặc sử dụng tiện ích Tìm kiếm tùy chỉnh (Google Custom Search) được cung cấp bởi chính Google.
Trong bài nầy, cách tạo lập sẽ gồm các bước như sau:
1. Đăng nhập vào tài khoản Google, truy cập trang tìm kiếm tùy chỉnh (Google Custom Search) 

• Google Custom Search

2- Bấm chọn tạo công cụ tìm kiếm mới. (số 1 - hình dưới)

2. Điền các thông tin liên quan vào ở vùng số 2 và 4 và chọn ngôn ngữ ở list box số 3, sau đó bấm Tạo

3. Sau khi bấm Tạo ở bước trên thì Công cụ tìm kiếm đã được tạo và bạn nhấn vào Nhận mã như hình dưới (ở mũi tên số 1)

4. Sau khi nhấn nhận mã, bạn copy đoạn mã đó vào trong tiện ích Widget HTML/Javarscrip trong phần thiết kế Bố cục (Layout) blog của bạn. 

Chổ hướng có mũi tên màu đỏ trỏ, đó là mã code ID phát sinh trong công cụ mà Google Custom Search cung cấp.

Bạn cũng có thể thay đổi cách hiển thị tại mục số 3 hình trên trong phần hướng dẫn số 3

 - Nếu muốn blog của bạn chuyên nghiệp hơn hãy tham khảo cách nâng cấp khung tìm kiếm (search box) sẵn có của blogger. Phần nầy, mình sẽ có thời gian để viết bài và chia sẽ cho các bạn vào những dịp khác.
Ngoài cách nầy ra, các bạn cũng có thể vào Blogger Dashboard, phần Edit HTML trong template để Code trực tiếp cũng dược.

Demo trang Blog sử dụng Google Custom Search Box:

Bạn chép địa chỉ nầy để tải thử trang demo

http://tinhockhanhdat9.blogspot.com/

Thân ái chào các bạn, chúc các bạn có thật nhiều niềm vui nhé.

Người viết: Nguyễn Đạt Khánh

Read More

Thiết kế Web trên Google Sites: Công cụ hổ trợ - Phần 1

Trước bài viết nầy, mình đã có 2 bài mà các bạn có thể tham khảo:

• Tạo trang Web bằng Google Sites - Trang tổng quan
• Thiết kế trang chủ trên Google Sites - Phần đầu trang

Nào bây giờ các bạn hãy mở trang thiết kế Web bằng ứng dụng Google Sites lên nhé. Trên ứng dụng thiết kế Google Sites, bạn nhìn cột phía bên phải có 3 tab: Chèn, Trang và Chủ đề.
Nghĩa là khi chọn vào Tab nào bạn sẽ làm việc với các công cụ hổ trợ trên Tab đó.
Ở Tab thứ nhất trên hình bên dưới bạn sẽ thấy một số công cụ tiện ích giống như thủ thuật  Blogger bằng ứng dụng Blogger Dashboard vậy. Chúng đều là những ứng dụng thiết kế Web Blog do chính Google phát triển và khi sử dụng chúng, bạn cần phải có một Google Acccount, nghĩa là bạn phải đăng ký tài khoản Google nhé.

• Mở trang thiết kế

Dưới đây là một số công cụ tiện ích. Mình dùng hình chụp lại trong bài demo để minh họa:
Trong hình dưới:

Phần 1: Là phần đầu trang mình đã viết và thực hành trong bài trước.

Phần 2: Sử dụng công cụ nhúng . Đó là nơi để bạn nhúng các đường link địa chỉ vào. Khi xuất bản, cứ mỗi lần Click chuột link đó sẽ được truy cập ngay lập tức.

Chức năng nhúng siêu liên kết

Trong hình dưới:

- Phần 3 và 4: là công cụ chèn văn bản, trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 3

Chức năng chèn văn bản

Trong hình dưới:

- Phần 5 và 6: là công cụ chèn hình ảnh, trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 5

Chức năng chèn hình ảnh

Trong hình dưới:

- Phần 7 và 8: là công cụ chèn bản đồ hướng dẫn đi đường, nơi ở..., trong đó bạn sẽ có thể định dạng chúng bằng thanh định dạng được hiển thị ở phần 5 trên chức năng Edit hiệu chỉnh bản đồ từ ứng dụng Google Maps

Chức năng chèn bản đồ

Trong hình dưới:

- Phần 9: là tính năng chèn văn bản siêu liên kết dưới chân trang, thường là các ghi chú bản quyền tác giả, năm xuất bản.

Tính năng thêm chân trang

- Phần 10 và 11: là 1 ví dụ minh họa. Trong quá trình chèn văn bản siêu liên kết, bạn có thể dùng các công cụ trên thanh định dạng số 10 để sử dụng.

Tính năng chèn văn bản siêu liên kết dưới chân trang

• Mở trang Xuất bản

Như thế bạn đã sắp sữa có một lâu đài tình ái rồi đó nhé.Trong Website nầy, bạn có thể Upload file ảnh, giao lưu mạng cộng đồng XH,...

Vậy chứ còn nhiều thứ lắm, mệt phờ ra đấy. Mình sẽ tiếp tục những bài viết mới trong vài ngày sau nhé các bạn yêu.

Chúc các bạn thành công. Nhớ Xuất bản ra để Save lại đó, đâu còn cách nào khác để ghi lại bài đâu nhé.

Người viết: Nguyễn Đạt Khánh

Read More

Menu Navigation neo đầu trang Web khi cuộn màn hình

Mẫu Menu Navigation có hình dáng như thế nầy:

Việc trước tiên, bạn hãy truy cập vào Blogger Dashboard bên trong tài khoản Google.
Mở phần Template ở mục  Chủ đề, chọn Tab Edit Html (Chỉnh sửa Html).
Trình tự dùng tổ hợp phím  Ctrl + F để tìm kiếm các thẻ màu xanh mình nêu bên dưới, để chép Code dán vào như hướng dẫn.
- Đặt trong thẻ đóng </header> đoạn trong khung Source Code sau:

<nav class='pi-navigation' id='main-nav'>
<div class='main-menu'>
<ul class='menu' id='menu-main' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
<li itemprop='name'><a class='active' expr:href='data:blog.homepageUrl' itemprop='url'>Home</a></li>
<li><a href='#'>Chapter 1</a>
<ul class='sub-menu'>
<li itemprop='name'><a href='#' itemprop='url'>Part 1</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 2</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 3</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 4</a></li>
</ul>
</li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 2</a>
</li>
<li><a href='#'>Chapter 3</a>
<ul class='sub-menu'>
<li itemprop='name'><a href='#' itemprop='url'>Part 1</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 2</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 3</a></li>
</ul>
</li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 4</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 5</a></li>
</ul>
</div>
</nav>
<div class='clear'/>
<!-- secondary navigation menu end -->

- Đặt trong thẻ </b:skin> đoạn trong khung Source Code sau:

/*----navi-----*/
#nav {
font: normal bold 12px Arial, sans-serif;
text-transform: uppercase;
height: 59px;
line-height: 50px;
padding: 0 28px;
background: #F4F4F4;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
#main-nav {
margin: 0 auto;
width: 100%;
height: 60px;
background:#000;
border-top: 1px solid #e8e8e8;
border-bottom: 2px solid #5aa628;
}
#main-nav .menu-alert{
float:left;
padding:18px 0 0 10px ;
font-style:italic;
color:#FFF;
}
#top-menu-mob , #main-menu-mob{ display:none; }
#main-nav ul li {
text-transform: uppercase; font-family: 'Droid Sans', sans-serif;
font-size:16px;
position: relative;
display: inline-block;
float: left;
height:60px;
}
#main-nav ul li:last-child a{border-right:0 none;} #main-nav ul li a {
display: inline-block;
height: 60px;
line-height: 60px;
padding: 0 16px;
text-decoration: none;
color: #b6b5b5;
font-family: Oswald,sans-serif;
text-transform: uppercase;
font-size: 15px;
cursor: pointer;
font-weight: 400;
line-height: 60px;
margin: 0;
padding: 0 .9em;
}
#main-nav ul li a.active {
color:#000;
}
#main-nav ul li a .sub-indicator{}
#main-nav ul li a:hover {}
#main-nav ul ul{
display: none;
padding: 0;
position: absolute;
top: 60px;
width: 180px;
z-index: 99999;
float: left;
background: #2c2c2c;
}
#main-nav ul ul li, #main-nav ul ul li:first-child {
background: none !important;
z-index: 99999;
min-width: 180px;
border: 0 none;
font-size: 15px;
height: auto;
margin: 0;
}
#main-nav ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
#main-nav ul ul ul ,#main-nav ul li.current-menu-item ul ul,
#main-nav ul li.current-menu-parent ul ul,
#main-nav ul li.current-page-ancestor ul ul{right: auto;left: 100%; top: 0 !important; z-index: 99999; }
#main-nav ul.sub-menu a ,
#main-nav ul ul li.current-menu-item a,
#main-nav ul ul li.current-menu-parent a,
#main-nav ul ul li.current-page-ancestor a{
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 99999;
color: #fff !important;
}
#main-nav ul li.current-menu-item ul a,
#main-nav ul li.current-menu-parent ul a,
#main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}
#main-nav ul li:hover > a, #main-nav ul :hover > a { color:#fff;}
#main-nav ul ul li:hover > a,
#main-nav ul ul :hover > a {background: #20C1DD !important; padding-left:15px !important;padding-right:5px !important;}
#main-nav ul li:hover > ul {display: block;}
#main-nav ul li.current-menu-item,
#main-nav ul li.current-menu-parent,
#main-nav ul li.current-page-ancestor{
margin-top:0;
height:50px;
border-left:0 none !important;
}

#main-nav ul li.current-menu-item ul.sub-menu a, #main-nav ul li.current-menu-item ul.sub-menu a:hover,
#main-nav ul li.current-menu-parent ul.sub-menu a, #main-nav ul li.current-menu-parent ul.sub-menu a:hover
#main-nav ul li.current-page-ancestor ul.sub-menu a, #main-nav ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
#main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
#main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
text-shadow:0 1px 1px #b43300;
color:#FFF;
height:50px;
line-height:50px;
border-left:0 none !important;
}
#main-nav ul.sub-menu li.current-menu-item,#main-nav ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,#main-nav ul.sub-menu li.current-menu-parent,
#main-nav ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav ul.sub-menu li.current-page-ancestor,#main-nav ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
#main-nav ul li.menu-item-home ul li a,
#main-nav ul ul li.menu-item-home a,
#main-nav ul li.menu-item-home ul li a:hover{
background-color:transparent !important;
text-indent:0;
background-image:none !important;
height:auto !important;
width:auto;
}
#main-menu-mob,#top-menu-mob{
background: #222;
width: 710px;
padding: 5px;
border: 1px solid #000;
color:#DDD;
height: 27px;
margin:13px 0 0 10px;
}
#top-menu-mob{
width: 350px;
margin:2px 0 0 0;
}
#main-nav.fixed-nav{
position:fixed;
top:0;
left:0;
width:100% !important;
z-index:999;
opacity:0.9;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
}
/* Page Navigation */
.pagenavi {
clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;
}
.pagenavi span,.pagenavi a {
padding: 9px 15px;
display: inline-block;
background-color: #fff;
color: #333;
margin-left: 4px;
border: 1px solid #ddd;
margin-right: 4px;
transition: all .2s ease;}
.pagenav .pages {background-color:#f9f9f9;color:#999;transition:all .2s linear;}
.pagenavi a:hover {background-color:#20C1DD;color:#fff;}
.pagenavi .current { background-color: #20C1DD;
color: #fff;
border: 1px solid #20C1DD;}
.pagenavi .pages {
display:none;
}

- Đặt trên thẻ </head>  đoạn Code sau:

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$(window).load(function(){
$('.flexslider').flexslider({
animation: "fade",
slideshow: true,
directionNav:true,
slideshowSpeed: 5000,controlNav: true,
smoothHeight: true,
slideDirection: 'horizontal'
});
jQuery('.slides').addClass('loaded');
});
var aboveHeight = $('#leader-wrapper').outerHeight();
$(window).scroll(function(){
if ($(window).scrollTop() > 200){
$('#main-nav').addClass('fixed-nav').css('top','0').next()
.css('padding-top','0px');
} else {
$('#main-nav').removeClass('fixed-nav').next()
.css('padding-top','0');
}
});
});
//]]>
</script>

Kết quả bạn sẽ có bản demo giống như template như sau:

DEMO

http://khanhnguyen02.blogspot.com/

Source code nầy mình sưu tập được từ một Free template. Các bạn có thể dùng thử và tùy biến nhé. Chúc các bạn thành công với những gì mà mình chia sẽ.

Người viết: Nguyễn Đạt Khánh.

Bạn có thể xem thêm các chủ đề:

• Làm thế nào đăng ký tài khoản Google?
• Hướng dẫn cách tạo Blog bằng Blgospot cho Blogger
• vị trí của Javascript và Jquery

Read More

Share Code trang báo lỗi 404 Đẹp cho Blogger Blogspot

Vì 1 lý do nào đó bài viết mà bạn từng đăng lên Blogger - Blogspot bị xóa mà vẫn có những lượng tìm kiếm nhất định với bài viết đó. Cách duy nhất là tạo 1 trang báo lỗi 404. Hôm nay Code SEO xin chia sẻ với các bạn cách làm trang báo lỗi 404 với giao diện phẳng - đơn giản - đẹp mà CodeSEO.net đang sử dụng... Bộ code này mình sử dụng css đơn giản và script đếm thời gian chuyển hướng trang nhìn khá đẹp

Đầu tiên các bạn có thể xem demo tại http://codeseo.net/404

» Bắt đầu code và cách dùng

1. Đăng nhập vào tài khoản Blogger

2. Vào phần mẫu  (Tempalte)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Bạn tìm đến trước thẻ </body> và dán vào code sau

Bộ này gồm css và javascript

<!--Error Page Not Found by codeseo.net-->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
#error-page{background-color:#e9e9e9;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}#error-404{margin:11% auto}#error-404 .box-404{width:200px;height:200px;background:#21afa4;color:#fff;font-size:80px;line-height:200px;border-radius:10px;margin:0 auto 50px;position:relative}#error-404 .box-404::after{content:&quot;width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;border-style:solid;border-width:9px 9px 0;position:absolute;left:47%}#error-404 h1{text-transform:uppercase}#error-404 p{line-height:1.7em;font-size:15px;font-family:arial}
</style>
<div id='error-page'>
<div id='error-404'>
<div class='box-404'>404</div>
<h1>Trang bạn tìm kiếm không tồn tại</h1>
<p>Có thể URL bị hỏng hoặc đã bị ADMIN xóa bỏ</p>

Bạn sẽ trở về trang chủ <b>CodeSEO.net</b> sau <span id='time' style='color:red'>3</span> giây nữa<br/> 
<script type='text/javascript'> var jgt = 3; document.getElementById(&#39;time&#39;).innerHTML = jgt; function stime(){document.getElementById(&#39;time&#39;).innerHTML = jgt; jgt = jgt - 1; if(jgt == 0){clearInterval(timing); location = &#39;http://www.codeseo.net&#39;;} } var timing = setInterval(&quot;stime();&quot;,1000); </script>

  </div></div>
</b:if>
<!--/Error Page Not Found by codeseo.net-->

Các bạn thay các giá trị in đậm trong code theo ý muốn

3 là thời gian chuyển hướng trang

http://www.codeseo.net là địa chỉ mà bạn muốn chuyển hướng đến

Cảm ơn các bạn đã quan tâm có gì không hiểu hoặc không làm được các bạn có thể comment bên dưới

Read More