CARA MEMBUAT TOMBOL SOCIAL MEDIA DI SIDEBAR

CARA MEMBUAT TOMBOL SOSIAL MEDIA DI SIDEBAR - Setelah sebelumnya saya membahas tentang bagaimana cara membuat widget sosial media yang keren, kali ini saya akan membahas tentang Cara Membuat Tombol Social Media di Sidebar. Untuk yang penasaran seperti apa widget tersebut, silahkan lihat gambar di bawah ini:

Cara Membuat Tombol Social Media di Sidebar

Tombol ini juga saya pasang di blog ini, sobat bisa lihat di sidebar sebelah kanan, lalu bagaimana caranya untuk membuat tombol seperti diatas, berikut tutorialnya:

CARA MEMBUAT TOMBOL SOCIAL MEDIA DI SIDEBAR:
1. Yang pertama login ke www.blogger.com
2. Pada menu dashboard pilih Tata Letak » Tambah Gadget/Add Gadget
3. Scroll ke bawah dan cari tulisan HTML/JavaScript lalu klik

4. Copy dan pastekan di bawah ini di kolom konten dan untuk judul/title boleh di kosongkan
<div id='show' style='position:relative;overflow:hidden;margin:-5px 0;'>
<div style='background:#fafafa;border:1px solid #e6e4e3;border-bottom:none !important;'>
<div style="background:#ddd; margin:0px; padding:6px 10px;">

<a href="@ryantwet" class="twitter-follow-button" data-show-count="false" data-show-screen-name='true' data-lang="id">Ikuti @ryantwet</a>&nbsp;

&nbsp;<div class='g-plusone' data-href='http://rednguin.blogspot.com' data-size='standard'></div>

<div class='clear'></div>
</div>
<div class="fb-like-box" data-href="https://www.facebook.com/BlogRyanZone" rel="nofollow" data-width="298" data-height="69" data-show-faces="false" data-stream="false" data-header="false" style="background:#fafafa;overflow:hidden;border-top:1px solid #e6e4e3;"></div>

</div>
<div class='g-plus' data-height='69' data-href='https://plus.google.com/102842489213678077219' data-rel='publisher'></div>
</div>
Catatan:
@ryantwet : ganti dengan username twitter sobat
Ikuti @ryantwet : ganti dengan teks yang akan ditampilkan
http://rednguin.blogspot.com : ganti dengan url blog sobat
/BlogRyanZone : ganti dengan username fanspage sobat
/102842489213678077219 : ganti dengan ID Google+ sobat

5. Terakhir klik Simpan

Demikian tutorial membuat tombol social media di sidebar, semoga bermanfaat. Salam Blogger!

20 komentar:

  1. slmat mlm spbat. kyknya keren ni sob

    BalasHapus
  2. wew keren gan,tapi ane udah perna nyoba ^_^

    Thanks yah
    #salam kenal

    STAR-US
    blog kita hapir sama :v

    BalasHapus
  3. artikelnya bermanfaat gan,menambah wawasan :)

    BalasHapus
  4. slmat mlm sobat. mmpir lagi sob sekalian mau nganterin kopi heheheh....?

    BalasHapus
  5. kayaknya keren ni sob widget nya, ijin comot sob

    BalasHapus
  6. selamat malam sobat renguin ...

    BalasHapus
  7. keren sob,artikelnnya mantab..
    #salam dari STAR-US

    BalasHapus
    Balasan
    1. Terimakasih sob, makasih juga udah mau berkunjung

      Hapus
  8. mantab master sangat mudah untuk dipahami.

    BalasHapus
    Balasan
    1. ane bukan maste ko gan, ane masih newbie beneran..

      Hapus
  9. Lahhh,, kebetulan amat! Saya baru pula mau nyari tutorialnya, eh sambil jalan2 ketemu sendiri, hoho. Keren sob, ta' coba dulu

    BalasHapus
  10. silahkan dicoba sob,,,
    salam kenal ya sob

    BalasHapus
  11. bagus nih, ijin nyobain kang ;)

    BalasHapus