Cara Memasang Ikon Media Sosial Minimalis Elegan di Blog

10:14 AM

Di postingan ini saya akan membahas mengenai widget blogger, sering kali kita ingin memasang widget untuk blog dengan tampilan yang simpel namun elegan, nah disini saya akan menjelaskan tata cara pemasangan widget ikon media sosial dengan tampilan yang simpel, langsung saja tatacara nya

1. Buka dasbor blogger kalian, Lalu klik Theme (Template) - pilih Edit HTML

2. Klik kolom HTML dimana saja - ketik Crtl+F untuk memunculkan kolom pencarian

Setelah kolom pencarian muncul, ketik ]]></b:skin> atau </stye> kemudian enter.

lalu pastekan kode HTML berikut diatasnya

#fawesomeicons {text-align: center;}
#fawesomeicons a {
background: #000000;
color: #fff;
display: inline-block;
font-size: 18px;
width: 58px;
height: 56px;
line-height: 56px;
margin: 0 1px 6px;
}
#fawesomeicons a:hover{
background: #000000;
}

Keterangan:
- Untuk warna merah ganti dengan html warna ikon yang kalian inginkan
- Warna hijau ganti sesuai ukuran yang kalian inginkan
- Warna biru pastikan sama dengan ukuran height agat ikon berada tepat di tengah
lihat gambar dibawah

3. Setelah itu ganti tulisan yang ada di kolom search menjadi <head>

Lalu pastekan kode ini dibawah nya

Lihat gambar dibawah

4. Pasang widgetnya
Setelah selesai, kalian tinggal memasang widget media sosial di tempat yang kalian inginkan
dengan cara Layout - Add a Gadget - Pilih HTML - pastekan kode berikut

Jangan lupa teks berwarna biru diganti dengan url sosial media kamu ya, SELESAI :)

Nah demikian cara memasang ikon media sosial elegan di blogger, jika ada yang kurang jelas bisa di tanyakan di kolom komentar ya, mohon maaf jika terdapat kekurangan, semoga membantu.

IF THIS ARTICLE USEFUL, SUBSCRIBE TO GET MORE, I WILL SEND YOU EMAIL NOTIFICATION WHEN I HAVE A NEW ONE