Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome
Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome

BLOGGER tentu mempunyai akun media sosial. Selain sebagai media pertemanan dan membangun jaringan (networking), media umum juga berperan dalam meningkatkan SEO blog.

Media sosial termasuk salah satu pilar SEO.

Social Signal menjadi salah satu faktor pemeringkat Google di halaman hasil pencarian.

Berikut ini salah satu cara memasang link akun media umum di sidebar blogger, adalah dengan memakai font awesome, sehingga lebih ringan. Ini tampilannya:

Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome

Desain tampilan lainnya dapat Anda lihat di Halaman Label Media Sosial.

Cara Memasang Link Media Sosial di Sidebar Blog

1. Layout > Add a Gadget 
2. Pilih HTML/JavaScript
3. Judul kosongkan
4. Masukka instruksi berikut ini:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<style>

#fawesomeicons {text-align: center;margin-bottom:10px;}
#fawesomeicons a {background: #666;color: #fff;display: inline-block;font-size: 16px;width: 30px;height: 30px;line-height: 30px;
margin: 0 1px 6px;}
#fawesomeicons a:hover{background: #hover-color;}
</style>
<div id="fawesomeicons">
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-linkedin"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="URL-HERE" title="Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
</div>

Link ke instruksi Awesome Font yang berwarna merah tidak usah diikutkan jikalau di template blog Anda sudah ada.

Ganti URL_HERE dengan Url link akun media umum Anda.

Save!

Cek juga di CodePen:

See the Pen Link Media Sosial Sidebar Blogger by CB Blogger (@cbblogger) on CodePen.

Demikian Cara Memasang Link Media Sosial di Sidebar Blog Menggunakan Font Awesome. Desain tampilan lainnya dapat dicek di sumber. Good Luck & Happy Blogging! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours