Tạo tên trang là Demo hoặc bất kỳ tên nào khác mà bạn muốn. Bấm chọn mục HTML của trang và dán code sau vào:
<div height="100%" id="iframe-container" width="100%">
<style>
body { padding: 0!important; background: none!important; }
#iframe-container { overflow: hidden; background: none!important; }
#frame { border: 0; }
</style>
<iframe frameborder="0" id="frame" src="" width="100%"> </iframe>
</div>
<script>
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
var query = window.location.search.substring(1);
query = query.replace("url=", "");
$('#frame').attr('src', query);
var str = $('#iframe-container').html();
$('#MBT-REDIRECTION').html(str);
$('iframe').height($(window).height());
</script>
Bấm vào phần tùy chọn (Opions) của trang đó => Tại mục dấu ngắt dòng (Line Breaks) => Đánh dấu chọn vào ô sử dụng thẻ <br> [Use <br> tag]:
2.3- Chọn chỉnh sửa HTML (Edit html)
2.4- Thêm đoạn mã bên dưới vào sau thẻ mở <body> :
<div id='MBT-REDIRECTION'>
- Lưu ý: Với các bạn dùng mẫu Simple của blogger nếu không tìm thấy thẻ <body> thì hãy tìm thẻ có dạng như sau:
<body expr:class='"loading" + data:blog.mobileClass'>
Thêm đoạn mã bên dưới vào trước thẻ đóng </body> :
</div>
Dán code bên dưới vào sau thẻ: ]]></b:skin> .
<script>
$(document).ready(function() {
$('[data-MBTdemo]').click(function(e) {
e.preventDefault();
if($(e.srcElement).attr('target') == "_blank") {
window.open("http://namkna.blogspot.com/p/demo.html?url=" + $(e.srcElement).attr('href'), '_blank');
} else {
window.location = "http://namkna.blogspot.com/p/demo.html?url=" + $(e.srcElement).attr('href');
}
});
$('[data-MBTdownload]').click(function(e) {
e.preventDefault();
if($(e.srcElement).attr('target') == "_blank") {
window.open("http://namkna.blogspot.com/p/download.html?url=" + $(e.srcElement).attr('href'), '_blank');
} else {
window.location = "http://namkna.blogspot.com/p/download.html?url=" + $(e.srcElement).attr('href');
}
});
});
</script>
- Đặt link demo hoặc nút demo!
<a href="#" rel="nofollow" data-MBTdemo="true">DEMO</a>
- Để liên kết mở ra trong của sổ mới bạn dùng code sau:
<a href="#" target="_blank" rel="nofollow" data-MBTdemo="true">DEMO</a>
Link tham khảo :http://www.terocket.com/2013/03/url-redirection-for-demo-and-download.html
http://www.mybloggertricks.com/2013/02/url-redirection-for-demo-and-download.html