12/11/11

Code tutorial | #HTML A tag


A tag ialah code html yang bermula dengan <a  dan berakhir dengan </a>  ...a tag ialah link... a tag ni memang banyak digunakan.. setiap link pada blog anda menggunakan a tag,..

sebelum ni aku ada buat tutorial cara tinggalkan backlink pada komen ... dalam tutorial tu, adalah yang simple punya.. disini aku akan tunjukkan contoh dan penerangan a tag..

<a href="http://blogger-blog-tutorial.blogspot.com">Blogger Blog Tutorial</a>
hasilnya
Blogger Blog Tutorial


jika anda klik pada link di atas,anda akan pergi ke url yang disetkan pada tab browser yang sama

<a href="http://blogger-blog-tutorial.blogspot.com" target="_blank">Blogger Blog Tutorial</a>

Blogger Blog Tutorial

jika anda klik pada link di atas anda akan pergi ke url yang di setkan pada tab browser yang baru...

Nampak kan perbezaan kedua2 code..simple kan..boleh ikut..? Jom teruskan

<a href="http://blogger-blog-tutorial.blogspot.com" onclick="window.open('http://polskahackrew.com','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return true">Blogger Blog Tutorial</a>

Blogger Blog Tutorial

Perasan x pada code tu terdapat 2 url..url utama ialah url yang pertama..url kedua tu ialah pop up..apa bila anda klik pada url anda akan ke url yang di setkan(url pertama) sambil pop up akan keluar membuka Url kedua.. aku gunakan code ni untuk tingkatkan pageview dan promote blog aku yang lain..
Pop up blocker xkan dapat halang pop up tu,,,..

Berikut adalah a tag yang menggunakan gambar...

<a href="http://blogger-blog-tutorial.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhrs06jw-lOSf_teOD8Yt_C80qyvd9SE_Y4UKEJkEPom192hBpNmQna-sZm8xGuMTFNHfO2QkIX8ub-wnoHV6w4wAIPwUUQZJCE5-Dv_FQgOuGg3ostj4zKCSHwKYJumx3NMIZNl05T2P/s1600/newbanner.png"/></a>



Fungsi sama macam seperti a tag yang mula2 sekali,..bezanya..a tag ni menggunakan gambar..biasanya digunakan pada header dan banner,

Berikut adalah contoh2 a tag yang terdapat pada template anda...

<a class='home-link' expr:href='data:blog.homepageUrl'><data:blog.title/></a>
code ni a tag ni kalau di klik anda akan ke homepage blog tu..tulisan pada link tu ialah nama blog tu..biasanya code ni ada pada header dan footer pada copy right


      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
code untuk CATATAN BARU...


      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
code untuk CATATAN LAMA

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
code untuk LAMAN UTAMA..jika diklik akan membawa anda ke laman utama blog

rasanya cukup sampai sini saja..terdapat banyak a tag pada template anda yang ni cukup untuk anda paham sahaja

Kesimpulannya apa saja link pada blog anda ianya mesti menggunakan a tag..keep that in mind...akan datang aku akan buat tutorial dan penerangan CSS untuk a tag ni...macam biasa la jika ada apa yang x berapa nak paham.. tanya ja di ruangan komen..

Sekian

2 ulasan:

nurhayaku10 berkata...

Selamat siang sahabat, trima kasih atas kunjungannya :)

Polskahackrew berkata...

@Hasan Basri
thanks bro

entri ja

Related Posts Plugin for WordPress, Blogger...