Pages

  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic

Jumat, 23 September 2011

Cara Buat Link dan Menghilangkan Tanggal Posting

   A.Cara membuat link
    
         . Apa itu Link... Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut . Bagaimana Membuat Link... Mari kita bahas sama – sama :

Kode HTML Dasar Untuk LINK

Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya dibutuhkan sebuah html tag yaitu <a> dan menambahkan attribute href di dalamnya. Kode lengkapnya yaitu :

<a href="url">Anchor Text</a>
 
Penjelasan :
- kode <a> dan </a> merupakan tag html untuk membuat link.
- href, merupakan suatu attribute yang menunjukan tujuan link (URL).
- Anchor Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.

Contoh Dasar Cara Membuat Link.

Dari syntax (kode) dasar pembuatan link diatas, sekarang saya akan tunjukan bagaimana membuat suatu link. Misalnya :

<a href="http://triks-iseng.blogspot.com">Triks iseng</a>
 
Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah http://kursus-blog.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya, jika ditampilkan di web atau blog = Triks iseng
 

Cara Membuat Link Terbuka di Jendela Baru

Setelah kita belajar dasar – dasar pembuatan link, sekarang kita belajar cara membuat link terbuka di jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, akan terbuka sebuah halaman baru dari web browser anda. Nah cara inilah yang saya maksud.
Untuk membuat link terbuka di halaman baru, caranya cukup simple aja. Dari kode dasar pembutan link diatas, kita cukup menambahkan attribute target dan menambahkan value _blank di dalamnya. Supaya lebih jelas, coba simak kode berikut :

<a href="url" target="_blank">Tulisan anda</a>
 
Kode diatas merupakan contoh penerapan dari attribute target pada sebuah link. Sekarang kita terapkan kode tersebut ke dalam contoh pembuatan link.

<a href="http://triks-iseng.blogspot.com" target="_blank">Triks iseng</a>
Hasil dari kode diatas adalah = Triks iseng. Coba anda klik link tersebut, maka akan terbuka sebuah jendela baru.
Cara Membuat Link pada Gambar
Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode HTML untuk menampilkan gambar yaitu tag <img> sebagai pengganti dari anchor text. Format nya sebagai berikut :

<a href="url anda"><img src="url gambar anda"></a>
 
Kode yang saya tebalkan diatas merupakan kode dasar untuk menampilkan gambar. Lengkapnya semua kode diatas, merupakan kode dasar pembuatan link untuk gambar. Contoh penerapannya sebagai berikut

<a href="http://triks-iseng.blogspot.com" target="_blank"><img src="http://i54.tinypic.com/e7flab.jpg" border="0" alt="Image and video hosting by TinyPic"></a>


Silahkan klik gambar di bawah          

Image and video hosting by TinyPic

Gimana....kalo udah ngerti,silahkan buat sendiri ya...

B.Cara Menghilangkan Tanggal Posting


      Sebenarnya sih posting cara menghilangkan tanggal posting di blog sudah banyak diposting oleh master-master blogger,tapi daripada lupa apa salahnya sih aku posting ulang di blog ku ini....he.he.he,sebenarnya sih nggak menghilangkan cuma merahasiakan tanggal posting aja kok..oke langsung aja login ke Blogger
klik Rancangan,Edit HTML trus centang Expand Template Widget lalu cari kode

h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;
}

kalau belum ketemu tekan Ctrl+F lalu tulis kode diatas satu baris aja..contoh : h2.date-header {
Nah..jika sudah ketemu tambahkan code : visibility:hidden;  kedalam Css diatas sehingga menjadi seperti:

h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;
 visibility:hidden;
}

Klik Simpan Template dan lihat hasilnya....

   Oke,sekian dulu ya postingan saya...moga-moga bermanfaat

5 komentar:

Unknown mengatakan...

mantap gan tutornya

Tips dan Trik Komputer

NC mengatakan...

Thank you

IDCHEAT.COM mengatakan...

thx sob

Mujahid Al Haq mengatakan...

Udah di coba gan , tapi gak work ya buat yg B.Cara Menghilangkan Tanggal Posting ?

Anonim mengatakan...

Mantab

Posting Komentar