Membuat Sciprt Redirect di Blog


Redirect URl berfungi untuk mengalihkan url awal yang diklik atau dituju oleh pengunjung ke url yang ditentukan. Script ini sudah saya pakai ketika url blog Tips Blogger Rizky yang lama (http://johanrizky.blogspot.com) bermasalah dalam SEO nya. Karena tidak tahu apa masalahnya, sempat terpikir untuk membuat blog baru dengan nama yang baru juga. Saya sangat pusing, tak tahu apa yang harus dilakukan.

Sebenarnya url blog bisa saja diganti pada tab Settings akun Blogger, namun itu sangatlah merugikan karena url http://johanrizky.blogspot.com sudah mendapat PR 2 dan Alexa Traffic Rank sudah mencapai 600an. Ditambah lagi semua url postingan sudah adem ayem nongkrong di beberapa blog directory, forum, dan beberapa situs social bookmark. Gimana nih caranya?, tanya saya kepada mbah Google. Saya dikasih solusi yang baik, tepat, dan tidak merugikan, yaitu dengan membiarkan url lama tetap eksis dan membuat url baru.

Saya memasang script redirect url ke url baru (http://www.menatap-dunia-baru.co.cc) pada template url lama (http://johanrizky.blogspot.com). Sebagai hasilnya, silahkan anda klik url blog yang lama disini. Gimana? Langsung diarahkan balik ke http://www.menatap-dunia-baru.co.cc kan?
Nha, kali ini saya akan membagikan tips memasang script redirect url tersebut untuk anda yang memiliki masalah yang sama dengan saya. Mau?

Sebelum kita masuk ke kode untuk membuat scipt ini, ada beberapa hal yang harus anda perhatikan, yaitu:

1. Backup terlebih dahulu blog anda
Caranya mudah, masuk ke tab Settings > Basic. Lihat tulisan Blog Tools, disampinya terdapat tiga opsi: Import blogExport blogDelete blog. Pilih Export blog lalu klik DOWNLOAD BLOG, maka semua postingan anda akan tersimpan dalam sebuah file .xml. Jangan hapus postingan blog lama.

2. Buat blog baru dengan nama yang sama dengan blog lama anda, usahakan url barunya hampir sama dengan url baru.

3. Edit semua data di blog directory tempat anda submit url lama.

Sudah, sekarang mari kita masuk ke kodenya..

Berikut Cara Membuat Script Redirect Url

1. Login ke akun Blogger anda.

2. Pilih Layout > Edit HTML (ingat, pilih settingan ini untuk blog anda yang lama)

3. Cari kode <head>, lalu paste kode berikut di bawahnya:

<meta content=’nofollow’ name=’robots’/>
<meta content=’noindex’ name=’robots’/>

<script type=’text/javascript’><!–//–><![CDATA[//><!–
var url = “http://tipsbloggerzacky.blogspot.com&#8221;
(document.images) ? location.replace(url) : location.href = url;
//–><!]]></script>
<meta content=’0;URL= http://www.aku-disini-untukmu.co.cc‘ http-equiv=’refresh’/>

Keterangan:
– Kode meta tags di atas berguna supaya blog yang lama tidak diinidex lagi oleh search engine (Google, Yahoo, Bing), jadi blog baru anda tidak akan disangka blog jiplakan.
– Ganti http://www.aku-disini-untukmu.co.cc dengan url blog baru anda.

4. Terakhir, klik Save Template.

Supaya tampilan blog lama anda menjadi kosong atau muncul sedikit pesan tentang pengalihan url, anda harus menghapus semua isi tag body dan memngisinya dengan yang baru.
Begini caranya:

1. Pastinya anda masuk ke Layout > Edit HTML, tidak perlu mencentang Expand Widget Templates.

Misalnya isi template anda seperti ini:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
<html expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
<head>
<b:include data=’blog’ name=’all-head-content’/>
<b:skin><![CDATA[/*
———————————————–
Nama : Blog ini gak ada gunanya lagi, wuahahahahaaa!!!!
———————————————– */
#navbar, #navbar-iframe {height:0;visibility:hid ……………
……………
……………
……………
]]></b:skin>

</head>

<body>
……………
……………
……………
</body>

</html>

2. Pertama, hapus dulu semua kode css template. Perhatikan tanda titik-titik diantara kode ———————————————– */ dan ]]></b:skin>, hapus kode css template anda sehingga kodenya hanya tinggal seperti ini:

———————————————– */

]]></b:skin>

3. Kedua, hapus isi tag body. Perhatikan tanda titik-titik diantara kode <body> dan </body>, hapus isi tag body anda sehingga kodenya hanya tinggal seperti ini:

<body>

</body>

4. Untuk menambahkan pesan pengalihan url, caranya:
– Paste kode berikut di atas kode ]]></b:skin> :

#navbar, #navbar-iframe {height:0;visibility:hidden;display:none}
body {
background: #FFF;
font:12px Arial, Helvetica;
color: #333
}
#wrap {
background:transparent;
width:980px;
margin:100px auto 10px;
padding-top:2px;
position:relative;
text-align:center;
}

– Paste kode berikut di atas tag </body> :

<div id=’wrap’>

<a href=’http://www.aku-disini-untukmu.co.cc‘ target=’_blank’><img border=’0′ src=’http://i46.tinypic.com/33mvn7d.jpg’/></a&gt;

<h2><a href=’http://www.aku-disini-untukmu.co.cc‘>TIPS BLOGGER RIZKY</a></h2>
<h2>HAS BEEN MOVED TO:</h2>

<h1><a href=’http://www.aku-disini-untukmu.co.cc‘>http://www.aku-disini-untukmu.co.cc</a></h1>

<a href=’http://www.aku-disini-untukmu.co.cc‘>Click here if browser doesn't redirect you automatically…</a>

</div>

Silahkan ganti tulisan yang dicetak tebal.

5. Terakhir, klik Save Template

Selesai sudah ceramah saya untuk hari ini, jika ada pertanyaan silahkan berkomentar, mumpung Blogger.com belum banned para spammers, hahahaha…

Selamat mencoba…

 

<a href="http://www.aku-disini-untukmu.co.cc&quot; title="Selalu Ada Untukmu | http://www.aku-disini-untukmu.co.cc” target=”_blank”>Rizky Meyansyah Johan

Iklan