Blog Wayan Kelor - Hari ini saya akan bagi-bagi tutorial lagi yaitu cara memasang tombol like+follow+join di blog. Mengapa anda perlu memasang tombol sosial media tersebut di blog anda? Jawabannya sudah tentu agar seseorang/pengunjung dapat memantau dan mengikuti setiap update informasi dari setiap artikel terbaru dari blog kesayangan anda.
Terus bagaimanakah caranya memasang widget sosial media tersebut? Untuk itu simak saja terus artikel ini.
Sebenarnya terdapat berbagai jenis dan varian widget sosial media yang bisa digunakan untuk blogmu. Namun berhubung judul artikel ini hanya meliputi tombol
like facebook, follow twitter, dan join this site, maka saya hanya akan memberikan javascript dari ketiga tombol tersebut. Untuk itu mari kita simak langkah-langkahnya.
- Langkah pertama pasanglah terlebih dahulu widget jenis HTML/JavaScript di sidebar blog anda. Bila belum tau widgetnya bisa dilihat seperti gambar berikut.
- Kemudian pasang kode berikut di kotak yang telah disediakan. Untuk judulnya isi terserah anda, kemudian klik simpan.
<center> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fwayankelorblog&send=false&layout=button_count&width=85&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:21px;" allowtransparency="true"></iframe><br/> </center>
<center> <a href="https://twitter.com/Supri_Andika" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @Supri_Andika</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br/></center>
<center> <a href='http://www.blogger.com/follow-blog.g?blogID=2255380720070320254' target='_blank'><img alt='Join this site' title='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAE1vl6g870wA9wJrRvK8SVA81iCcdl5VBfh2k8BevyIHjX_A5TlMkNAobmlaAlVAieauKfcv87Rt3YUsDedDai1RT19DWYxSZYtY_U_UQWyAtM6A4YvPOLZNNQiWJusQ19JFacERjJTs/s800/Join%2520This%2520Site.png' height="21" width="109"/></a><br/> </center>
Keterangan :
- Warna biru ganti dengan alamat fanspage anda
- Warna biru muda ganti dengan alamat twitter sobat
- Warna orange ganti dengan ID blogger anda
Bagaimana, mudah kan? Demikianlah tutorial saya hari ini tentang cara membuat tombol like, follow, dan join bersatu dalam satu widget menggunakan HTML/JavaScript untuk blog. Sekian dan terimakasih.
Title : Cara Membuat Tombol Like, Follow, dan Join Bersama Di Blog
Description : Blog Wayan Kelor - Hari ini saya akan bagi-bagi tutorial lagi yaitu cara memasang tombol like+follow+join di blog. Mengapa anda perlu mema...