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

Cara Membuat Widget Sosial Media di Blog - Style #5

Pilihan Editor :

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



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 !

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