Cara menambahkan icon media sosial di vio magz widget blog

Vio Magz - Siapa yang tidak tau dengan tema blogger yang satu ini. Ciri khas warna biru serta desain yang menarik menjadi nilai tersendiri dikalangan blogger indonesia. yaa, tema tersebut adalah VioMagz buatan Mas sugeng.id. Mas Sugeng sendiri sudah dikenal seluruh blogger indonesia bukan tanpa sebab, Karena Mas Sugeng sudah menciptakan tema blogger yang dipakai para blogger indonesia salah satunya Vio Magz Seperti Yang Saya Pakai Saat Ini.

 

Nah, kali ini saya akan memberikan tips Cara Menambahkan Icon Media Sosial Pada Footer VioMagz agar tampilannya lebih cantik seperti yang sudah saya pasang diblog saya dibagian footer. Jika kalian lihat dibagian Bawah Footer saya ada tombol media sosial. Itulah yang akan saya berikan kepada anda. Mau tau caranya? Simak pembahasan berikut ini.

1. kalian masuk ke dashboard Blogger kalian. Lalu pilih Tata Letak

2. Jika sudah kalian scroll ke bawah dibagian Widget di Atas Footer kalian klik Tambah Widget

3. Maka akan muncul macam-macam Widget. Disini Kalian Pilih HTML/JavaScript

4. Kemudian di bagian Judul biarkan kosong Di bagian Konten kalian isikan Code Script yang saya taruh dibawah

  <ul class='nav-social'>

  <li><a class='fcb' href='#' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></i></a>
  </li>
  <li><a class='igicon' href='#' rel='nofollow'><i class='fa fa-instagram fa-2x'/></i></a>
  </li>
  <li><a class='wa' href='#' rel='nofollow'><i 
class='fa fa-whatsapp fa-2x'/></i></a>
  </li>
  <li><a class='gpl' href='#' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></i></a>
  </li>
  <li><a class='twt' href='#' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></i></a>
  </li>
  <li><a class='ytb' href='#' rel='nofollow'><i class='fa fa-youtube fa-2x'/></i></a>
  </li>
</ul> 

Silakan kalian edit yang bertanda merah/# dengan URL akun media sosial milik Kalian.

Untuk menghapus salah satu icon media sosial, cukup hapus dari kode :

                        <li><a sampai </li>

Misalnya ingin menghapus icon twitter, Maka cukup hapus kode ini :

 <li><a class='twt' href='#' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></i></a>
  </li> 

5. Jika sudah klik Simpan/Save.

Nah, gimana mudah bukan? jika kalian mengalami kesulitan kalian bisa komen dibawah. oke, sekian.

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: