Menyisipkan Link Pada Judul Gadget

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Menyisipkan Link Pada Judul Gadget dan semoga artikel ini bermanfaat.

---

Belajar Komputer Melalui Internet kali ini akan mencoba share tentang cara menyisipkan link pada judul gadget kita. Agar berbeda dari link biasa, silahkan beri effect hover sesuka Anda.

1. Login blogger
2. Tata Letak
3. Edit HTML
4. Centang Expand Template Widget
5. Carilah kode widget Anda, misal seperti ini

<b:widget id='HTML7' locked='false' title='Hot Update' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Perhatikan baris berwarna hijau, gantilah baris tersebut dengan kode seperti berikut:

<h2 class='title'><a href='http://desacilayung.blogspot.com'><data:title/></a></h2>

Tambahannya adalah yang berwarna merah.

7. Simpan Template

Hover Khusus Link Judul Gadget

Jika Anda ingin agar saat disorot warna link pada judul gadget Anda berbeda dari yang lain, maka silahkan Anda menerapkan trik membuat link tertentu berbeda warna.

1. Tambahkan kode berikut di atas ]]></b:skin>

a.linktitle:hover {
color: #ff1493;
}

2. Setlah Anda tambahkan css tersebut, maka kodenya menjadi seperti ini:

<h2 class='title'><a href='http://desacilayung.blogspot.com' class='linktitle'><data:title/></a></h2> 

3. Simpan Template

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Menyisipkan Link Pada Judul Gadget kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered

BACA JUGA ARTIKEL TERKAIT LAINNYA

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 11:51