Tạo trang chuyển hướng cho Blogspot

Có 2 cách để tạo trang redirect như demo, 1 là sử dụng 1 trang trên blog chính của bạn, 2 là tạo hẳn 1 blog mới, và chỉ dùng nó để làm trang redirect. Và để cho đơn giản, mình sẽ hướng dẫn cách 2 cho các bạn.

Sau đây là các bước thực hiện :

1. Tạo mới 1 blog Ví dụ mình tạo site mới như sau:
http://tuong123.blogspot.com
2. Vào chỉnh sửa code HTML, vào xóa tất cả các code có trong thẻ body :

<body>

...

xóa tất cả code có trong thẻ này

...

</body>

- Nếu muốn code của template gọn gàng hơn, các bạn có thể xóa hết các code CSS của template. Lưu ý là chỉ xóa code css, không nên xóa các dòng khác. Sau đó các bạn muốn làm đẹp trang redirect của mình thì cứ thêm code CSS mới vào.

3. Tiếp theo là xóa thanh Navbar :
- thêm đọan code bên dưới vào trước thẻ <body>

<script type='text/javascript'>

<![CDATA[



]]>

</script>

4. Tiếp theo là thêm đọan code bên dưới vào sau thẻ <body>

<b:section class='main' id='main' showaddelement='yes'>

</b:section>

- Thực ra đây là code để tạo nút thêm tiện ích ở trang phần tử blog. Bước 4 này dùng để tạo 1 widget Javascript/HTML để chèn code chính của thủ thuật vào. Lý do mình hướng dẫn các bạn chèn code chính của thủ thuật vào widget mà không phải vào hẳn code template là do trong code template việc chèn code javascript vào thường gặp lỗi.

5. Vào trang phần tử và tạo 1 widget javascript/HTML và chèn code bên dưới vào :

<script type="text/javascript">



</script>

<div id="header">

<center>

<div class="top">

<span style="color:#f00;"><script type="text/javascript">document.write(str.GetValue("url")); </script> </span>

</div>

</center>

</div>

<div id="main">

<form name=loading>

        <div align=center>

          <script type="text/javascript">

             document.write("<input style=\"text-align:center;margin:3px;font-weight::bold;\" type=\"button\" onclick=\"location.href='"+str.GetValue("url")+"'\""+" value=\"Click here to Continue\"");

         </script>

        </div>

        <div align=center>

          <input type="text" name="chart" size="48" style="font-family:Arial; color:#000; background:url(http://data.fandung.com/img/loading-bg1.png) no-repeat left; padding:0 1px 1px 1px; border-style:none;" /> <br />

          <input type="text" name="percent" size="14" style="color:#0066ff; text-align:center; border-width:medium; border-style:none;background:#efefef;" />

          <script type="text/javascript">

var bar=0;

var line="||";

var amount="||";

count();

function count(){

bar=bar+2;

amount =amount + line;

document.loading.chart.value=amount;

document.loading.percent.value="Loading ... "+bar+"%";

if (bar<99)

{setTimeout("count()",100);}

else

{window.location = str.GetValue("url");}

}

</script>

</div>

</form>

</div>

<div id="footer">

Nội dung của footer

</div>

- LƯU template lại là OK
- Ở đây mình đã phân sẵn 3 vùng riêng biệt đó là : header, main và footer, các bạn có thể theo đó mà thêm bớt hoặc tạo thêm các code CSS cho 3 id này để trang redirect của bạn trông pro hơn. Cụ thể như các bạn có thể add các quảng cáo vào…

- Sau khi đã có trang redirect bây giờ ta sẽ thực hiện việc redirect cho các link liên kết.
+ Bình thường 1 liên kết khi viết bài sẽ có dạng như bên dưới :

<a href="link liên kết">Liên kết</a>

+ Bây giờ ta sẽ cho nó load qua trang trung gian của chúng ta trước khi nó chuyển tới trang đích. Bằng cách dùng Code này:

<a href="javascript:;" onclick="javascript:window.open('http://direct-smthanh.blogspot.com/?url=http://domain.com/example.html','newwin','fullscreen=yes,scrollbars=1,toolbar=0,resizable=1')">Liên kết</a>

- Trong đó:

http://direct-smthanh.blogspot.com/ : là địa chỉ trang redirect của bạn.
http://domain.com/example.html : liên kết cần tác động.
Thay chữ Liên kết thành chữ bạn muốn hiển thị:

Ví dụ mình thay code như sau:

<a href="javascript:;" onclick="javascript:window.open('http://direct-smthanh.blogspot.com/?url=http://smthanh.blogspot.com/2011/11/redirect-url-for-blogspot-tao-trang.html','newwin','fullscreen=yes,scrollbars=1,toolbar=0,resizable=1')">Cách Tạo trang chuyển hướng cho Blogspot</a>

- Nếu chỉ làm đến đây thì trang Direct xuất hiện ở dạng Popup và bạn phải chèn thủ công cho từng link một.
- Nếu bạn nào không thích rườm rà có thể chỉ làm đến đây và muốn khác phục các lỗi hình thành cửa sổ popup như Demo ban đầu thì thì làm tiếp các bước sau nha.

TÙY BIẾN CHO TRANG CHUYỂN TIẾP ĐẸP HƠN

- Bạn Download file Js sau về máy:

http://suminhthanh.googlecode.com/files/chuyentrang.js

- Các bạn mở file chuyentrang.js vừa download về bằng cách Click chuột phải vào file chuyentrang.js đó và chọn Open with -> Choose Program... -> Notepad .

- Bấm Ctrl+F Và tìm link http://direct-smthanh.blogspot.com/ (Có tất cả 3 link) => Thay tất cả chúng thành địa chỉ Blog phụ mà bạn tạo ở bước 1.

- Lưu Notepad vừa chỉnh sửa lại với tên chuyentrang.js

- Tiếp theo upload lên host để lấy link trực tiếp.

Ví dụ sau khi Upload mình được file Js là:

http://suminhthanh.googlecode.com/files/chuyentrang.js

Tiếp theo bạn vào Blog chính của bạn và thêm đoạn code sau vào sau thẻ <head> .

<script>

var redirect = 'int';

var exclude_domains = ['smthanh.blogspot.com', 'Demo-namkna.blospot.com',];

</script>

<script src='http://suminhthanh.googlecode.com/files/chuyentrang.js'/>

Sử dụng code trên nếu các bạn muốn trang chuyển tiếp áp dụng có tấc cả các liên kết ngoài trừ domain mà bạn loại trừ : smthanh.blogspot.com hoặc Demo-smthanh.blogspot.com .

- Hoặc code này để áp dụng nếu muốn trang derect bắt link cho các domain định sẵn và các domain ngoài các domain này sẻ không tự động bắt link.

<script>

var redirect = 'int';

var domains = ['mediafire.com', 'smthanh.blogspot.com',];

</script>

<script src='http://suminhthanh.googlecode.com/files/chuyentrang.js'/>

nếu muốn tấc cả các link ngoài mở ra ở trình duyệt mới như mình thì thêm code này vào trên </body>

<script type='text/javascript'>

//<![CDATA[

function changetargetlink(x){

var a = document.getElementsByTagName('a');

var args = changetargetlink.arguments;

for(var i in a){

a[i].target = "_blank";

a[i].rel = "_blank";

for(var j=0;j<args.length;j++){

if(a[i].href.match(args[j])){

a[i].target = "";

a[i].rel = "";

}}}}

changetargetlink('smthanh.blogspot.com');

//]]>

</script>