Memasang Widget Social Media Melayang di Blog

Cara Membuat Atau Memasang Widget Social Media Melayang / Floating Pada Samping Sidebar di Blog atau Website | Assalamualikum wr.wb nah malam sobat semua pada postingan kali ini admin cyber 88 akan share nih buat kalian semua yaitu Memasang Widget Social Media Melayang di Blog .

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

Demo

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZmBiNND8vJwsm8zOJsePD9ZoEhLDHpZaZ4aiHihZYngf5tAB8da5pNkwKlQAAJdSlEmlW8eZ0mLwVcax0LKA-D1HM1xcFsOo8AEstYD2Acu_kRLRlxpTVKV4vTMCcGQRBjlB6pFg7yQ/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.cyber88-fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2IjTJySRIXX-q_QZQan_AbqEjSM3kKWfgFbXEVolWMfZPu4ZzO4pLrKxPGfP-Fiew0vNs97D7z52Pd6kA-T5K2QriramRP9nUkeJ8NEA3nvNAe4Ji1nP8wMsYGFcXciWBXN6oWcdp5Gs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP6zQ_UtoGStHhG8WvLucnxbC-x80MxihVXNROhyXU1tG-DCkUWJ7BSbqD2JuDgPG8vvgSgQEp4voTAF6e0XnBJKdr0awH6hv3aIqfvvBZFJJVRQuW9D0PgFYb-AnT1IN9sUW7OuPM4P4/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.cyber88-fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKDAFbofyc3crfntaxfnbPG7ijQpA9r6T-A7l5nj0jje4t87rbdC0AbYAcwK8ocbGHoUUKVCsSvWvmoAcNuGenPV9BqYSK8XzvT-2vjArWKQmvLUPrGQBhIADCbI9rHXZ4ZhReGpwbn8/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi__tOfoRvHyhTi1PXAjU4eH_uGoJVdwMdWnKt3pAAMxaRwMsqN9TJ_xl3DJjs8xhsmocQx7ukt7KuxOo2-RK0aetfgQXgHgMTYRVO5yHOjlc5yvP2XGIKS8zYG6vkPj5ZAdEP7Tfv1ezs/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.cyber88-fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8wWI1DVDSVWgPv2IDtR1pV-gOvcII_5div5T5mXSfPGRhmPkfMJWp5WeNEk0xMYK6wEdQ9oLK2A02P1NCVmfc_cZRSxyu6bp08msCTYguiLfBs4hBzDZ6xzomkve5ebNYIvCJ1eFIKM/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9qUtQKn1VJi8PnYSP3pCa5xym5VZMTQ525-2bR9mt0hoskgVrDdRQw8ehGtn95JaXxfAYFKZRoSIMYNKWmoAgeyWsrqRtBsm1AhOERBn6gYlYMmJDjMCfdZFzu_mOL_PUmUQKQVDO2A8/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.cyber88-fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwWjiR_-tpJACeQWQIph5QjQkoR_-a2saEUUeVqHE1vZaIkvUYgwARATubmoqern46qviMmF33Dy5lN0Riq11VN-7YrsijcrK-3fdjlnTBYcSQm_9fb7nk7xJnFIwqfB5GWf70xJRwVEk/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=&apos;cyber88-fixedmenu&apos;' onmouseover='this.className=&apos;cyber88-fixedmenu1&apos;'><div class='cyber88-fixedmenu_1'>
<a href='https://www.facebook.com/Badnewsbro' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMv7Bye-YYuw6oKKJ1t7H_0EmapD8_xY5MKLn2LYYGVhQRPiVsq-1uWHkXs7HyV0wbZ9868fbHZBL6vAOY1aT4QdSSsWiph6XcOWR_j6fCc9xOAwmHFilSHk6TIGUvg6JQWzv5LaSa6rU/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='cyber88-fixedmenutw' onmouseout='this.className=&apos;cyber88-fixedmenutw&apos;' onmouseover='this.className=&apos;cyber88-fixedmenutw1&apos;'><div class='cyber88-fixedmenutw_1'>
<a href='https://twitter.com/GifztModder' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlF_4tzH14EBkgsUzYGhebdPRHiHNomOI-FFC9lmWlSb14TX-knZWstRaDSTAwLthZfw6LyyxIcBbAJf6Y8rvAoddnVZ4TpEFoqiUkekxDvWg29u3psJrzrqxbJn02ZpmWILMeswjp-8/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='cyber88-fixedmenufb' onmouseout='this.className=&apos;cyber88-fixedmenufb&apos;' onmouseover='this.className=&apos;cyber88-fixedmenufb1&apos;'><div class='cyber88-fixedmenufb_1'>
<a href='https://plus.google.com/116084126232746216333' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGQbmXOKBH1xSRJTCbJP6PR80eVGCIqGr7KnRwbkw8fnZr2xWZ3_O_0fUwo2P9Xexj-SPOUUYMAQ3rpEOHStZmvGfiB3FVqW3S-DIhJHgILbj2-yXoUNHNg7UnD9PLOHErt_-5xc2Oerg/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='cyber88-fixedmenurss' onmouseout='this.className=&apos;cyber88-fixedmenurss&apos;' onmouseover='this.className=&apos;cyber88-fixedmenurss1&apos;'><div class='cyber88-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/cyber88' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT-8umAeBoq54QEjsaJLJkaiNkekEFahMqPOkQDv_9awJS_rHQLlubkbxtVSxaFYdpid6BCR71VyFivt-4OF1IBPYLdZUqN7GMNuc1qVjZDPErdCiueMm49NTDiiuI9ZcwVhmN3O8zuqk/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

Nah itulah tutorial tentang  Memasang Widget Social Media Melayang di Blog . Demikianlah artikel tentang Cara Memasang Widget Social Media Melayang di Blog semoga bermanfaat bagi kita dan kalian semua wassalamualikum wr.wb.