Cara membuat link didalam satu halaman

Membuat link pada satu halaman yang sama(anchor link) digunakan pada halaman yang mempunyai teks yang panjang dan dia akhir halaman tersebut diletakkan teks KEMBALI KEATAS juga boleh untuk menuju keteks yang tertentu pada posting.Bila diklik pada link ini ia akan kembali semula keatas tanpa kita perlu scroll halaman tersebut keatas.Boleh juga kita gunakan jika hendak menuju kemana mana perenggan teks dalam halaman tersebut

Untuk membuat satu anchor link pada halaman kita perlu buat kod anchorname seperti dibawah
<a name="ANCHORNAME"></a>

Anchorname ini boleh diletakkan apa sahaja nama

Kemudian diletakkan  dibahagian atas atau bersebelahan dengan dengan tempat yang hendak dituju.Contohnya saya hendakkan menuju kepenggan diatas saya letakkan begini
<a name="ANCHORNAME"> (disebelah permulaan teks diatas)Membuat</a> link pada satu halaman yang sama(anchor link) digunakan pada halaman yang mempunyai teks yang panjang dan dia akhir halaman tersebut diletakkan teks KEMBALI KEATAS.Bila diklik pada link ini ia akan <a href="#ANCHORNAME">kembali semula keatas </a> tanpa kita perlu scroll halaman tersebut keatas.Boleh juga kita gunakan jika hendak menuju kemana mana perenggan teks dalam halaman tersebut.

(teks berwarna merah diatas adalah contoh bagaimana meletak kod pada teks diatas dan dimasukkan semasa dalam mode edit HTML)

Kemudian letakkan kod seperti dibawah pada tempat yang mana anda hendakkan perkataan yang mana bila diklik ia akan kembali keatas

<a href="#ANCHORNAME">KEMBALI KEATAS</a>

Teks kembali keatas pada kod boleh juga kita letakkan pada mana mana teks pada posting bagi membolehkan kita link pada bahagian yang hendak dituju.Contoh nya pada bahagian kod berwarna hijau diatas yang saya letakkan bersama teks diatas.

KEMBALI KEATAS
klik butang +1 jika anda suka artikel ini :) :)

menghapus broken link dari blog

Mungkin korang ada menghapus artikel dari blog korang.Tetapi halaman itu sebenarnya masih  terindeks pada google.Hal yang sebegini akan menyebabkan terjadinya broken link.Broken link bermaksud pautan  tidak sah,rosak atau link mati Broken link pada laman blog atau web boleh menurunkan page rank dan juga hasil carian pada google.Selain dari itu juga broken link juga wujud pada komen pengunjung yang mana tidak mengkemaskinikan profail masing masing pada blog.

Untuk menghapusnya:

1.Buka laman google webmaster tools.Jika belum ada akaun google,daftarlah terlebih dahulu.
2.Pada dashboard pilih add a site.masukkan alamat blog korang disini hingga proses verifikasi selesai.abaikan jika sudah memasukkan blog sebelumnya.
3.Bila sudah dimasukkan nama blog akan muncul dibahagian bawah.Klik pada nama blog.

4.Kemudian muncul paparan dashboard blog disini.
5,Pada sebelah kiri menudashboard pilih Diagnostics--crawl errors-disini kita boleh lihat error yang ada pada blog

 

6.untuk menghapus nya,klik pada site configuration--crawler access-remove url-new removal request

7.masukkan link yang hendak dihapus--pilih opsyen pertama disini -tandakan pada The page returns a 404/410 ...  dan klik submit request
8.Link akan dihapuskan beberapa hari selepas itu.
#Bagi komen yang mempunyai broken link,terpaksalah di delete.Saya gunakan link checker di http://www.web-site-map.com/broken-links.php bagi mencari broken link .

Cara membuat link berkelip disertai dengan kerlipan bintang

Cara ini membolehkan link berkelip bila dihalakan cursor padanya.Disamping berkelip ia kan mengeluarkan kerlipan bintang disekeliling.Tidak menggunakan javascript,hanya gabungan css dan imej sahaja.Contohnya boleh dilihat pada blog ini.Kalau berminat hendak membuatnya,berikut adalah langkahnya:

Klik pada Design
Edit HTML
Cari kod:

</head>

Dan letak kod ini diatasnya:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVd-9PhN20bvkySx6ps-FAj50SXIeChml9ljPlZF79EvYAw0U9KMfVzMdazB3un41YZ8DY43LX8SXbZTlD7kv_3xJjQp74eUVY7ISfnaqCbDe87TWFt2ed7DffA4nWPtWmsFVPgMumD2E/s1600/blink.gif); }
</style>

atau gunakan yang dibawah ini:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1Ch6trzW8SFkazGSgxdz1VbOWky8q9_Ma54_g_pFb8sGSjpcU5z0x_5AhX2HI0hg6BAf_h-dWBdIadt0ARrOhc3JwwSqrEUO14a2wwR2z4GXuLFT3aEAMN5vMggY65FYlK8wAZSxV3o/s1600/str4.gif
cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas
#sesuai hanya untuk template berwarna gelap.

Simpan template…selesai..

Cara membuat berbagai bentuk link

Link  adalah digunakan  bagi menyambung antara  satu halaman ke satu halaman blog atau web . Bagi membolehkan ia bersambung satu link atau pun pautan perlu wujudkan bagi kedua duanya bersambung. Cara paling senang untuk membuat link pada satu posting adalah dengan menggunakan fungsi Link  yg ada pada tool bar .

Meletak link pada teks(penulisan) di posting

Cara nya ialah dengan highlightkan pada teks yang ada pada posting yang hendak disambung/link kepage/halaman  lain.
Kemudian klik pada ikon Link

Kemudian pada web address taipkan alamat web/blog yang hendak dituju contoh saya nak link ke web googledan saya masukkkan pada web address  http://www.google.com .ruangan text to display dikosongkan kerana kita guna teks yg ada pada posting.

Pada ruangan text to display jika kita hendak membuat link dengan memaparkan teks yang akan diklik akan membuka link baru.contohnya saya nak letak link bagi membolehkan saya menuju kemuka hadapan blog ini pada text to display saya masukkan HOME dan pada web address saya masukkan alamat blog saya

 
dan akan kelihatan paparan seperti ini

HOME

Atau Kita boleh juga gunakan kod seperti dibawah ini:

<a href="http://jendela-id.blogspot.com">HOME</a>

Cara membuat link terbuka dengan sendiri

Cara ini membolehkan kita membuka secara Otomatik tanpa perlu klik pada link.Bila pointer cursor mouse bergerak melaluinya ia terus terbuka

<a href="http://jendela-id.blogspot.com" onMouseover="window.location=this.href">HOME</a>

Cara membuat link terbuka pada tab baru di browser

<a href="http://.jendela-idspot.com/" target="_blank">Home</a>

Cuma perlu tambah target sahaja.

Membuat link dari imej atau gambar.
Selain dari menggunakan teks sebagai cara membuat link, kita boleh juga guna imej sebagai link.Untuk itu imej tersebut perlu kita upload ke Photobucket dan dapatkan alamat imej tadi

Contoh alamatnya begini:

http://i219.photobucket.com/albums/cc282/garam63/background4.gif

dan untuk membuat gambar tadi jadi link masukkan kod seperti dibawah:

<a href="http://jendela-id.blogspot.com"><img src=" http://i219.photobucket.com/albums/cc282/garam63/background4.gif

"></a>

(tulis dalam satu baris)

cara buat kod tukar link pada blog

Bagi menaikkan ranking blog kita ,terdapat berbagai yang kita boleh lakukan.salah satu daripadanya adalah dengan saling bertukar link atau link exchange.Oleh itu bertukar tukar link adalah menguntungkan .oleh itu kenapa kita tidak cuba pasang kod tukaran link di blog kita dan bertukar link dengan blogger lain.untuk bertukar link seelok eloknya hendaklah dari kategori yang sama.kalau blog tutorial,tukar lah dengan blog tutorial yang lain.Sekiranya membuat banner utk tukaran link pula,janganlah terlalu besar.Kerana tidak semua blog mempunyai ruang yang besar.

Berikut adalah cara untuk membuatnya:

Pertama sekali kita perlu sediakan banner terlebih dahulu.Boleh gunakan photoshop atau gunakan kemudahan banner online pada internet.Kemudian upload imej tersebut ke Imageshack,Photobucket dan sebagainya.
Setelah upload dapatkan url imej tersebut:

contohnya Url imej adalah seperti ini yang saya upload ke image shack:

<img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot ">

Bahagian yg berwarna merah adalah alamat imej yg kita upload.Sekarang kita ambil bahagian teks berwarna merah dan letakkan pada kod dibawah.

<a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>
 

Tukar teks hijau dengan nama blog anda dan biru keterangan berkaiatan imej.Alamat/url imej tadi berada pada teks berwarna merah.
Langkah seterusnya :

1. Login ke Blogger
2. Pilih Tata Letak.
3. Klik Add page element
4. Klik Add Gadget --> pilih yang HTML/Java Script.
5. Kemudian masukkan kode tukaran link di bawah ini :

Kod diatas tadi(yg berrwarna hijau) dimasukkan bersama dengan kod untuk text area(yg akan memaparkan kod untuk tukar link untuk dicopy oleh pengunjung)

<textarea name="code" rows="4" cols="30><a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>

</textarea>

Hasilnya:

<img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a><br>

Untuk paparkan imej bersama dengan text area seperti diatas cuma masukkan kod url gambar contoh sperti ini:
<a href="http://jendela-id.blogspot.com/"><img alt="teknik buat blog" src="http://img194.imageshack.us/img194/5621/belajarbuatblog.gif" /></a>
jadi akan muncul imej setelah kod diletakkan

*Masukkan url imej untuk paparkan imej diatas

Kemudian klik save
Selamat mencuba

Cara buat Link Membesar dan Berubah Warna

Membuat link sebegini adalah merupakan tambahan bagi memberi kelainan pada blog kita.Link akan hanya membesar dan berubah warna apabila pointer mouse dihalakan pada link.Pointer juga boleh diubah kepada bentuk lain,selain dari bentuk asal yang berupa tangan.

Berikut adalah caranya :
1. Login to Blogger kemudian pilih "design"
2. Klik pada "Edit HTML"
3. kemudian cari kod a:link dan a:hover dan gantikan dengan kod dibawah ini :


a:link
{

color:#0000ff;

font-size:10px;

cursor:default;
}

a:hover
{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:wait;

}

4. Kemudian klik save Template.
 
    Nota:
    warna oren menunjukkan warna link
    warna merah menunjukkan ukuran font
    warna hijau adalah font italic ketika pointer dihalakan pada link
    warna biru menunjukkan style mouse pointer dan boleh ditukar menjadi crosshair, hand, wait,
    move, text dan sebagainya