1. login ke akun blog sobat
2. Klik Tambahkan Gadget dan klik 'HTML/Javascript
3.Masukan kode di bawah tepat di dalam kolom HTML/Javascript
<style>
.metro-social{width:315px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .facebookbt,.twitterbt,.googleplusbt,.pinterestbt,.linkedinbt,.youtubebt,.rssbt{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .facebookbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7E4L_vIOQKwXTXKzJfA40SdPAGEWdZmff3qtjtg0USa8wi5P4zkr44QBpwOxu_nh6pNhVkd_lZxfA_pyZ6Hp52ukkiLviT4EvrfTa2txWRDwVC2oG1Ewn_0b-eA5tu2obeaFmXP62Ag/s1600/bt-facebook.png) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .twitterbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUVhPaLDCxVpvY0O1XnM082wF2o0i7UwMx12JSK7i-tO6TGkLt3HzPkVaocnZYrGuQG-vl53XI5bFYJBJo-I9sP44g2L8fqjqBW064B8aMvZB6UHS96ZPsWyJ6hjFyj-62_rC5O7FnsrU/s1600/bt-twitter.png) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .googleplusbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLpfg3BzE13KO0PtH8lxg1VEQralAWeDfkGKUGaVsAEIRc4ETBjumFQamX5l9nLuYzycKMojSfMHeS6x2zyG_UOCyuGquoRaHTvs0J-UUQahHS4obotZBFfCH5OIfYujsDlD72liezpA/s1600/bt-google+plus.png) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pinterestbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rUHuon4Phmx4SN-rO0j7Nn56Kb2z41I6yIJosdvnEwAY_yo-hQP2BflBfwnceuUPKcf8ghleyrTq-bg3CUgxL5uXvXkk74iCZZdk0c27K4-7vE0AQVTDkdR-tXodvhUROsHLrWvdVGE/s1600/bt-pinterest.png) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .linkedinbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht_b2EbPepi611CWXgZq7cnaRBVy0DrIq5Qy4oFnp3AnBlK5TKanJ7TVWXslMll8uW85rbTsQB22hbDxDQQN9EBpPBKFOPhZXtq7L1gjE8INUKTK2oApgTK37b0s6MnSX4DOunQfcQI4E/s1600/bt-linkedin.png) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .youtubebt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YKgGYTx9DWlbU4IThfrWNBUC0PYiJNN5nLhW9-7IxmqDAUUKV412fp0kCwpDHt8rBZYQhKntkwervAOJXQ3WH6MuGTKS0mUV4HMa__oL1ZIks-eEa4Sm4GcZaHmHo2HXNUJwKltDsWE/s1600/bt-youtube.png) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .rssbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSElzJXlgBgHvHMj0NDIw9-gJZkzJDG3VbvIG3GnCEQ75qSILi75viQpqz3cnzTvM1au-5oO4ZhVWr64mUJNLx2xHgT_AHeGEt03B1nlgcnYJXW787EcDeJTn-WhsnLroWpCCpR3-OOk/s1600/bt-feed.png) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .facebookbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3zayTxZsgsmnxrAu66kAV9vcXXzlM0IfMlD1InFqFdrDX977bNIjLtRx1NhtH5mzGJOXI4oC1qNb9ZpoY2wMz2rN0E5Q5wnc2fh2OsuQ4krTbdUqTL-aVBUhMdp9K5UFFtI5Qj-Oqjmg/s1600/bt-facebook.png) no-repeat center center #1f69b3}
.metro-social li:hover .twitterbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQLlOHjLQfEIcp4x91sOlsPbaZzslKWf4OL4uEITY-texlieHKjvvf4Bo0bgEQcnZfYxKDPTtI_rqhgETlZcXTSvVa4Q07clK2oVuPL0u-mSXGdoM-5FrZzrjynsVg9eMea_5WNuyQ6E/s1600/bt-twitter.png) no-repeat center center #43b3e5}
.metro-social li:hover .googleplusbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLJblWQ34Ml05tOfluWp1Po3CF-UTdiX6tJv2i3VIzkorY0Wx0r0pCCwArcaoahU1C0SDB5ypttYr0E6UGHQQrMBPYaK0-hG0mMurdOBOIq7h1saLmtl5SnhlTCFqUf7LvFyvkW46pmWA/s1600/bt-google+plus.png) no-repeat center center #da4a38}
.metro-social li:hover .pinterestbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDjhCglN8-MSstU2AKkh2D4cNNxMDKMufIgFS10r27U0bHUSBY0b3LERkMW5n5_xJX7oJCJNVkHuCwneCt2cWBNlNVnDsTKTqNnrFgVsLj9c8X3IHoY3lIbHLMz5LFb5fPHJARdq5CBwc/s1600/bt-pinterest.png) no-repeat center center #d73532}
.metro-social li:hover .linkedinbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgYqT7gq5k56w4SixeM_Cn8ihd4PbWBJ0ovw08ZfL-w9UaFt-SH3-ZNecvtgjk-2tpgIULZDvFAUQmm9lTq_sIxw7X7rT9QMs3TlVW3MoLgGhCegzoZw1KEaVVOTTaV15sAKmjW5gP9Y/s1600/bt-linkedin.png) no-repeat center center #0097bd}
.metro-social li:hover .youtubebt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAfvo_eDf1TmIgOvEHxr9Sg0NgOvXc3mv7KrZvxuYDLmIr6gFQKa5y_7JkkTrEcq-V4xYENY8h3pJgDJemSqk8Pg6SXaHfM0hFyEBy_-QR_VYsLzLU62w_x4iWi4-Kcu_3vX4GCEI3D8/s1600/bt-youtube.png) no-repeat center center #e64a41}
.metro-social li:hover .rssbt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3mjqktQCssTTVzfJjDH1z1nJrYq1AQiGUSm26A53TH-LOF_ducx2fpYo2z-CO8iZ60v0aaDPpbjQ3ioOs-y2sD9Aw-i82oNcP89yaOg7ERVFLT5Nc59Frg67BiXsnmnkfedwtOtPNQqg/s1600/bt-feed.png) no-repeat center center #e9a01c}
</style>
<div class="metro-social">
<br />
<li><a class="facebookbt" href="http://www.facebook.com/henry.dwiseptian1"></a></li>
<li><a class="twitterbt" href="https://twitter.com/heennryy"></a></li>
<li><a class="googleplusbt" href="https://plus.google.com/u/0/114710454551954318308"></a></li>
<li><a class="pinterestbt" href="http://pinterest.com/Henryds1"></a></li>
<li><a class="linkedinbt" href="https://www.linkedin.com/username"></a></li>
<li><a class="youtubebt" href="http://www.youtube.com/username"></a></li>
<li><a class="rssbt" href="http://feeds.feedburner.com/henry"></a></li>
</div>
Perhatian :
Ganti henry.dwiseptian1 dengan nama pengguna Facebook Anda
Ganti heennryy dengan Twitter Nama
Ganti 114710454551954318308 Dengan Google ditambah profil ID
Ganti Henryds1 dengan ID Pinterest Anda
Ganti username dengan LinkedIn ID
Ganti username dengan ID Youtube Anda
Ganti henry dengan Feedburner ID
4.Klik Save dan lihat hasilnya, Semoga Bermanfaat..
Tidak ada komentar:
Posting Komentar