Cara Menambahkan Logo SVG pada Permalink Artikel Blog

Dalam dua hari ini, saya kepikiran untuk membuat atau menambahkan logo/ikon svg pada anchor text di artikel blog.

Tidak tahu, kah? Begini tampilannya:

Cara Menambahkan Logo SVG pada Permalink Artikel Blog

Alasan kenapa logo/ikon svg perlu ditampilkan di postingan blog lantaran ketika ada text yang sudah terpasang anchor text, ada kalanya tidak kelihatan di mata pembaca. Jangankan pembaca, saya yang tulis saja kadang-kadang tidak kelihatan dengan teks yang sudah ditambahkan link.

Cara Memasang Logo SVG pada Permalink Artikel Blog


1. Pada langkah pertama, cari kode ]]></b:skin>

2. Salin (copy) kode di bawah ini:

.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}

3. Tempatkan (paste) kode di atas, tepat di atas kode ]]></b:skin> yang kalian temukan tadi. Ok selesai.

Pada inti dari artikel tutorial blogger kali ini; tentang cara membuat, memasang, menambahkan, dan menampilkan logo atau ikon svg pada link, permalink, hyperlink, anchor text artikel blogger.com ialah bertujuan untuk memudahkan para pembaca untuk melihat atau menemukan anchor text yang ada di dalam konten blog.

Labels: Blogger,

Kalian baru saja membaca artikel Cara Menambahkan Logo SVG pada Permalink Artikel Blog. Bila dirasa bermanfaat, mohon bagikan artikelnya. Jazakumullah khairan.
Arief Ghozaly
Arief Ghozaly Blogger sejak 2014 - Suka Menulis, Membaca, SEO, Berbagi Cerita, Pengalaman, Eksplorasi, dan Kopi.

Posting Komentar untuk "Cara Menambahkan Logo SVG pada Permalink Artikel Blog"