Cara Membuat Widget Sosial Media di Blog - Style #6

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

Hasil jadi pada Widget Sosial Media style #6 adalah seperti dibawah ini :

Cara Membuat Widget Sosial Media di Blog - Style #6

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>
.kurasosmed6 li {
display:inline-block;
}
.kurasosmed6 li:before {display:none;
}
.kurasosmed6 li a {
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 1px 3px rgba(0,0,0,.14);
    margin: 5px;
}
4. Copy kode HTML dibawah ini :
<ul class="kurasosmed6">
<li><a class="fa fa-facebook-official" href="https://www.kurazone.net/" target="_blank"></a></li>
<li><a class="fa fa-twitter" href="https://www.kurazone.net/" target="_blank"></a></li>
<li><a class="fa fa-google-plus" href="https://www.kurazone.net/" target="_blank"></a></li>
<li><a class="fa fa-youtube-play" href="https://www.kurazone.net/" target="_blank"></a></li>
<li><a class="fa fa-instagram" href="https://www.kurazone.net/" target="_blank"></a></li>
</ul>
5. Letakkan kode HTML nya terserah dimananpun yang kalian inginkan.
6. Simpan template

Note :
  1. Ganti URL https://www.kurazone.net/ menjadi URL sosial media kalian
  2. Ingin mengubah warna background? Edit saja bagian ini : background: #fff;
  3. Sisanya bisa kalian kembangkan sendiri

Baca juga :
Cara Check Nomor Telkomsel, Indosat, XL, Axis, Smartfren maupun 3 Terbaru (Update 2018)


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





Lebih baru Lebih lama