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
feedburner

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

0 komentar:

Poskan Komentar

Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |