Cara Menambahkan Logo SVG pada Anchor Text Artikel Blog

Inilah cara membuat, memasang, atau menambahkan logo svg pada anchor text di artikel blog blogger.com.

Dalam 2 hari ini, saya kepikiran untuk menambahkan logo atau ikon svg pada internal link postingan blog. Tapi gak jadi.

Tapi, jika teman2 suka dan mau mencobanya, dicoba saja! Mudah banget cara pasangnya 😁

Cara Menambahkan Logo SVG pada Anchor Text Artikel Blog

1. Pada langkah pertama, buka template blogger, lalu cari kode ]]></b:skin>

2. Copas kode di bawah ini, di atas kode ]]></b:skin>

.post-body [target^=_blank]:after{content: url("data:image/svg+xml,%3Csvg fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E% %3Cpath d='M15 3h6v6'/%3E% %3Cpath d='M10 14 21 3'/%3E%3C/svg%3E");display:inline-block;width:14px;height:14px;margin: 0 4px}

Sebenarnya tujuan dari pemasangan atau menampilkan logo svg pada hyperlink di artikel blog ialah memudahkan para pembaca untuk melihat adanya internal linking.