Selasa, 17 April 2007

Cara Redirect Blog Anda

Redirect Blog
Karena satu dan lain hal kita ingin mengarahkan pengunjung yang berkunjung ke blog kita untuk membuka blog yang lain, istilah teknisnya redirect. Alasan tersebut bisa meliputi:

1. Ganti ke alamat baru. Jadi saat orang buka alamat lama otomatis masuk ke alamat baru.

2. Digunakan untuk hasil proses suatu form. Biar orang tidak dapat mengulang proses suatu form hanya dengan klik refresh maka hasil proses tersebut di redirect ke halaman tertentu. Halaman blog baru Anda misalnya.

Ada beberapa cara melakukan redirect halaman web. Pada prinsipnya semuanya mudah dan sederhana, asal kita mau mempelajarinya.

Cara tersebut antara lain:

META REFRESH

Taruh kode di bawah ini ke blog Anda.

<meta http-equiv="refresh" content="second; URL= other_url"/>

Keterangan:
- second = berapa detik halaman ingin dialihkan. Misalnya 5 detik.
- other_url = Halaman baru yang akan dikunjungi user.

Taruh kode tersebut diantara
<head> </head>


Dalam beberapa kasus kadang sebuah browser tidak mau otomatis redirect ke situs yang kita inginkan. Untuk mengatasinya Anda bisa menambahkan alamat situs yang ingin dituju. Dengan kata lain orang harus klik link tersebut untuk menuju halaman yang dimaksud.
Berikut contohnya:

<html>
<head>
<title>You'll be redirected after 5 seconds</title>
<meta http-equiv="refresh" content="5; URL=http://namablog-Anda.blogspot.com"/>

</head>
<body>
<a href="http://namablog-Anda.blogspot.com/">Klik di sini.</a> bila Anda tidak otomatis pindah ke halaman baru dalam waktu 5 detik.

</body>
</html>


Jika ingin langsung redirect tanpa ada jeda waktu hanya perlu mengganti content="0;

Selamat Mencoba

Sabtu, 14 April 2007

Menganalisa Pengunjung Blog Anda

Google Analytics
Bagi sebagian pemilik blog, mungkin ingin mengetahui data-data dari para pengunjung blognya. Hal tersebut diperuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", dan lain-lain.

Ada sebuah layanan gratis dari Google, namanya "Google Analytics". Bagi yang sering menjelajah di dunia maya, mungkin tahu apa itu Google Analytics? Tapi bagi yang masih awam pasti belum tahu atau tahu tapi sedikit. Nah, disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

Google Analytics berbeda dengan Hit Counter, Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk berkunjung. Sedangkan Google Analytics tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang: * Berapa pengunjung yang datang tiap harinya?
* Berapa lama mereka berada di blog Anda?
* Browser apa yang mereka gunakan?
* Dengan cara apa mereka datang?
* Dari negara mana mereka datang?
* Dari kota mana?

Kalau ingin mendaftar di Google Analytics

Tapi syaratnya Anda harus punya account di Google. Silahkan Anda mendaftar dahulu di Google Kalau sudah daftar nanti Anda tinggal mengisi form yang diberikan, tapi santai saja cara mengisinya mudah diantaranya yaitu mengisi alamat web blog Anda, terus jangan lupa atur "Time Zone". Terus setelah itu Anda nanti akan dikasih kode/script sama Google. Selesai. Dan masih ada lagi?
Setelah itu salin kode/script tersebut, terus login ke Blogger Klik Template -->> Edit HTML. Paste kode/script yang sudah disalin ke dalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan. Selesai!

Kembali lagi ke Google Analytics, Anda harus mengklik Check Status dulu. Kalau sudah berhasil maka akan ada tandanya, kalau belum silahkan dicoba lagi.
Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti Hit Counter yang datanya akan langsung berubah tiap detik tapi data-data Google Analytics ini akan muncul tiap ganti hari.

Selamat mencoba!

Jumat, 13 April 2007

Tips Mengganti Icon Pada Address Bar

Icon Pada Address Bar
Jika Anda sedang melakukan blog walking, seringkali menjumpai ada sebuah gambar atau ikon pada address bar (kotak untuk mengetikkan alamat web). Dan jika Anda punya blog di Blogspot maka ikon default yang akan ditampilkan.
Bagi Anda yang menginginkan ikon/gambar default blogspot tersebut diubah dengan ikon sesuai selera Anda, Anda dapat melakukannya. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain-lain) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu,
masuk ke "Rancangan", "Edit HTML", terus tempatkan script berikut sebelum kode </head>

<link rel="shortcut icon" href='http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif' type="image/x-icon" />

Ganti link yang dicetak tebal dengan lokasi gambar dimana Anda menyimpannya. Anda bisa menyimpan gambar di 000webhost atau bisa juga di Photobucket dan juga di Imageshack.

Cara lainnya:

- Instal terlebih dahulu browser Chrome. Klik Google Chrome Browser. Lalu klik Install Google Chrome, Accept and install, tunggu sesaat, setelah muncul jendela baru klik Run.
- Setelah tampil browser Chrome, login akun Blogger Anda.
- Klik Rancangan, di atas elemen Navbar, ada elemen Favicon, klik edit, lalu upload file gambar ber-ektensi favicon.ico.

FAVICON BLOG

Bila belum punya file faviconnya atau Anda ingin memformat gambar Anda yang ber-ektensi .gif, .png, atau lainnya ke ektensi .ico. Anda bisa kunjungi situs ini http://www.icoconverter.com. Setelah tampil halaman situsnya, klik upload, cari file gambar yang telah disimpan di komputer dan ingin dijadikan favicon blog.

Di bawah tombol upload ada menu pilihan yaitu, "icon sizes" pilih 16 x 16 pixels, dan " icon bit depth" pilih 16,7 colors and alpha transparency, lalu klik tombol upload. Setelah gambar favicon telah di upload dan disimpan di folder komputer. Kembali ke Rancangan Blogger, klik edit Favicon, upload, cari gambar favicon yang tadi disimpan, lalu klik tombol upload. Bila sukses, klik simpan. Nah, tunggu sesaat hingga gambar Favicon blog Anda tampil di browser.

Selamat mencoba.

Rabu, 11 April 2007

Highlight Komentar Pemilik Blog

Highlight Komentar Pemilik Blog
Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain.
Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nah, berikut ini saya akan jelaskan cara untuk membuat Highlight Author Comment ini.
1. Login ke blogger terus ke menu "Rancangan --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}


4. Kemudian cari kode-kode seperti berikut. Mungkin kode yang ada di HTML Anda akan berbeda, tapi walaupun berbeda usahakan semirip mungkin dengan kode berikut ini:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


5. Kode yang bercetak tebal adalah kode yang harus Anda tambahkan di HTML Anda. Posisinya harus benar, ingat itu.
6. Kalau sudah terus disave template Anda.
Comment author ini berdasarkan profil dari pemilik blog tersebut. Jadi supaya efeknya muncul sebelum memberi komentar Anda harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari Haloscan. Tapi hanya untuk kotak komentar yang dari Blogger murni.

Selamat mencoba.

Selasa, 10 April 2007

Membuat Kotak Ngoceh

Shout Box
Kotak ngoceh atau istilah lainnya Shout Box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting).
Dengan Shoutbox, Anda juga bisa mempromosikan blog Anda, misalnya Anda mengunjungi blog orang yang menyediakan kotak ini kemudian Anda menuliskan komentar atau cuma sekedar salam di Shoutbox mereka, lalu yang punya blog akan melihat di Shoutbox miliknya.

Biasanya mereka akan balas mengunjungi blog Anda. Kotak ngoceh dapat diselipkan kedalam halaman blog dengan kode bahasa Javascript. Bagi Anda yang ahli bahasa program Javascript mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat Anda yang amatir tidak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix.

Caranya adalah sebagai berikut:

1. Kunjungi situs Shoutmix, Anda harus mendaftar di situs tersebut, cara daftarnya mudah.

2. Jika pendaftarannya berhasil, Anda langsung diminta untuk memilih type Shoutbox yang disediakan, terserah Anda memilih bentuknya yang bagaimana? Klik tombol "Continue"

3. Setelah itu Anda akan mendapat ucapan "Terima Kasih", lalu klik link "Go to My Control Panel Now".

4. Disitu Anda bisa mengatur terlebih dahulu Shoutbox Anda, misalnya "Style & Color", "Date & Time", dan lain-lain.

5. Jika sudah selesai klik menu " Get Codes".

6. Jika Anda ingin menaruh Shoutbox di blog Anda pilih "Place Shoutbox on Webpage".

7. Atur lebar dan tinggi Shoutbox di kolom widht dan hight.

8. Kemudian salin kode yang ada di dalam kotak "Generated Codes".

9. Login ke blogger.com lalu pilih, Rancangan, kemudian Add Page Elements.

10. Tambahkan element HTML/Javascript.

11. Tempel kode yang telah Anda salin dari shoutbox.com tadi di kotak "Content", lalu "Save".

Lihat hasilnya seperti di bawah ini:


ShoutMix chat widget

Selamat mencoba.

Membuat Kotak Link Exchange

Kotak Link Exchange
Anda belum bisa membuat banner link exchange? Sampai saat inipun mungkin Anda belum bisa memasang banner, tips kali ini akan menjelaskannya secara detail.
Jika Anda mau tukeran link biasanya ada kotak seperti ini:



Nah, terus bagaimana cara membuat kotak tersebut?
Pertama, login ke Blogger terus pilih Design --> Page Elements, terus klik Add a Gadget lalu pilih HTML/Java Script. Terus salin kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://snifan.blogspot.com/"><img src="http://i534.photobucket.com/albums/ee350/nifan1/m.png" width="90" height="17" border="0" /></a></textarea>

Keterangan:
- text cols="20"; menunjukkan lebar kotak.
- text http://i534.photobucket.com/albums/ee350/nifan1/m.png adalah link image, ganti text tersebut dengan link image kepunyaan Anda.
- text warna merah adalah link image beserta ukurannya, ganti link tersebut dengan link image kepunyaan Anda. Terus simpan templatenya. Hasilnya akan seperti kotak diatas, terus gambarnya mana?
Begini didalam kotak tersebut ada text nya, kalau textnya itu disalin terus ditempel di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Isi kotak diatas kalau disalin lalu ditempel maka jadinya akan seperti dibawah ini:

LINK EXCHANGE