Memasang Tombol Sosial Media Keren Di Blogspot

     Memasang Tombol Sosial Media Keren Di Blogspot | Tombol Sosial Media memang memiliki bayak variasi, seperti yang sedang saya bahas ini. Tombol Sosial media ini cukup keren dan kalau dipasang di blog cukup bagus akan sedikit mempercantik blog atau website.
Untuk memasangnya pun tidak perlu mengotak-atik Script Html di blog, baiklah sekarang ikuti langkah-langkah di bawah ini :CEKIDOT>>

___________________________________________________________________________________

Langkah Pertama :

1. Login Blogger
2. Pilih Tabs "Tata Letak"
3. Cari dan Pilih "HTML/JavaScript"
4. Masukkan kode di bawah ini di kolom konten "HTML/JavaScript"

code:_______________________________________________________________________________

<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/NamaAkun" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOPngddNBMOGWnhHFer9Romn5xXKavcQYD9PsHq-lqVzfBZA1UcNJwcb_b9UpDYH9k_1oa3Ywo08g-X5PxCLohnkVnJLZCmJSU14Xp2_V4AhuHVxWHORNUBLppMRVFa4_dKdwbpB5yfiV/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/NamaAkun" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90vBQtcjaVxju8Pt4QHjd50eTIXEf05LiqX-NF3QlJjbvxzHbYD1R4tJLkW6pCkDEI70iY0jVzoyYwgz5_z7lPCAEIon-vWOzHVsjsOqpdVkbT87mYUE2jOJKFegkWk_bczKlbIs_68ps/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/NamaAkun" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_VgKz0ioX43KREai9IJ3ob2AHw5pUH0KpFl-G1HhfsHP_Ms94PQtaJK9fR4dG1mMm7t9YqL9RqDQkAXbwbkpPOFN-fKX52uFrPMdLRHPXgCFmtcHaQXTTd741PoanL6Pb17uKznFPHFG/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/106217413057730068740" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxtq0TKV2f42Jb482DATlT7Lqwh9NbOz1sAYxTyDy95J3P29k_YXH8S0nEbq7_NKD9sAb5ffYoUEUjwKCcxrzPafMF_ZmdDQ04wL0aTSzcbv4M481HUYQ-f5e9UwmirC60xjsfJUzmXc7/s1600/google-48.png" /></a></td>
</tr></table>
</div>

___________________________________________________________________________________

Perhatian :
- Ganti kode warna Merah dengan Akun Sosial Media anda
- Ganti kode warna Hijau dengan kode Google Plus anda

Langkah Terakhir :

5. Klik "Simpan"
6. Selesai

 

<<= Print This Page