Tips, Trick dan Cara Membuat Widget Social Subscription Penuh Warna

Untuk kesempatan ini, saya akan membagikan sobat blogger kode singkat untuk membuat widget Social Subscription. Bentuk dari widget ini sang...

Untuk kesempatan ini, saya akan membagikan sobat blogger kode singkat untuk membuat widget Social Subscription. Bentuk dari widget ini sangat bagus dan penuh warna. Setiap Icon Social Network dihiasi oleh warna background yang colorful dan bundar. Silahkan lihat langsung melalui screenshot di bawah ini!

Cara Memasang Widget Social Subscription di blog

• Masuk ke laman blogger.com
• Pada menu drop down, pilih layout dan klik Add gadget
• Add HTML/JavaScript dan Copy paste kode berikut pada kolom yang tersedia

<h2 class='title'>Subscribe</h2> <div class='widget-content'> <style> #social { margin: 15px 0 5px -15px; width: 300px; height: 40px; text-align: center; } #social img { margin-left: 3px; margin-right: 3px; } #social img:hover { opacity: 0.6; } </style> <div id='social'> <a href='URL-TWITTER-SOBAT-DISINI'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZi2ZvLdZgw80sfcpXXFz7RwO_voHXu55KvExZCnxPjb9YEBiGM0CKbn1bGY-wvOfrnOEBTW-2eI0MjTjosWH-t9dOOMMpVXlOHPyX7NkIZ_OU6slzdxp59CN4pzTUgzSuZqjm8jRpbX3Y/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjiCMJKyhkuBYR5XjGlXXEibBo4zhs9Bk0bwo9BHahUUczYxYxdyLYG4iXOKQJvJMD0l6aFjYzjQszvA8HGYJX38pK_9haJItqvVRUWKitJ3Vh6mUMGckPAc39sUuDu4uZc9vxI17JLm6B/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiq4gU9Rp6CmiJgrFqYXuwp9Ceqz1kkJyWx0S6Nlrg2RZ9CviGPFt9ZfmoeSA3IJqVBIGp_E93qcYCaFFQ9T8z7sRvnIuh2Ae-NNBK2MEuxazQYLqkj4FZFDMUu0IqP_IaLQF0mxus8tGu/s1600/facebook.png' title='Facebook'/></a> <a href='URL-GOOGLE-PLUS-SOBAT-DISINI'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYbenkLRrcTgLmUFIdzxNSGBnahnt7BiReF2-F9k6ivKDiLn6qvnBnEHncBHbws1TtbeYSG4x1iLy5bx1hlPntlY_OTlyubo6SNNnOFgick1KI5COhKBjLQl4Kq17ajbSOIqt4OC5qQuvt/s1600/google%252B.png' title='Google Plus'/></a> <a href='URL-YOUTOBE-SOBAT-DISINI'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdaNmMUC9x0xpIVmS2DDN847AsQ8rFrRsDJhbAM17P149vHZ9C1fOYwJlI0noV2Gh8WerqfUK4uW9x_hjLwEcEJ9Hof8pmkyVnK8PZBX8TY-TJFx29r2X8r1Dxhhepn0g_lnrLoG4g0O8/s1600/you_tube.png' title='Youtube'/></a>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x53\x6F\x63\x69\x61\x6C\x20\x53\x75\x62\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x42\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>

• Simpan widget sobat

sumber: tutorialblogspot