Membuat Link Profesional Untuk Blogger
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/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
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/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
LangsungTakCobaSob :D
ReplyDeletelangsung dicoba sob, makasih sebelumnya..
ReplyDeleteNice share gan sangat bermanfaat,,
ReplyDeletemkasih sob, blog nya ramah interface nya
ReplyDeleteboleh jg tuh tipstnya kawan. izin nyoba ya kawan...
ReplyDeletemakasih dah berbagi.
kalo bolog ku gimana
ReplyDeletecoba lat di blog ku
http://berbagisesama3.blogspot.com/
thank
saya izin untuk menyimak sobat.:)
ReplyDeleteKira kira ada pengaruhnya terhadap SEO blog gak sob :D
ReplyDeletelangsung di coba sob makasih infonya kunjungi balik sob
ReplyDeleteblog walking
ReplyDeletecatatan-si-plotag.blogspot.com
Wahh nice sharing sob ^__^
ReplyDeleteTerima kasih pencerahannay.Mudah dimengerti kok :)
ReplyDeletesangat bermanfaat infonya lengkap banget.
ReplyDeletejangan lupa mampir di blog baru saya ya sob
http://mrfuadz.blogspot.com/
Higher Images will perform an Analysis of your current business model to help you formulate the best Search Engine Optimization Plan for you.
ReplyDeletemantabb bro. . .langsung ke tkp. .
ReplyDeletemantab bro. . terima kasih atas artikelnya. . bermanfaat banget. .
ReplyDeletemantab sob pelajari dulu
ReplyDeletewah, efeknya manjur gak.. di SEO mas..
ReplyDeleteNice info gan
ReplyDeleteMampir ke blog ane juga gan http://www.cyberblogsz.blogspot.com
OK brow mksh y, hehe buat tmbh ilmu maklum ru baru jadi kryawan jadi ya prlu byk bljr.
ReplyDeletemantad dech, sangar informativ...
ReplyDeleteNice infonya admin!
ReplyDeleteSeperti yang di wikipedia yah gan... mantap nih patut dicoba
ReplyDeletethanks ya
Klik Saja ...; http://lesprivatbpui.com
ReplyDeletemampir dulu gan,, bacaa article nya dulu
ReplyDeletemantap gan..
ReplyDeletevisit me
http://aan-shared.blogspot.com
Kalau fungsi sebenarnya untuk apa Mas?
ReplyDeleteApa berpengaruh sama SEO untuk blog itu sendiri ?
wah sip sip mantap uy
ReplyDeleteTerima Kasih mas...!!! membantu..!!! saya sangat..
ReplyDeleteThank gan http://jejaksangcucu.blogspot.com/
ReplyDeleteSaya Belajar Blogging dari blogini terima kasih atas tutorialnya ya
ReplyDeletekira-kira bisa memberatkan loading gak ya gan ?
ReplyDeleteTerimakasih infonya gan, saya coba ah
This comment has been removed by the author.
ReplyDeletesaya belum terlalu mengerti gan soal link profesional ini ,,,izin mempeljari gan ,,smogh bermnfaat ..
ReplyDeleteGitu ya...makasih mau dicoba gan..
ReplyDeleteLangsung Dicoba,,,
ReplyDeleteijin nyoba sob. .
ReplyDeletethanks. .
wah.. menarik bgt nih.. :D aku coba ya :D
ReplyDeletemasih ragu sob..maklum baru kenl.
ReplyDeletemakasih infonya sahabat.
ReplyDeletemakasih untuk infonya sahabat
ReplyDeletesepertinya sama saja..dimana letak perbedaannya?
ReplyDeleteapakah mungkin saya yang tidak mengerti.
maap saya kurang mengerti.
ReplyDeletebisa anda lebih diperjelas.
terimakasih atas tips nya ,,,
ReplyDeleteterima kasih atas tutornya, sangat membantu....
ReplyDeleteterima kasih atas artkelnya
ReplyDeletesemoga sukses selalu
terimakasih banyak infonya.
ReplyDeleteBoleh dicoba nih tips biar greget
ReplyDeleteMakasih tips dan trik nya juragan...
ReplyDeletemakasih infonya gan...
ReplyDeleteditunggu kunjungan baliknya