Cara Pasang Media Sosial Di Kotak About Author (Tentang Penulis) Di Blogger

Cara membuat widget media sosial di kotak author atau tentang penulis di blogger sangatlah mudah, kamu hanya menambahkan kode media sosialnya di dalam html blog kalian. Saya memasang media sosial dibawah discripsi profil author bisa kamu lihat di gambar, gimana baguskan halisnya. Oke tampa basa basi langsung aja kita masuk ke tutorial memasang media sosial dikotak author di bawah ini:

Cara buat widget media sosial di bawah author di blogger

Langkah pertama:

1. Masuk terlebih dahulu ke blogger kalian.

2. Klik Tema>>Edit HTML

3. Silahkan copy kode ini di atas kode ]]></b:skin>

/* CSS Multi Author Box */
.authorsocial{margin:10px auto 0 auto}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{background:#2f3542;color:#fff;font-family:Fontawesome;width:40px;height:25px;line-height:25px;display:block;transition:all .3s;text-align:center;border-radius:2px}
.authorsocial a:hover i{background:#e15e50;color:#fff;}

4. Selanjutnya copy kode dibawah ini dan letakan di bawah kode <span itemprop='description'><data:post.authorAboutMe/></span>

<div class='authorsocial'>
<a class='img-circle1 ripplelink' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2 ripplelink' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3 ripplelink' href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram'/></a>
<a class='img-circle3 ripplelink' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube'/></a>
<div class='clr'/>
</div>

Catatan: Ganti '#' dengan link sosial kamu.

5. Silahkan klik Simpan Template dan lihat hasilnya.

Sekian dulu tutorial cara pasang media sosial di author di blogger dari saya. Terimakasih.

Mas Hendra

Mulai belajar blogger sejak tahun 2015. Baru serius ngeblog tahun 2018. Temukan saya melalui sosial di bawah ini:

Share this post