Memodifikasi dengan Menambahkan Link Pada Judul Gadget

Sebenernya saya ingin memposting tentang tips yang berkaitan dengan SEO dan traffic malam ini, namun karena tulisan seperti itu cukup membutuhkan waktu sementara saya cukup sibuk, akhirnya saya posting modifikasi dan modifikasi lagi. Setelah sebelumnya memodifikasi judul gadget dengan menambahkan menu disampingnya, sekarang mari kita mencoba 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://alamattujuansaatdiklik.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 (Baca: Link Tertentu dengan Warna Tertentu).

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

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

 

Untuk menentukan kode warna HTML seperti pada bagian erwarna merah silahkan baca: Kode Warna HTML

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

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

 

Untuk melihat contoh, silahkan Anda sorot judul gadget saya di sidebar "Cari Artikel Cepat". Semoga bisa menggunakannya dan semoga bermanfaat....