09 November, 2010

Pertanyaan Seputar merubah Link halaman/laman pada Tab Menu

Ada sebuah pertanyaan yang di kirimkan via email saya, dari sobat blogger bernama Reggie Fanany, pertanyaannya :

Saya ingin tau bagaimana cara membuat halaman ketika di klik langsung menuju ke situs yg saya mau... contoh : saya membuat halaman dengan judul twitter....lalu ketika di klik halaman tersebut otomatis menuju ke situs twitter....
Dan satu lagi misal saya membuat halaman contact dan otomatis halamannya berubah menjadi email yg bertujuan ke saya... seperti halaman contact yg mas punya... terima kasih loh mas...

Berikut jawabannya :

Biasanya pada free download template, menu tab sudah tersedia, kita hanya tinggal merubahnya saja, seperti pertanyaan di atas nyok mari kita rubah bareng-bareng.

Caranya :

Login ke dasbor blogger --- KLIK Rancangan --- Edit Html

Kemudian cari tag atau kode yang mirip-mirip seperti di bawah ini :

<ul>
<li class='f'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Barter Link</a></li>
<li><a href='#'>Link Sobat</a></li>
<li><a href='#'>Pasang Iklan</a></li>
<li><a href='#'>Info Kerja</a></li>
<li><a href='#'>Site Map</a></li></ul>

Yang saya beri tanda merah bisa di ubah sesuai dengan Link yang kita kehendaki misalkan Link >Twitter<a/>. Link >Facebook</a> atau yang lainnya terserah kamu.

Sedangkan href='#' Ini adalah link/url yang bersangkutan ganti tanda 'pagar' # dengan link yang ingin kita arahkan.

Contohnya dapat di lihat di bawah ini :


<ul>
<li class='f'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://piss-blogger.blogspot.com/search/label/About%20Me'>About</a></li>
<li><a href='mailto:depalpiss@yahoo.com'>Contact</a></li>
<li><a href='http://piss-blogger.blogspot.com/2010/04/link-exchange.html'>Barter Link</a></li>
<li><a href='http://piss-blogger.blogspot.com/2010/01/zona-tukeran-link.html'>Link Sobat</a></li>
<li><a href='http://ppcindonesia.net/' target='_blank'>Pasang Iklan</a></li>
<li><a href='http://jaringkerja.net/' target='_blank'>Info Kerja</a></li>
<li><a href='http://piss-blogger.blogspot.com/2010/10/site-map.html' target='_blank'>Site Map</a></li></ul>

Dan untuk yang saya tandai warna biru, adalah kode yang di tambahkan. Fungsinya untuk membuat link/url tersebut akan di buka di jendela browser yang baru atau new tab (tab baru).

Pertanyaan pertama beres, kemudian pertanyaan ke dua yaitu, memasukkan link email(contact) agar langsung bertujuan mengarah ke email kita. Perhatikan yang saya beri tanda warna hijau di contoh link tab punya saya di atas.

Tampilannya :

<li><a href='mailto:depalpiss@yahoo.com'>Contact</a></li>

ganti alamat email saya depalpiss@yahoo.com dengan alamat email punya sobat.

Setelah semua Link sudah di edit dan di rubah KLIK Simpan Template, LIhat BLOG.


Note : Semua link dan nama link tinggal di rubah saja sesuai dengan keperluan sobat. Oke semoga bermanfaat Info di atas, salam ngeblog dan bersemangat selalu.

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger