Cara Membuat Tombol Sosial Widget di Blog

Sebelum kita bahas tentang cara membuat tombol sosial widget kita mengenal dulu apakah fungsi dari tombol sosial ini. fungsi dari sosial widget ini hanyalah media yang menghubungkan pengunjung untuk mengarahkan ke halaman sosial media yang kita kelola seperti ke halaman Facebook, Youtube, RSS Feed, Google Plus atau ke Pinterest agar pengunjung blog kita dengan mudah mengikuti setiap artikel yang kita update ke media sosial. keuntungan dari widget adalah Optimasi SEO OffPage yang kemarin saya paparkan.

namun sebelumnya sobat blogger tentu sudah mendaftarkan blog atau website yang sobat kelola ke media sosial kalau sobat belum mendaftarkan website sobat baiknya sobat daftarkan dahulu dan jangan lupa ambil link/URL yang mengarah ke halaman media tersebut.

disini aku hanya berbagi tomnol yang mengarah ke halama 5 media sosial yaitu Facebook, Youtube, RSS Feed, Google Plus dan Pinterest kelima media sosial ini aku anggap paling mungkin di sukai oleh pengunjung untuk saat ini. klau belum membuat dari salah satu media sosial diatas baiknya silahkan daftar dahulu.

langsung saja kita mulai tutorial ini, aku anggap sobat sudah mendaftar ke 5 media sosial diatas. langkah-langkanya sebagai berikut :
1. silahkan login ke blogger.
2. silahkan menuju ke tata letak
3. silahkan tambah widget dan klik saja tambah HTML.
4. kalau sudah kalian buka halaman tambah widget HTML silahkan masukkan kode dibawah ini ke kolom yang telah kalian buka.

<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>
<div class='social'>
<span class='fade'><ul>
<li><a href="http://facebook.com/ID-SOBAT"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjb46nm490B5_LMtF1GhT7Dys92KAKVIyOFUszQ0fb-CYtLzGo0s3bXYEhjz2pxx9JjveQxQu96srm64yf3VVU4oR_luyt64PJM3ru0rxopncIocVt4rR11FRjGaHU3U3R0wfHdyL07S2/s57/Facebook%2520alt%25201.png" /></a></li>
<li><a href="https://plus.google.com/b/ID-SOBAT"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtG2yOkZlApXhgisoqqlbKH0X35MGEBdXtv8shgJYfoUv_NDL010GV0RcnsZvobybSpwHS9Z2W3HS25agclvwJlF4qdjRQrDW2mbYGlONyScTwSGY1FGmrKGoxYHea-SRocTUYkedMVAKw/s57/Google%252B%2520alt.png" /></a></li>
<li><a href="http://pinterest.com/ID-SOBAT"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUFrDLc159Yg3NeUcqMOklG8V-GEqilTMXJQJL8yMBKmnXzcGEMRMoWKby8QOFJEYDzVLN7DFprBnkv3jffuptkGu7LKXDijwKvlA_kEQg1YwXt7HnX5cA6hEXY3-OFTyfbQeC-Vd8kHd7/s57/Pinterest%2520alt.png" /></a></li>
<li><a href="http://feeds.feedburner.com/ID-SOBAT"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujZEFhxw0-47wWS5nfAvCIM_lgFr40mG7aWMkO-fUNUaQT0WWa_Hf4yzYYqiPQDhSEJ4bW7eMG3cYVFXS6M2k29QPPY_sOjbJBiyPYORMMLEKXT8Si-h9Llz8moxkbdPEpoPg6V2_ZA3c/s57/RSS%2520Feed.png" /></a></li>
<li><a href="http://youtube.com/ID-SOBAT"><img style='width:60px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirR8efBHXGy8cq0DnzPlYtto22TImtkte2lBc20TymuaaVWItCxAi4IcoL1izcQzxyurhVLsZLKY2hJoiDAGWIs92VzkDDmXE1UPvcmbIYUrMKVeKZon9i0eiFbV-innO9L_p4MAN0u2mo/s57/YouTube%2520alt%25201.png" /></a></li>
</ul></span>
</div>

silahkan kalian ganti warna merah yang sudah aku tandai dengan ID kalian atau langsung ganti URLnya.

5. sekarang sobat simpan dan sobat lihat hasinya.

itulah langkah-langkah untuk Cara Membuat Tombol Sosial Widget di Blog semoga artikel yang say bagikan ini bermanfaat buat sobat blogger. jangan lupa ikuti blog ini dengan memasukkan email dibawah agar sobat bisa tahu update terbaru dari Blog Giga Watt. selamat mencoba semoga sukses happy blogging.