Last Update 29 September 2018
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/AVvXsEjHy4cknPWgoOlGhNEQcLhu6S8e5dXf77uosoyBeKjs2eDT5BcmWe0joPob1kwCMYxsYZS1-EUceGGIpG21cpv2X-7HA0lip-giDZUwngyFld-n3ktuCnSq1dOe02DvapcTw9Nc1_maSA53/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
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/AVvXsEjHy4cknPWgoOlGhNEQcLhu6S8e5dXf77uosoyBeKjs2eDT5BcmWe0joPob1kwCMYxsYZS1-EUceGGIpG21cpv2X-7HA0lip-giDZUwngyFld-n3ktuCnSq1dOe02DvapcTw9Nc1_maSA53/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