Cara Menerapkan Widget Ikon Sosial Media Di Sidebar Blog
Memasang widget ikon sosial media dalam suatu blog yakni salah satu cara yang efektif pada mempererat interaksi pengunjung blog bersama pemilik blog.
Dengan kamu menerapkan ikon sosial media ini juga, maka para pengunjung kamu dapat memahami setiap update artikel yg mungkin kamu bagikan melalui sosial media.
Ada beberapa jenis tema atau template blog yang telah secara default mempunyai fitur ikon sosial media ini, jadi anda hanya perlu mengisi link akun sosial media kamu saja.
Namun bagaimana beserta mereka yg memakai tema blog tanpa adanya widget ikon sosial media?
Tenang saja, sebab dalam kesempatan kali ini saya akan menaruh sebuah cara praktis untuk memasang widget ikon sosial media di blog anda.
Untuk lebih jelasnya anda dapat 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 instruksi berikut:
<style>.social-proles-widgetwidth:100%;height:auto;padding:0.social-proles-widgetul list-style: none;oat:RIGHT;padding: 0;.social-proles-widgetul lilist-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-facebookbackground:#3b5998.social-prole.fa-twitterbackground:#55acee.social-prole.fa-youtubebackground:#cc181e.social-prole.fa-instagrambackground:#9c694c.social-prole.fa-google-plusbackground:#d34836.social-prole.fa:hover,.social-prole.fa:activecolor:#FFF;-webkit-box-shadow:1px1px 3px #333;-moz-box-shadow:1px 1px 3px #333;box-shadow:1px 1px 3px #333</style><div class='social-proles-widget'> <ul class='social-prolecircle'> <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>5. Simpan serta selesai
Jika cara diatas belum berhasil, maka anda harus memasukkan terlebih dahulu instruksi font awesome kedalam tema blog anda. Caranya merupakan sebagai berikut:
1. Masuk ke Tema>Edit HTML
2. Cari instruksi </head>
3. Lalu pastekan instruksi berikut di atas instruksi </head> tadi
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/fontawesome.min.css'rel='stylesheet'/>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 yg mereka kunjungi.Baca Juga
Oke saya rasa hanya itu saja yang mampu saya sampaikan, kurang lebihnya mohon maaf. Akhir kata saya ucapkan terimakasih dan hingga jumpa.
0 Response to "Cara Menerapkan Widget Ikon Sosial Media Di Sidebar Blog"
Post a Comment