Membuat link profesional di blog

 

Dalam membuat atau membangun link dalam SEO khususnya blogger kita sering dihadapkan pada masalah tampilan. Lihatlah wikipedia.com yang mempunyai link profesional yang unik pula. Dimana artikel atau kata yang terkait akan diikuti gambar. Kita bisa membuat link unik tersebut sama dengan yang digunakan wikipedia di blogger. Sayangnya blogger tidak mempunyai plugin untuk menambah gambar pada link tersebut secara otomatis. Nah untuk membuat link profesional untuk blogger ini kita bisa sisipkan gambar di setiap link yang kita buat. Berikut ini contohnya :

Demo
Intinya adalah kita menambah CSS ringan yang dapat menggenerate semua link internal di blog kita.
Cari kode berikut :
]]></b:skin>
Hapus dan ganti dengan kode di bawah ini :
.post-body a.external {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWYA4QC5nZzPf1XClPSrmgdFEpBjSRhmf6C9Mq_ZCtkn829KLZBdurlGYwC-Bk-TP5RCEVP7JP2O2w_82HNpbo31Wq59eECsNJGq06fQFwpG_b33yVmrc6cDKJ3lQW6iE3LaG4mp7WuGc/s1600/link-external.png) no-repeat right center;
padding-right: 16px; /*Jarak untuk penepatan icon external*/
color:#61380B; /*warna link external*/
text-decoration: none;
}
.post-body a.external:hover {
/*kode untuk hover link external*/
color: #FF8000; /*warna hover link external*/
text-decoration: underline; /*garis bawah link external*/
}
]]></b:skin>
Kemudian simpan template sahabat dan jangan lupa mengedit setiap link dengan format seperti berikut :
<a class="external" href="http://sejutatrik.blogspot.com/" title='demo'>Demo</a>
Nah seperti itulah pembuatan link profesional khususnya link internal di blogger. Dengan fungsi yang bermanfaat untuk SEO Blog kita maka sudah seharusnya link di blog kita edit dan tampilkan secara profesional bukan?