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 SocialbNetwork 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/AVvXsEiuOQTeloA56ieVc0-tkrkGIjtMzrAJIvrwcx8SK6cLNa-A3XFeHbYWSKALRZ-qx6RKKBGgg27XFYe-to3sf4MfJqtOcV62lm88Z9bR-3hFb6hyphenhyphen8gPKm2OwEMyeCn4FLnIs78cP09chIUan/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GUDgH43aGbcVkWaDw7NMDYEkGwiLtVcdmSinaBxObFcfRWPmfmqbcWMz3-MXKRFHdHWmuyZkgWAZAFtUbWVnOzrsWhxLhAnWTv840PUThcuBS6RwVgD86RJwgVdb5Xq32SS9nm45IUjf/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVtE_mHxLYEq4Jx6Zh8kjKeuFg8EGwxi39lKrVVBb8GaNmJLyewhVT50xQ6mALP4UErDzwvQIjuFPZMs4lkonyZugWcUhXLKE50UVtyLK0KBEK4h-gKqWwuVn6Gge-Ib64kNBG37euV300/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/AVvXsEi1vLsjJ6fZSm1SDDnQHsQeHNG2B9-XJnST_XGenmPpH8Y9HZ8JeAXxHSvPCypoLPVmI94JaZbL1tSm2x3Th_HDvaf2C-5bY0ogTuZSgY7ItdKwiQcDC1CvHA89_2Ipfu4chQYTHXPQ7zGq/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/AVvXsEjfvNkTr1Q0f_0IA2iRJu4XbMIrXIsPmxnrVIg60npNXuDy3JO7zl4ydNmk8q6HA-h8sQdwW3xcn3V9YzZrd1JsK2I7CgzxCPzcSTnvD-NbqNX_zZG-fQYp5jfcnyRWfYMxH9698p6dGHJu/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
Ganti URL yang berwarna Merah sesuai dengan URL selera agan.
Tidak ada komentar:
Posting Komentar