Sabtu, 15 Desember 2012

Cara Membuat Link Profesional Untuk Blogger

Cara Membuat Link Profesional Untuk Blogger | Dalam membuat atau membangun link dalam SEO khususnya blogger kita sering dihadapkan pada masalah tampilan. Lihatlah wikipedia.comhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIAojljIDiFYKlYJ1p0y7kCOM9C7R1uPtAKYdFHb2h96-61-Q6CQqJwcTEXn6d8OHR4zS_DNOHGDHl5gk1G-Vwa4jzH3ZMaVx-XgGGEdx_xKaJCda0ddk9SORidnMWnygP2lFtmzukw6i/s1600/link-external.pngyang 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 bloggerhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIAojljIDiFYKlYJ1p0y7kCOM9C7R1uPtAKYdFHb2h96-61-Q6CQqJwcTEXn6d8OHR4zS_DNOHGDHl5gk1G-Vwa4jzH3ZMaVx-XgGGEdx_xKaJCda0ddk9SORidnMWnygP2lFtmzukw6i/s1600/link-external.png
ini kita bisa sisipkan gambar di setiap link yang kita buat.
Berikut ini contohnya :

Dangstar s Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIAojljIDiFYKlYJ1p0y7kCOM9C7R1uPtAKYdFHb2h96-61-Q6CQqJwcTEXn6d8OHR4zS_DNOHGDHl5gk1G-Vwa4jzH3ZMaVx-XgGGEdx_xKaJCda0ddk9SORidnMWnygP2lFtmzukw6i/s1600/link-external.png

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/AVvXsEgKIAojljIDiFYKlYJ1p0y7kCOM9C7R1uPtAKYdFHb2h96-61-Q6CQqJwcTEXn6d8OHR4zS_DNOHGDHl5gk1G-Vwa4jzH3ZMaVx-XgGGEdx_xKaJCda0ddk9SORidnMWnygP2lFtmzukw6i/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://lepas-lagi.blogspot.com/" title='Vulkanisir Online'>lepas-lagi Blog</a>

Nah seperti itulah pembuatan link profesional khususnya link internal di bloggerhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIAojljIDiFYKlYJ1p0y7kCOM9C7R1uPtAKYdFHb2h96-61-Q6CQqJwcTEXn6d8OHR4zS_DNOHGDHl5gk1G-Vwa4jzH3ZMaVx-XgGGEdx_xKaJCda0ddk9SORidnMWnygP2lFtmzukw6i/s1600/link-external.png. Dengan fungsi yang bermanfaat untuk SEO Blog kita maka sudah seharusnya link di blog kita edit dan tampilkan secara profesional bukan?

Sumber