Cara Memasang Link Media Sosial di Sidebar Blog. Demonya ada di sidebar blog ini.
Tujuan pemasangan link media sosial di sidebar blog untuk menambah follower, teman, subscriber, sekaligus memberikan alternatif kontak admin blog bagi pengunjung.
Cara Memasang Link Media Sosial di Sidebar Blog
1. Klik Layout > Add a Gadget2. Pilih HTML/Javascript
3. Judul kosongkan
4. Copas kode berikut ini:
<style>
#fawesomeicons {text-align: center}
#fawesomeicons a {background: #666;color: #fff;display: inline-block;font-size: 16px;width: 32px;height: 32px;line-height: 32px;
margin: 0 1px 6px;}
#fawesomeicons a:hover{background: #hover-color;}
</style>
<div id="fawesomeicons">
<a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="Linkedin" target="_blank" rel="nofollow"><i class="fa fa-linkedin"></i></a>
<a href="URL-HERE" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="URL-HERE" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
</div>
Catatan: Pastikan ada link ke kode font awesome dalam template blog Anda, seperti ini:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
Jika belum ada, sertakan kode tersebut pada kode di atas.
Ubah teks URL-HERE dengan link akun medsos Anda.
5. Save!
Demikian Cara Memasang Link Media Sosial di Sidebar Blog.*
No comments:
Post a Comment