CARA MENGHILANGKAN GARIS BAWAH PADA LINK

Posted by Sonin Minggu, 16 September 2018 0 komentar
CARA MENGHILANGKAN GARIS BAWAH PADA LINK TERTENTU.

Pagi kita yang gemar menjelajahi dunia maya, terkadang kita melihat penampilan blog indah-indah, bagus-bagus dan tertata rapi shingga membuat pengunjung betah di blog tersebut. Namun saat kita melihat blog kita sendiri malah tampak perbedaan, terutama pada tulisan judul postingan dan link baik pada label ataupun link postingan internal atau dari eksternal misalnya karena adanya garis bawah pada tulisan tersebut.
Karena itu saya akan sedikit berbagi untuk memberikan solusi dari permalasalahan-permasalahan tersebut. Bersadarkan dari eksperimen-eksperimen saya sendiri, alahamdulillah saya menemukan beberapan cara untuk menghilangkan garis bawah tersebut, yakni:.

Cara Pertama,

  1. Login ke Blogger
  2. Setelah masuk dasbor saudara pilih menu > RANCANGAN dan kemudian kilk > EDIT HTML.
  3. Untuk mengantisipasi, lebih baik Backup/pulihkan terlebih dahulu thema anda untuk disimpan agar lebih aman, jika terjadi tidak sesuai dengan yang diharapkan.
  4. Jika sudah masuk ke kode html, maka dengan menggunakan CTRL+F dan cari kode text-decoration, jika tampak kode text-decoration: underline , maka ganti teks-teks tersebut dengan  text-decoration:none” >>>> Lihat perbedaan gambar berikut sebelum dan sesudah diganti. 
  5. Sebelum

    Setelah



  6. Lalu Simpan,

 Lihat perubahannya, yang mana sebelumnya apabila kursos di letakkan di link maka akan ada garis bawahnya dan setelah melakukan langkah-langkah di atas, hasilnya garis dibawah link tersebut akan hilang. Namun perlu di ingat jika saudara belum puas terhadap hasilnya atau yang dimaksud berbeda, yakni menghilangkan garisnya bukan saat meletakkan kursor saja namun saat diletakkan atau tidak diletakkan kursor tetap tidak tampak, maka ada cara berikutnya.

CARA KEDUA (CARA MANUAL)

1.      Ulangi/ Sama seperti langkah 1, 2 dan 3 di atas.
2.      Setelah masuk di halaman kode html, untuk mempermudah gunakan CTRL+F untuk mencari teks yang bergaris bawah/ Teks yang dimaksud, misalkan teksnya Belajar Internet, maka akan tampak kode html seperti ini:

<a href="http://soninkomputer.blogspot.comot.com/">Belajar Internet</a>

Maka langkah berikutnya adalah menyisipkan kode css style="text-decoration:none" sehingga menjadi

<a href="http://soninkomputer.blogspot.comot.com/" style="text-decoration: none;"> Belajar Internet </a>

CARA KETIGA (CARA OTOMATIS)

Cara Otomatis maksudnya adalah cara menghilangkan semua garis bawah yang memakai Link. Cakni cara mengubah semua link yang ada dalam blog kita secara default, sehingga secara otomatis semua link yang ada di blog anda semuanya underline (Tidak bergaris bawah).

Adapun caranya:

1. Sama seperti langkah 1, 2 dan 3 di atas pada Cara Pertama sebelumya.
2. Cari kode berikut: ]]></b:skin> (Gunakan CTRL+F)
3. Jika sudah ketemu maka letakkan kode dibawah ini persis di ats kode ]]></b:skin> .

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}

Sehingga tampak seperti gambar berikut:

5. Simpan Template jika sudah selesai
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Sobat sedang membaca artikel berjudul: CARA MENGHILANGKAN GARIS BAWAH PADA LINK
yang ditulis oleh Sonin
Rating Blog 5 dari 5
Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya http://soninkomputer.blogspot.com/2018/09/cara-menghilangkan-garis-bawah-pada-link.html atau kode
Terima kasih atas perhatian dan kerjasamanya

0 komentar:

Posting Komentar

Popular Posts

Ilmu Blog dan SEO| Desain of DUNIA KOMPUTER.
Estimated worth website
Copyright © 2012 - Dunia Komputer - Desain by Sonin