Minggu, 17 November 2013

Cara Membuat Widget Social Subscription Penuh Warna

Dalam satu minggu, tutorialblogspot.com melakukan update terjadwal sebanyak dua atau tiga kali. Saya selaku Author tidak pernah menulis posting kemudian langsung dipublikasikan. Saya masuk laman blogger.com, terkadang satu minggu sekali, dan tidak jarang satu bulan sekali. Jadi, buat sobat blogger yang bertanya melalui komentar Google Plus kemudian tidak mendapatkan respon secara langsung, saya mohon maaf yang sebesar-besarnya. Kurangnya waktu saya untuk blogging disebabkan oleh pekerjaan saya yang tidak bisa ditinggalkan.

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!

Widget Social Subscription,widget jejaring sosial,widget social network,widget twitter,widget facebook,widget feedburner,widget google+,widget youtobe

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/AVvXsEgKffGsM38vtwfsG_Oh7OKJSfnJuFrNTXWXegwgDgv3NVUic5Wyxnt2CMIIzZuh6znEYSRfb0Opzhfvpgnwn4PznQT1jc4-H5DHPs9vcuwe2C4LMo5i5IQViZqZ7dVh1AS6yWn7mJjcSSVm/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR52ehYW2PzmFoSriygXHONRRpztStKGnyQM6_zz1Jqdt5nUCOi9S3j0cJLcgfFVD4qTIQnz-wAkxHEzn0OyrOYk6iqW3J3SqJmxAkrPq4PiyO7o_hy-00XPQeFtDHojLBmkVTusX07Jhp/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjInP_naCY8m2V6BJccZg1Fpa7D9-dAqDY62Tst5r_fvEBnu1Q1GF7JcSdiVMMr30fAQmZtVkl7lYtIeMW9mNB-_dw0SAVzV7J0-jgrn2QJS7_vkpL68VqPtrwLVlA18kpYoiwPxqtZItwW/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/AVvXsEjcV7WKSqZVH0CjUXfpCmaCO05FNH4ZNG8pXcYVEsE6cnQ1qMblajaAOXOuGHJIbuKnR6TjXGmo__CVmEO36ziK7VYNp7gjSPpt4qE7rR_M-fnDpqprXlOLicTbF28OBjpvBMfsnE4q-UnV/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/AVvXsEiRYHbUmVcwfhfNKn9ujAZDoawl5PGhcsX4FWVD6eOwc3NdWuDBhQywhVN-tK8hwua2Bcvp8ff7wosfkATo3jt-GfFsrKjW-xZhxjW3nbLOyZ7EVGCQu53fsvHeE9a1LAGckSurBo8pKMzS/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

Tambahan :
Ganti URL yang menggunakan huruf Capital dengan URL sobat

Tidak ada komentar:

Posting Komentar