Cara Membuat Widget Sosial Media di Blog - Style #5

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

Hasil jadi pada Widget Sosial Media style #5 bisa dilihat pada bagian kiri pada artikel 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>
.sosmed5{position:fixed;top:50%;left:0;margin-top:-80px;z-index:999;}
.sosmed5 ul li{display:block;}
.sosmed5 ul li a{font-size:20px;color:#fff;background:#42bc7f;height:40px;width:40px;line-height:40px;text-align:center;display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.sosmed5 ul li a:hover{width:50px;}
.sosmed5 ul li.facebook a{background:#425F9C;}
.sosmed5 .ul li.twitter a{background:#1DA1F3;}
.sosmed5 ul li.instagram a{background:#E21B75;}
.sosmed5 ul li.pinterest a{background:#CB2028;}
li:before{display:none;}
4. Copy kode HTML dibawah ini
<div class="sosmed5">
<ul>
<li class="facebook"><a href="https://www.urlsosmed.com/"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="https://www.urlsosmed.com/"><i class="fa fa-twitter"></i></a></li>
<li class="instagram"><a href="https://www.urlsosmed.com/"><i class="fa fa-instagram"></i></a></li>
<li class="pinterest"><a href="https://www.urlsosmed.com/"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
5. Simpan Template
Ganti https://www.urlsosmed.com/ pada href menjadi URL Sosmed kalian

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






Lebih baru Lebih lama