Membuat Link Profesional Untuk Blogger

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/AVvXsEiWtZAsWzEE_Aj1D10iQzgdNRBy8jm6ZlWU4DAK4v4VYsgDwuXdscSSAeSnDBi_Qg_exqeES4DMofOudPaGOKCLWdujYrmR9KcbhVYQGkvjVsQj6gQBEGQUZC6MpyB68qi_42WlZAzKpTBr/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>
Cara di atas masih menggunakan cara manual yaitu setiap link harus di sisipi class saat membuat link. Bagi teman-teman yang mempunyai script otomatis link profesional ini sekiranya berbagi pada kami agar bermanfaat untuk semua.
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? Sekian artikel singkat mengenai edit link di posting. Dan semoga bermanfaat. Baca juga cara memasang microformat di daftar link ya!
Internal Link Image