Cara Memasang Widget Sosial Media di Sidebar Blogspot

Cara Memasang Widget Sosial Media di Sidebar Blogspot

Pengertian sosial media adalah sebuah media secara online ( daring) yang fungsinya untuk komunikasi antar sesama baik individu maupun kelompok, misal dengan keluarga, teman atau relasi bisnis, dan yang dimaksud didalam relasi bisnis dalam sosial media adalah suatu network building dalam menjalankan kepentingan bisnis. 

Sejarah Sosial Media dan Perkembangannya, pada tahun 2002 telah dikembangkan sebuah aplikasi sosial media yang cukup populer yaitu dengan nama Friendster. 2 tahun kemudian, yaitu pada tahun 2004 telah dikembangkan Flickr dan masih ditahun yang sama juga muncul Facebook sebagai media sosial di internet. Dan berikutnya pada tahun 2006 telah dikembangkan sebuah aplikasi sosial media yang bernama Twitter.


Peranan Penting Sosial Media Online untuk Website atau Blog, Sosial media sangat berperan penting untuk kepentingan website maupun blog yang diantaranya untuk penjangkauan pengunjung, komunikasi interaktif atau bahkan sebagai media untuk mempromosikan suatu produk maupun jasa pada website atau blog.


Bagaimana cara memasang widget sosial media pada sidebar blogspot? Itu tidak terlalu sulit, dengan cara mudahnya ikuti saja langkah – langkahnya sebagai berikut ;

  • Langkah pertama adalah login ke akun blogger
  • Kemudian klik Tata letak  – Tambahkan Gadget – kemudian pilih HTML/Javascript, seperti gambar dibawah ini ;

  •  Langkah berikutnya yaitu, silahkan copy paste kode dibawah ini akan tetapi jangan lupa untuk mengganti tanda pagar (#) dengan akun sosial media yang akan kita digunakan pada website / blog. Kode nya ada dibawah ini lalu klik simpan ; 

<style>
.social-profiles-widget{width:100%;height:auto;padding:10px 0}
.social-profiles-widget ul {list-style: none;float: RIGHT;padding: 0;}
.social-profiles-widget ul li{list-style:none;margin:0;display:inline}
.social-profile .fa {width:50px;height:45px;color:rgba(255,255,255,0.8);text-align:center;line-height: 45px;
font-size: 2em;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;margin-right: 5px;}
.social-profile .fa-facebook{background:#3b5998}
.social-profile .fa-twitter{background:#55acee}
.social-profile .fa-youtube{background:#cc181e}
.social-profile .fa-instagram{background:#9c694c}
.social-profile .fa-google-plus{background:#d34836}
.social-profile .fa:hover,.social-profile .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-profiles-widget'>
 <ul class='social-profile 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><div class='clear'/>
  • Langkah terakhir jika akun sosial media yang telah dipasang pada sidebar itu tidak muncul, yaitu dengan cara Klik TemaEdit HTML . Sebelum </head>, tambahkan kode  dibawah ini ;


<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>



Demikian didalam artikel telah membahas, cara memasang widget sosial media di sidebar blogspot. Semoga bermanfaat, Terima Kasih J
 


0 Response to "Cara Memasang Widget Sosial Media di Sidebar Blogspot"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel