Jumat, 12 Maret 2010

Membuat Link CSS

Untuk Para newbie seperti saya, mungkin untuk membuat link CSS itu sangat rumit, dan Mungkin juga gak nyaho, apaan tuh link CSS,? link CSS itu adalah teks yang biasanya berada diatas posting atau berada diantara header, biasanya link teks yang telah dibumbui oleh CSS memiliki background yang bisa kita ubah warnanya. contoh : kalau diblog saya itu tuh yang tulisanynya Home, Profile, ebi sukore, sitemap, dan tukar link. yang jika kita klik akan mengarahkan ke page atau situs yang telah dialamatkan.

contoh skriptnya seperti dibawah ini.
<a href="http://www.blogdunia.co.cc" class="tombol1"> Home </a>

class=tombol1 merupakan script CSS yang mendefinisikan tampilan button pada home, misalnya warnanya merah, tulisanya 16pt, dan pengatura lainnya. setiap link tentu bisa kita definisikan berbeda-beda. sebagai contoh, saya mendefinisikan untuk link home berikut ini: Background berwara biru, warna teks putih, dan padding sebesar 2px. oleh karena itu script yang harus dibuat sebagai berikut:

a.tombol1 {
background: #333399;
padding: 2px;
color: #ffffff;
}

dan untuk menempatkan sriptnya ikuti petunujuk di bawah ini

1. Masuk kehalaman Dashboard atau dasbor.

2. Lalu klik layout/tata letak, sesudah itu pilih Edit HTML.

3. Carilah script berikut ini:

]]></b:skin>

Lalu masukkan script yang berwarna merah ini diatasnya.

a.tombol1 {
background: #333399;
padding: 2px;
color: #ffffff;
}

4. Lalu klik Save Template

5. Seusudah itu lalu klik Tab Page Elemen/ elemen laman.

6. Lalu klik Add Gadget dan pilih HTML/JavaScript.

7. kemudian masukan script dibwah ini.

<a href="http://www.blogdunia.co.cc" class="tombol1">Home</a>

<a href="http://www.blogger.com/profile/16744041752233830341" class="tombol1">Profil </a>

<a href="http://blogsukore.blogspot.com" class="tombol1">ebi sukore</a>
<a href="http://www.blogdunia.co.cc/2010/02/rumah-dunia-blog.html" class="tombol1">Sitemap</a>

<a href="http://www.blogdunia.co.cc/2010/03/teman-teman-blogger.html" class="tombol1">TUKAR LINK </a>

8. Ubahlah sript yang berwarna biru sesuai dengan kebutuhan anda.

9. Jika sudah Klik Save.

10. Akses Blog Anda untuk melihat hasilnya.

saya yakin akan jadi lebih bagus, jika anda pintar memilih warna agar sesuai dengan template anda.

semoga postingan yang ecek-ecek ini bisa bermanfaat.
Bagi teman teman semua yang lebih pintar dan jago, mohon koreksi dan tambahannya dimuat di kotak Komentar dibawah ini,,
salam dunia blog

3 komentar:

  1. Wah sob, mantap niy sob..aq save dl ya biar ntar bcx ofline aj..ok sob keep post salam..

    BalasHapus
  2. Thanks untuk tutorialnya kawand...

    BalasHapus
  3. kunjungan pagi nich di blog sobat,thank sharing ilmunya sob,pasti bermanfaat

    BalasHapus

WARNING
!!!....NO SPAM....!!!!