Membuat title tag otomatis di blog

Membuat title atau keterangan yang nampak saat kursor mengarah pada suatu link atau gambar ternyata cukup mudah dan gampang saat mencoba membuat nya tadi malam saya sempat kebingungan karena kebnyakan tutorial yang ada harus mengedit satu per satu link yang ada dan mungkin butuh waktu yang lama jika itu saya lakukan makadari itu sedikit membuat perubahan saya mengedit code html dan css milik orang lain sehingga akhirnya saya menemukan cara untuk membuat title tag otomatis di blog.

Membuat title tag otomatis di blog
Membuat title tag otomatis di blog

sempat berfikir kalo saya harus mengedit satu persatu link yang ada diblog saya namun setelah saya pikir-pikir lagi lebih baik saya tidak lakukan dari pada harus mengedit semua link yang ada dan ini akan membuag banyak waktu luang saya karena banyak sekali link yang terdapat pada blog saya ini mungkin jumlah nya ratusan sehingga sangat tidak mungkin untuk mengedit link yang ada satu persatu atau secara manual.

bagi anda yang belum tau apa itu title tag nah dibawah ini saya akan memberikan contoh gambarnya:

Membuat title tag otomatis di blog
Membuat title tag otomatis di blog
pada gambar diatas kursor saya mengarah pada link "club sepakbola" dan tampil lah title tah yang bertuliskan "pilih sesuai club sepakbola yang kamu suka" nah mungkin gambar diatas bisa membuat anda mengerti dan tau apa itu title tag dan perlu anda ketahui bahwa title tag ini juga dapat menambah tingkat ke SEO an dari blog anda maka dari itu segera pasang title tag ini diblog anda.

untuk membuat title tag otomatis ini cukup mudah maka dari itu ikuti tutorial dibawah ini dengan seksama:
  • Masuk ke dasbor anda 
  • Template
  • Edit HTML
  • Lalu cari code  ]]></b:skin> untuk mempermudah tekan CTRL+F untuk membantu pencarian code.
  • Setelah ketemu paste kan code dibawah ini tepat diatas code ]]></b:skin>

/*****************************************
Name : tooltip title link
By : Yuli Agustiani | Kumpulan Informasi
Update : 19 April 2015
site : www.yuli-agustiani.info
******************************************/
#tooltip-rivai-silaban{
position:fixed;
max-width:300px;
padding:6px 8px 8px 8px;
background:#222;
z-index:10;
display:inline-block;
font-family:Verdana;
font-size:11px;
line-height:16px;
color:#fff;
border-radius:5px;
}
/*** www.yuli-agustiani.info CSS and ***/

  • Selanjutnya cari code </head>
  • Setelah ketemu paste code html dibawah ini tepat diatas code </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/213462114520/tooltips.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
//applies to all elements with title attribute. Change to &quot;.class[title]&quot; to select only elements with specific .class and title
$(&quot;[title]&quot;).style_my_tooltips({
tip_follows_cursor: &quot;on&quot;, //on/off
tip_delay_time: 100 //milliseconds
});
});
</script>
  • Setelah penempatan selesai klik save template
  • Selesai
Jika anda mengikuti tutorial diatas dengan benar maka akan tampil title tag pada blog anda apabila title tag tidak tampil juga jangan buru-buru menghapus code yang sudah terpasang di template karena memang butuh sedikit waktu untuk title tag tampil diblog kita.

Terima kasih telah membaca artikel saya ini yang berjudul membuat title tag otomatis di blog semoga artikel ini membantu anda memasang title tag secara otomatis pada blog anda dan jangan malu untuk bertanya pada kami silahkan tinggalkan pertanyaan anda di komentar.

Hasbi Adam

Halo terimaksih sudah membaca, saya sedang mencoba menulis kembali setelah istrahat lama dan semoga tulisan saya bermanfaat bagi anda.

Posting Komentar

Lebih baru Lebih lama