Cara Membuat Widget SosialMedia Keren

Social media adalah suatu alat atau media untuk menghubungkan antara blog dengan media lainnya seperti Facebook, G+, Twitter, Youyube, dll. Social media mempermudah pengunjung untuk mengikuti setiap postingan artikel-artikel terbari yang di psting oleh blog yang di ikutinya.

Nah bagi sobat yang lagi nyari social media yang keren untuk di tempatkan di blog sobat seperti blog saya ini, Silahkan simak langkah-langkahnya sob.

Berikut langkah-langkahnya:

1. Buka blog sobat.
2. Pilih Tata Letak
3. Lalu klik tampahkan gadget
4. Kemudian pilih HTM/JavaScript.
5. Copy code script berikut ini lalu pastekan kedalam HTML/JavaScript tersebut.

12 <style>

            .fixedmenu{ background:url('http://1.bp.blogspot.com/-FaeRKNmFDX8/Ud16d2_PZFI/AAAAAAAAAsM/5xugOK5YAuE/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:160px; z-index:1000;}

            .fixedmenu1{ background:url('http://3.bp.blogspot.com/-W7Z5XKfLWd8/Ud16eM8AadI/AAAAAAAAAsQ/cv7fgYD5fiE/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:160px; z-index:1100;}

            .fixedmenu_1{margin:0px 0 0 43px}

            .fixedmenutw{background:url('http://1.bp.blogspot.com/-WeUDB_HkbWA/Ud16fP78JoI/AAAAAAAAAsk/1k2WNVRCBvo/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:205px;z-index:1000;}

            .fixedmenutw1{background:url('http://1.bp.blogspot.com/-AEj1b-df974/Ud16fs5CVkI/AAAAAAAAAss/HYNXT4cJpPI/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:205px; z-index:1100;}

            .fixedmenutw_1{margin:0px 0 0 43px}

            .fixedmenufb{background:url('http://1.bp.blogspot.com/-hj1nQIe4NPQ/Ud16cbNkV1I/AAAAAAAAAr0/EswfGA-rVjM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:250px; z-index:1000;}

            .fixedmenufb1{background:url('http://4.bp.blogspot.com/-umCgVIZ-wTs/Ud16c1EAICI/AAAAAAAAAr8/5ZSWR05S2B8/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:250px; z-index:1100;}

            .fixedmenufb_1{margin:0px 0 0 43px}

            .fixedmenurss{background:url('http://2.bp.blogspot.com/-9KAMTvWkJ4s/Ud16eU7kWyI/AAAAAAAAAsY/OpoARuR5pXY/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:295px; z-index:1000;}

            .fixedmenurss1{background:url('http://4.bp.blogspot.com/-SDcrlF3MTAU/Ud16dDy_wnI/AAAAAAAAAsE/QjdRXR9BekM/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:295px; z-index:1100;}

            .fixedmenurss_1{margin:0px 0 0 43px}

            </style>

            <div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

            <a href='https://www.facebook.com/degusra' target='_blank'><img alt='Like us on Facebook' src='http://3.bp.blogspot.com/-jWaYNYywDf0/Ud1_G7YS7RI/AAAAAAAAAtA/8b40N46byIQ/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

            </div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

            <a href='https://twitter.com/mc_erick12' target='_blank'><img alt='Follow us on Twitter' src='http://3.bp.blogspot.com/-ppQkr4BjSVQ/Ud1_HkD_OBI/AAAAAAAAAtU/xN5krYZPBhY/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

            </div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

            <a href='https://plus.google.com/115497620794121112750' target='_blank'><img alt='Recommend us on Google Plus' src='http://3.bp.blogspot.com/-fPA1gJ6k9Bk/Ud1_G_aexzI/AAAAAAAAAtI/rcqioslWMN0/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

            </div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

            <a href='http://feeds.feedburner.com/ErickDeGusra' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-1XXERhy9eeQ/Ud1_GgCBHTI/AAAAAAAAAs8/TIB78w-42eg/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

            </div></div>

Keterangan:
>> https://www.facebook.com/degusra adalah alamat fanpage atau facebook sobat
>> https://twitter.com/mc_erick12 adalah alamat twitter sobat
>> https://plus.google.com/
115497620794121112750 adalah alamat google+ sobat
>> 
http://feeds.feedburner.com/ErickDeGusra adalah alamat feedburner sobat


Cukup sekian dulu tutorial dari ane gan, selamat mencoba dan semoga bermanfaat :)

Berlangganan update artikel terbaru via email:

26 Responses to "Cara Membuat Widget SosialMedia Keren"

  1. Replies
    1. hehee silahkan gan, ane tunggu nih gimana hasilnya :D

      Delete
  2. Replies
    1. silahkan gan, semoga sukses :D kabarin ane kalo udah dipasang yaa,wkwkwkw

      Delete
  3. ada screenshot atau live demo widgetnya gak min?

    ReplyDelete
  4. Replies
    1. contohnya diblog saya langsung gan, disidebar sebelah kiri :) selamat mencoba gan :D

      Delete
  5. Bagus ni. Bisa bikin web ato blog makin keren.

    ReplyDelete
    Replies
    1. heheh iya gan, silahkan dicoba gan, ntar ane tengok hasilnya diblog agan :D

      Delete
  6. Wah patut dicoba nih. Kerennn... Kunjungan balik bro http://geumoto.blogspot.co.id jangan lupa tinggalkan komentar

    ReplyDelete
    Replies
    1. hehe makasih gan (y) oke sip, ane siap meluncur :D

      Delete
  7. Ijin coba gan :) apa ini udh dicoba sama agan ?

    ReplyDelete
    Replies
    1. udah gan, tengok aja diside bar sebelah kiri blog ane gan :D

      Delete
  8. enak banget gan

    ReplyDelete
  9. mantap gan tapi boleh ane minta sccript untuk widget share sebelah kirinnya?

    ReplyDelete
  10. Klo pasang di wordpress bisa kgk gan?

    ReplyDelete

PERATURAN BERKOMENTAR :
✔ Relevan
✔ Sopan
✖ Link Aktif
✖ Spam
✖ Diluar Topik / OOT !

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel