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 :)

Previous
Next Post »

26 komentar

Klik Disini Untuk komentar
Andrian Blog
admin
7 November 2015 at 15:22 ×

Wah mantap gan izin coba

Reply
avatar
7 November 2015 at 15:26 ×

hehee silahkan gan, ane tunggu nih gimana hasilnya :D

Reply
avatar
7 November 2015 at 15:34 ×

silahkan gan, semoga sukses :D kabarin ane kalo udah dipasang yaa,wkwkwkw

Reply
avatar
Anonymous
admin
7 November 2015 at 15:44 ×

ada screenshot atau live demo widgetnya gak min?

Reply
avatar
7 November 2015 at 15:49 ×

diblog ini kan ada langsung widgetnya gan :)

Reply
avatar
Reza Rizal
admin
7 November 2015 at 16:00 ×

Ada contoh nya gak ?

Reply
avatar
7 November 2015 at 16:06 ×

Bagus ni. Bisa bikin web ato blog makin keren.

Reply
avatar
7 November 2015 at 19:54 ×

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

Reply
avatar
Ari Hamzah
admin
8 November 2015 at 15:58 ×

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

Reply
avatar
8 November 2015 at 16:19 ×

contohnya diblog saya langsung gan, disidebar sebelah kiri :) selamat mencoba gan :D

Reply
avatar
8 November 2015 at 16:20 ×

heheh iya gan, silahkan dicoba gan, ntar ane tengok hasilnya diblog agan :D

Reply
avatar
8 November 2015 at 16:22 ×

hehe makasih gan (y) oke sip, ane siap meluncur :D

Reply
avatar
8 November 2015 at 16:24 ×

udah gan, tengok aja diside bar sebelah kiri blog ane gan :D

Reply
avatar
9 November 2015 at 18:00 ×

Perlu di coba ini. . .

Reply
avatar
9 November 2015 at 18:17 ×

WAHHH enak2 nih makanannya gan

Reply
avatar
Anonymous
admin
9 November 2015 at 18:18 ×

enak banget gan

Reply
avatar
10 November 2015 at 04:57 ×

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

Reply
avatar
10 November 2015 at 13:44 ×

silahkan gan, ane tunggu hasilnya :D :-bd

Reply
avatar
10 November 2015 at 13:44 ×

hahaa ini bukan kedai gan :D ,wkwkwkw

Reply
avatar
10 November 2015 at 13:45 ×

makasih banyak gan udah mampir :D

Reply
avatar
10 November 2015 at 13:45 ×

scriptnya diatas tadi gan :D

Reply
avatar
12 January 2016 at 16:13 ×

boleh juga izin pasang iya

Reply
avatar
WisnuNS
admin
17 January 2016 at 14:11 ×

Klo pasang di wordpress bisa kgk gan?

Reply
avatar

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