√ Cara Menciptakan Link Media Umum Di Blog Memakai Font Awesome

Kita semua 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, yaitu dengan menggunakan font awesome, sehingga lebih ringan. Ini tampilannya:

Ingin lihat demonya ?? klik lihat hasil dibawah ini :

Lihat Hasil

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 Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-linkedin"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="URL-HERE" title="√ Cara Membuat Link Media Sosial di Blog Menggunakan Font Awesome" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a></div>


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

Ganti  URL_HERE  dengan Url link akun media umum Anda.

The end.......
Sumber http://tiksatuweru.blogspot.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: