Skip to main content

Cara Memasang Widget Ikon Sosial Media Di Sidebar Blog

Cara Memasang Widget Ikon Sosial Media Di Sidebar Blog

Memasang widget ikon sosial media pada suatu blog merupakan salah satu cara yang efektif dalam mempererat hubungan pengunjung blog dengan pemilik blog.

Dengan anda menerapkan ikon sosial media ini pula, maka para pengunjung anda bisa mengetahui setiap update artikel yang mungkin anda bagikan melalui sosial media.

Ada beberapa jenis tema atau template blog yang sudah secara default memiliki fitur ikon sosial media ini, jadi anda hanya perlu mengisi link akun sosial media anda saja.

Namun bagaimana dengan mereka yang menggunakan tema blog tanpa adanya widget ikon sosial media?

Tenang saja, karena pada kesempatan kali ini saya akan memberikan sebuah cara mudah untuk memasang widget ikon sosial media di blog anda.

Untuk lebih jelasnya anda bisa melihat caranya dibawah ini:

1. Login terlebih dahulu ke blogger
2. Pada dashboard blogger silahkan pilih Tata Letak>>Tambahkan Gadget>>HTML/Javascript
3. Kemudian masukan kode berikut:
<style>
.social-proles-widget{width:100%;height:auto;padding:0}
.social-proles-widget
ul {list-style: none;oat:
RIGHT;padding: 0;}
.social-proles-widget
ul li{list-style:none;margin:0;display:inline}
.social-prole
.fa {width:50px;height:45px;color:rgba(255,255,255,0.8);textalign:center;line-height:
45px;
font-size: 2em;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s easein-out;-ms-transition:
all 0.5s ease-in-out;-o-transition: all 0.5s ease-inout;transition:
all 0.5s ease-in-out;margin-right: 5px;}
.social-prole
.fa-facebook{background:#3b5998}
.social-prole
.fa-twitter{background:#55acee}
.social-prole
.fa-youtube{background:#cc181e}
.social-prole
.fa-instagram{background:#9c694c}
.social-prole
.fa-google-plus{background:#d34836}
.social-prole
.fa:hover,.social-prole
.fa:active{color:#FFF;-webkit-box-shadow:1px
1px 3px #333;-moz-box-shadow:1px 1px 3px #333;box-shadow:1px 1px 3px #333}
</style>
<div class='social-proles-widget'>
 <ul class='social-prole
circle'>
 <li><a href='#'><i class='fa fa-facebook'/></i></a></li>
 <li><a href='#'><i class='fa fa-twitter'/></i></a></li>
 <li><a href='#'><i class='fa fa-youtube'/></i></a></li>
 <li><a href='#'><i class='fa fa-google-plus'/></i></a></li>
 <li><a href='#'><i class='fa fa-instagram'/></i></a></li>
 </ul>
</div>
4. Ganti semua kode "#" dengan link url akun sosial media anda
5. Simpan dan selesai

Jika cara diatas belum berhasil, maka anda harus memasukkan terlebih dahulu kode font awesome kedalam tema blog anda. Caranya adalah sebagai berikut:

1. Masuk ke Tema>>Edit HTML
2. Cari kode </head>
3. Lalu pastekan kode berikut diatas kode </head> tadi
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/fontawesome.min.css'
rel='stylesheet'/>
4. Simpan Tema dan selesai.


Penutup

Nah itu cara memasang ikon sosial media di sidebar blog. Dengan adanya ikon ini, maka para pengunjung anda akan lebih mengenal siapa sih pemilik blog yang mereka kunjungi.

Oke saya rasa hanya itu saja yang dapat saya sampaikan, kurang lebihnya mohon maaf. Akhir kata saya ucapkan terimakasih dan sampai jumpa.

Popular posts from this blog

Profile Biodata Foto Renie Arumsari

Biodata Renie Arumsari Nama Lengkap : Agustina Renie Arum Sari Nama Lain : Renie Arumsari Asal : Yogyakarta Kebangsaan : Indonesia Pekerjaan : Aktris, Model, MC Twitter : https://twitter.com/rerenie Instagram : https://www.instagram.com/renieas Prestasi Renie Arumsari Putri Pariwisata Indonesia DIY 2017 Putri Pariwisata Indonesia Best National Costume Putri Pariwisata Indonesia Putri Bunga Miss Tea Indonesia 2017 Miss Jogjatronik Sahabat Larissa Puteri Bandara 2013 Duta Bandara Adisutjipto Sinetron Renie Arumsari 2018 – Orang Ketiga, sebagai Kartika – SCTV Sitkom : 2015 – Kos-kosan Jogja, sebagai Gendhis View this post on Instagram A post shared by Renie Arumsari (@renieas) on Jun 21, 2019 at 10:03pm PDT View this post on Instagram A post shared by Renie Arumsari (@renieas) on May 30, 2019 at 2:47am PDT

Latihan Soal UN UNBK USBN Bahasa Indonesia SMK Paket B + Kunci Jawabannya

Latihan Soal UN UNBK USBN Bahasa Indonesia SMK Paket B + Kunci Jawabannya - Hai sobat semua, kembali lagi di situs blog paling top, dimana semua informasi bermanfaat dibagikan secara percuma. Nah, jika pada beberapa waktu yang lalu kita telah membahas mengenai prediksi soal UN bahasa indonesia, maka pada kesempatan ini pula saya akan membagikan latihan soal yang sama juga, yaitu latihan soal bahasa indonesia. Dimana latihan soal ini dikhususkan untuk sekolah menengah kejuruan atau SMK dan sederajat. Latihan soal bahasa indonesia ini bisa anda gunakan sebagai bahan uji coba untuk persiapan menghadapi Ujian Nasional (UN/UNBK), serta juga bisa digunakan sebagai bahan pemantapan materi untuk Ujian Sekolah Berstandar Nasional (USBN). Baiklah, tanpa membuang masa lagi, silahkan dipelajari baik-baik latihan soal bahasa indonesia berikut: PETUNJUK UMUM 1. Tulis namamu di sudut kanan atas 2. Bacalah setiap soal dengan teliti. 3. Kerjakan dulu soal yang kamu anggap mudah. 4. Periksa kembali pek

Pemain Asisten Cantik Naik Pangkat

@OfficialRCTI Asisten Cantik Naik Pangkat adalah FTV yang tayang di RCTI. Berikut ini adalah Pemain Asisten Cantik Naik Pangkat Layar Drama RCTI Pemain Asisten Cantik Naik Pangkat loading... Syifa Hadju View this post on Instagram A post shared by Syifa Hadju (@syifahadjureal) on May 12, 2019 at 1:47am PDT Rizky Alatas View this post on Instagram A post shared by Rizky Alatas (@rizkyalatas) on Jul 24, 2019 at 1:18am PDT Kevin Ardilova loading... View this post on Instagram Eyes, They never lie. A post shared by Kevin Ichwal Ardilova (@kevinardillova) on Jul 22, 2019 at 4:57am PDT Alfath Rivansyah Dieno Ramli Savira Kaunang Havida loading...