Cara Membuat Widget Sosial Media di Blog - Style #6 - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Membuat Widget Sosial Media di Blog - Style #6

Pilihan Editor :

Cara Membuat Widget Sosial Media di Blog - Style #6
Penulis Bagus Surochman
0
Modus malam



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 !


nanio
Cara Membuat Widget Sosial Media di Blog - Style #6
Cara Membuat Widget Sosial Media di Blog - Style #6 Cara Membuat Widget Sosial Media di Blog - Style #6 Reviewed by Bagus Surochman on 9/05/2018

Tidak ada komentar:

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.