Facebook Twitter
Bookmark this page

Senin, 18 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/AVvXsEj1N99UEQB8DkRs1h8AQPMR1w9ul3s0JJMva5_4KdqY0Qsa1SIXyxD9BbG433s300m1HRRR14ZhxTqkuoCxw2Rdrnc0WsLgiaH3B6x9JmH34schVRK9Wuwyc1nNDr6NAAG_lE4y9rUYSKuA/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVwVC_2Q8K6Dp0SW8eV171DdxBq0u6igJ_Uk17Y0iO4GEVmdjTucyziVDUwqrDVbfmBTMVfWHQJpXfVnASNjLIzsRfboHnskQe_i8klx-wU8dZNUlc5N3h3kVDG_alH3Hz5ivwFx62i6c/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtIo-XI_Dz2GZiPgSWT-UO4Dzud0rXZLcIixv_swmOKke9wHKD4X44GmLG78fHa5Yah37lFvYIc23IMAIna4WYi5SvZWlqd94wos1I1YVlHExH5NsA0VlAEmfDnLuF5ZrU3eLzBScT1i70/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/AVvXsEizJRzDlUq7bUcT6ymYWscd5KQTlf1aM3zKrpS1R15KnFA-KXzqjMQr6cYNAwOsOojYSPdmygBBn4p1d9p6HQKzIP9jpmfZ30odA19AVsPIi_Hyqjc_MX6H8twMSsosRmsCsJUKOBRl1An4/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/AVvXsEhp0L24csrymZ35C-dbA9dpRfrtk5uuqUxeGZQ3dsLo5j4ki01HTjIqx32RrRCCll_fdTXdva4FOmp3UJdfDf1acMbJSnXiMl33MkPb_LJOIKNEYKPVPqXjOBgZXixdeL4H-G68iGkqBtcn/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

belajar seo,seo indonesia,jasa seo murah,tutorial seo,jasa seo,tips seo,blog seo,template seo,optimasi seo,cara daftar blog,daftar blog dofollow,chrome offline installer,feedburner,read more blog,widget blogger,gadget blog tips and trik komputer,belajar computer,tips tips komputer,komputer software,download software internet,cara adsense,blog adsense,googleadsense,adsense blogger,blogger adsense,alternative adsense,cara memasang widget blog,blogger,trik blogspot,membuat blog keren,tutorial membuat blog,tutorial mempercantik blog,tutorial blog lengkap,cara membuat blog,free template blog,cara membuat blogger gratis,tutorial untuk blog,buat blogger baru,tutorial web design,free widget for blog,cara membuat widget,download template untuk blog,tutorial design blog,template gratis,tutorial blogspot lengkap