Memasang Widget Social Media

Hai gaes masih bersama saya Deka. Kembali lagi saya menulis untuk segmen Tips & Trik. Hari ini saya akan membagikan kepada kalian script widget sosial media yang saat ini saya gunakan di salah satu blog saya. Gambarnya bisa kalian seperti ini:

yup, itu dia diatas bisa kalian lihat sendiri bagaimana bentuk widgetnya. Kalau menurut saya pribadi saya sangat suka nih gaes, karena secara tampilan widget tersebut terlihat elegan dengan warna hitam secara keseluruhan dan di ikuti logo masing-masing media sosial yang tidak berwarna-warni dan bermacam bentuk, hanya berupa logonya saja.

Buat kamu yang kepengen menggunakan widget seperti yang saya gunakan di blog saya tersebut caranya gampang.

1. Kamu tinggal copy sript 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="www.facebook.com/dekafirhansyah" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>

<a href="http://plus.google.com/https://www.linkedin.com/in/deka-firhansyah-b46590ab" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>

<a href="http://www.twitter.com/deka_firhansyah" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>

<a href="http://www.pinteres.com/dekafirhansyah" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>

<a href="http://instagram.com/dekafirhansyah94" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>

<a href="https://www.linkedin.com/in/deka-firhansyah-b46590ab" title="Linkedin" target="_blank" rel="nofollow"><i class="fa fa-linkedin"></i></a>

<a href="http://www.youtube.com/c/dekafirhansyah1994" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>

</div>]

2. Paste kan Scrip tersebut ke tempat lain atau,

3. Langsung buka layout blog kamu dan paste ke widget html tempat dimana kamu ingin menempatkan link media sosial kamu, boleh di side bar atau terserah dimana sesuka kamu.

4. Kemudian ganti setiap link media sosial yang tercantum di scrip tersebut sesuai link media sosial kepunyaanmu.

5. Save.

Setelah di save kemudian cek hasilnya di halaman blog kamu dan hasil tampilannya akan tampak seperti berikut ini: