Widget Social Media merupakan widget social yang berfungsi atau berguna untuk memvariasi dan mengetahui orang orang yg berada pada dunia maya seperti Facebook, Twitter, Google +, , RSS dan lain lain .
Dengan anda memasang widget Social Media kalian bisa mengetahui juga informasi informasi keberadaan orang orang atau admin di blog tersebut, nah jika anda ingin melihat tampilan gambar ( Demo ) widget Social Media ini kalian bisa lihat gambar dibawah ini .
Baca Juga -- > Cara Membuat Widget Recent Post Dengan Thumbnail di Blog
Nah untuk tutorial Cara Memasang Widget Social Media Melayang Di Blog anda bisa memperagakkan tutorial tersebut dibawah ini .
- Login di blogger.com
- Pilih Tata Letak / Layout
- Lalu klik Add Gadget / Tambahkan Gadget
- Pilih HTML/Javascript
- Copy kode dibawah ini kemudian paste kan di HTML/Javascript tadi .
<style>
.cyber88-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;right:0px;top:160px; z-index:1000;}
.cyber88-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;right:0px;top:160px; z-index:1100;}
.cyber88-fixedmenu_1{margin:0px 0 0 43px}
.cyber88-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;right:0px;top:205px;z-index:1000;}
.cyber88-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;right:0px;top:205px; z-index:1100;}
.cyber88-fixedmenutw_1{margin:0px 0 0 43px}
.cyber88-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;right:0px;top:250px; z-index:1000;}
.cyber88-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;right:0px;top:250px; z-index:1100;}
.cyber88-fixedmenufb_1{margin:0px 0 0 43px}
.cyber88-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;right:0px;top:295px; z-index:1000;}
.cyber88-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;right:0px;top:295px; z-index:1100;}
.cyber88-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='cyber88-fixedmenu' onmouseout='this.className='cyber88-fixedmenu'' onmouseover='this.className='cyber88-fixedmenu1''><div class='cyber88-fixedmenu_1'>
<a href='https://www.facebook.com/Badnewsbro' 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='cyber88-fixedmenutw' onmouseout='this.className='cyber88-fixedmenutw'' onmouseover='this.className='cyber88-fixedmenutw1''><div class='cyber88-fixedmenutw_1'>
<a href='https://twitter.com/GifztModder' 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='cyber88-fixedmenufb' onmouseout='this.className='cyber88-fixedmenufb'' onmouseover='this.className='cyber88-fixedmenufb1''><div class='cyber88-fixedmenufb_1'>
<a href='https://plus.google.com/116084126232746216333' 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='cyber88-fixedmenurss' onmouseout='this.className='cyber88-fixedmenurss'' onmouseover='this.className='cyber88-fixedmenurss1''><div class='cyber88-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/cyber88' 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>
Notes :
- Ganti Nama "Badnewsbro" dengan id profil Facebook Anda.
- Ganti Nama "GifztModder" dengan id profil Twitter Anda.
- Ganti Id "116084126232746216333" dengan id Google Plus Anda .
- Ganti Nama "cyber88"dengan id Feedburner kalian.
- Jika kalian sudah mengcopy kode diatas kemudian klik Simpan
- Enjoy
Wah keren banget sob ane baru coba langsung bisa :D
ReplyDeleteNice share
makasih apresiasi anda :D
Deletemantab widget nya gan
ReplyDeleteijin terapin di blog ane ya
Silahkan saja mas @Irvan Efendy Diterapkan .
Deletesudah saya terapin di blog ane gan,,
ReplyDeletethanks
Iya sama sama juga mas Yoseph.
Deletewah mantap
ReplyDeleteane pasang di blog saya ya
Mantap Broo , NicePost
ReplyDeleteBagus banget widgetnya, Izin pake ya mas.
ReplyDeleteSalam kenal dari Penerjemah.In