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 #2.
Hasil jadi pada Widget Sosial Media style #2 ini akan nampak seperti dibawah ini :
Cara Membuat Widget Sosial Media di Blog
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>
.kurasosmed a {
display: inline-block;
text-align: center;
color: #fff;margin: 0px 5px;
border-radius: 100%;
}
.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 #2", selamat mencoba dan semoga bermanfaat. Goodluck !