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 Tema2. 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 :
- Ganti URL https://www.kurazone.net/ menjadi URL sosial media kalian
- Ingin mengubah warna background? Edit saja bagian ini : background: #fff;
- 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 !