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

Cara Membuat Widget Sosial Media di Blog - Style #2

Pilihan Editor :

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




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 Tema
2. 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 !
nanio
Cara Membuat Widget Sosial Media di Blog - Style #2
Cara Membuat Widget Sosial Media di Blog - Style #2 Cara Membuat Widget Sosial Media di Blog - Style #2 Reviewed by Bagus Surochman on 7/13/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.