Cara Membuat Widget Sosial Media di Blog - Style #1


KURAZONE ~ Widget Sosial Media sering digunakan untuk merujuk pengunjung menuju ke halaman sosial media seperti Google+, Facebook, Twitter maupun RSS. Pada kesempatan kali ini kita akan membuat Widget Sosial Media di Blog - Style #1.

Hasil jadi pada Widget Sosial Media style #1 ini akan nampak seperti dibawah ini :

Cara Membuat Widget Sosial Media di Blog

1. Masuk ke Akun Blogger >> Pilih Menu Tema
2. Cari kode </style> atau ]]></b:skin>
3. Copy kode dibawah ini, lalu letakkan (paste) tepat diatas kode </style> atau ]]></b:skin>
.kurasosmed a {
    display: inline-block;
    text-align: center;
    color: #fff;margin: 0px 5px;
}
.kurasosmed a:hover {
    color: #fff;
    opacity: 1;
    transform: rotate(360deg);
}
.kurasosmed a i {
    font-family: Fontawesome;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
}
4. Copy kode HTML dibawah ini
<div class="kurasosmed">
<a style="background: #e14936;" href="/" rel="nofollow" target="_blank" title="Follow us on Google+"><i class="fa fa-google-plus"></i></a>
<a style="background: #3b5998;" href="/" rel="nofollow" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a>
<a style="background: #15cbe0;" href="/" rel="nofollow" target="_blank" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a>
<a style="background: #ff7443;" href="/" rel="nofollow" target="_blank" title="Follow our Blog Feed"><i class="fa fa-rss"></i></a>
</div>
Letakkan sesuai keinginan kalian (bisa di sidebar maupun footer)
5. Simpan Template
Ganti tanda miring (/) pada href menjadi URL Sosmed kalian
Contoh :
<a style="background: #3b5998;" href="https://www.facebook.com/surochmansota" rel="nofollow" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a>

Itulah informasi mengenai "Cara Membuat Widget Sosial Media di Blog - Style #1", selamat mencoba dan semoga bermanfaat. Goodluck !