Tạo trang chuyển tiếp tự động cho Blogspot

Hẵn các bạn đã thấy nhiều dạng trang chuyển tiếp trên hệ thống các website chuyên nghiệp hay trang chuyển tiếp của các diễn đàn
Tạo một trang chuyển tiếp giúp blog bạn trở nên chuyên nghiệp hơn, mặt khác sẽ tạo nhiều khoảng trống cho việc đặt các textlink, banner, logo quảng cáo và cũng có thể tăng thêm lượng Traffic và Pagerank cũng tăng vọt.
Hôm nay Đinh Công Thành Blog sẽ hướng dẫn các bạn tạo một trang chuyển tiếp dành riêng cho blogspot cũng chuyên nghiệp không kém.


DEMO


Chúng ta bắt đầu thù thuật này nhé:


Bước 1: Tạo một trang riêng biệt trên nên tảng blog hoặc trang html bất kỳ, ở đây mình sẻ hướng dẩn tạo trang chuyển tiếp bằng cách tạo một Blogspot khác.
- Tạo một blog mới và Add Subdomain hoặc giữ nguyên tên miền mặc định. Của mình là http://ducmattran.blogspot.com

Bước 2: Sau khi đã tạo mới một blog chúng ta 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>
 Để gọn và nhẹ hơn, chúng ta hãy xóa bỏ thành phần CSS.

Bước 3: Thêm code bên dưới vào trước thẻ <body> để xóa thanh Navbar

<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>

Sau đó thêm đọan code bên dưới vào sau thẻ <body> để tạo thành phận tiện ích

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

Lưu mẩu và trở về trang thành phần, bạn hãy tạo một 1 widget javascript/HTML và chèn code bên dưới vào:
<script type="text/javascript">
<!--
String.prototype.GetValue= function(para) {
var reg = new RegExp("(^|&)"+ para +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("\?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
var str = location.href;
//-->
</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://1.bp.blogspot.com/-CbXMf2S8A-Y/T2IZXoYISmI/AAAAAAAABBc/LN7Gasf4zgA/s1600/body.jpg) 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">
Thêm nội dung tùy chọn vào đây
</div>


Các bạn down file này về: http://dingkiutrue.googlecode.com/files/ads.js
Tìm http://ads.dingkiutrue.com và thay nó bằng địa chỉ blog của bạn đã tạo ra ở bước đầu tiên
Save lại và up lên một trang nào đó để lấy link

Bước 4: Vào blog chính của bạn [Không phải trang blog vừa mới tạo nhé] và tìm thẻ <head> và chèn dưới nó đoạn Code Java dưới đây

<script>
var redirect = 'int';
var exclude_domains = ['dingkiutrue.com', 'index.dingkiutrue.com',];
</script>
<script src='http://link-file/chuyentiep.js'/>
Save mẩu lại và xem kết quả.
Chúc bạn thành công!
Từ khoá:
3/20/2012

29 Bình Luận

  1. hynlsgo.blogspot.com ! mình có lâu ùi :53)

    Trả lờiXóa
  2. Đã add liên kết của bạn :63)

    Trả lờiXóa
  3. moi ban gia nhap tham gia trang web toi

    Trả lờiXóa
  4. Riêng cá nhân ko thích kiểu này , hê hê :gach:

    Trả lờiXóa
  5. Làm thêm cho tăng tính chuyên nghiệp :52)

    Trả lờiXóa
  6. Chuyên nghiệp không thì mình không biết nhưng nói thật là xài cái này rồi thấy bất tiện quá, để nhảy trực tiếp luôn cho khỏe

    Trả lờiXóa
  7. Nghịch cho nó lạ, giống mấy forum vBB :54)

    Trả lờiXóa
  8. Cai nay cac bo van chua hiu de lam gi ma, ngoi ma code ra cai nay http://thuthuat.phacach.biz ho ho.

    Trả lờiXóa
  9. Anh hay thiệt =.="
    ngồi qăng code bên anh An
    sau rồi lại qăng tiếp code bên blog mình @.@
    kiểu như là advertise ý =) ~

    Trả lờiXóa
  10. Em nói gì anh không hiểu
    Anh đâu làm bên blog bác An đâu mà quăng code

    Trả lờiXóa
  11. Van con ga lam Thanh ui ! Thay link http://ads.phacach.biz trong file js đi. Lan sau co sao chep thi nho copyright hen.

    Trả lờiXóa
  12. Tình hình là có chuyện gì ý nhỉ :56)

    Trả lờiXóa
  13. @Kenh77.comAi đây mà biết mình thế nhỉ :67)

    Trả lờiXóa
  14. nhầm link rồi @@. Link Này nhé

    Trả lờiXóa
  15. uh. Truyen ne, dao nay sao rui. thay blog phat trien qua ta.

    Trả lờiXóa
  16. @maploironSao dạo này không thấy bác Truyện đâu nữa nhỉ, ra thủ thuật tiếp đi bác

    Trả lờiXóa
  17. truyen3/25/2012

    uh . dao nay ban wua. moi xin dc vc nen cung lo di may bua de tap trung lam vc .

    Trả lờiXóa
  18. Chúc mừng bác :55)
    Em vào blog bác suốt mà chẳng thấy gì mới cả :60)

    Trả lờiXóa
  19. TRUYEN3/28/2012

    DANG TINH PHAT TIRNE TRANG DOWENLOA DAU TO GAME KENH77.COM MA CHUA CO THOI GIAN RANH DE SUPPORT DAY

    Trả lờiXóa
  20. Chúc bác thành công với dự án mới của mình :55)

    Trả lờiXóa
  21. http://www.likevietnam.com.vn/
    Bác có đoạn mã nào ngắn hơn ko

    Trả lờiXóa
  22. like!
    http://radateen.blogspot.com/

    Trả lờiXóa
  23. có cách nào làm giống trang này không bác: http://demo.zoomtemplate.com/?dm=http://www.dinhcongthanh.com
    anh em blogger Việt làm cho cát Tut đi

    Trả lờiXóa
    Trả lời
    1. cái này đã ai nghiên cứ chưa nhỉ?

      Xóa
  24. mình cũng có một tools tương tự như vậy, các bạn tham khảo rồi góp ý giúp mình với http://www.trollvl.com/2012/11/automatically-redirect-blogger-blog-to.html

    Trả lờiXóa
  25. tại sao phải trang chuyển tiếp nhỉ :D mềnh direct thẳng domain về nó luôn chứ :D

    Trả lờiXóa

Hãy để lại comment, góp ý để blog hoàn thiện hơn
- Vui lòng gõ có dấu khi sử dụng tiếng việt.
- Nghiêm cấm spam link khác.
- Sử dụng ngôn ngữ có văn hóa khi comment.

Thiết kế web với Blogger - Blogspot

Thiết kế Responsive, SEO Friendly Blogger Templates, Bố cục gọn gàng, dễ dàng chỉnh sửa.

Thủ thuật Blogspot - Blogger

Free template blogger, Chia sẻ thủ thuật Blogger - Seo Templates, Tutorial CSS3 - HTML5 Blogger

Dịch vụ Blogspot

Tối ưu hóa SEO, tùy biến Template blogspot thân thiện với các công cụ tìm kiếm phổ biến