Cara Membuat Link Profesional Untuk Blogger | Dalam membuat atau membangun link dalam SEO khususnya blogger kita sering dihadapkan pada masalah tampilan. Lihatlah wikipedia.comyang 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 :
ini kita bisa sisipkan gambar di setiap link yang kita buat.
Berikut ini contohnya :
Dangstar s Blog
Intinya adalah kita menambah CSS ringan yang dapat menggenerate semua link internal di blog kita.
Cari kode berikut :
]]></b:skin>
Copy kode di bawah ini simpan diatas kode ]]></b:skin> :
.post-body a.external {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOjhxdJg54ZBxF2SsM3LYZjoPOcffjkEuf4PORhJIIEPaJcxxFshsNkXIEurAlo33s0D653H7MtuJ1WJNRskBMePFt37HLvKbO-DXCNQ4qvHv0iwNl9RdnPt8YY6D7PD1U9OVedLfizHb1/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*/
}
Kemudian simpan template sahabat dan jangan lupa mengedit setiap link dengan format seperti berikut :
<a class="external" href="http://dangstars.blogspot.com/" title='Vulkanisir Online'>Dangstars Blog</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?
Sumber
1 Comments:
keren blognya
ReplyAdmin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak