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/AVvXsEhRCNsC-sCXeYeRiKXyspqEocCoGSuGw0J9bZeLwlxsb_4ZZ-M1ne40ZhA4IgUeItz3OGCTu0Cy1ojgYe-AOCOiGByqHlETso6eiyIl78YKxTibr2Y0l-BDeY3yQMxCUURRzVybSbiBCMo/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/AVvXsEgkpQqLbg4CgohpG5s7AtlNiA-0a3j8qcr3YHP1P3BmfOQXzD6mq-vVr9-IeLDddB90Lq2KRIZNcuwDhXlRoWAsf2X0tVHmpMlxVJ77YGGPcJcN12_c72zx7q7g1A51VLHoNf6CxXtwQfg/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/AVvXsEgmCzwKQ4KNzLUXg-NgJMwekN6MgPFlGOyi8y_76GRtr_TgI5QeBDJEiYRZh5bJoexkrBzCa9YqlB3ihrE4x1HF8BcMrvKzsdYzkIJ6jTLf3B_lJmtj6Lf12b30vrcd5eH5axrSfGdyb9o/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/AVvXsEjH1vPITnBY5CG9M4YGP0bxERlMRB4DQGRGUhXcoPBz124pce7cjbwaGZgm-zBdXsnIpdVRzzPY9OZrFMXCat5i4YRxyDWHKY1lBbIUQT4q0EiAzNnvkYH-QvTnTfCNEEoDuFSJ6W3RHN0/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/AVvXsEj-ZQI9z6W57z0Ne_0tYPhp7bAG-rvlJqJPSL5YKKjnXWW3HTOQDZV7RVACRxPPXs3bTlpLGETagosBpVZGcM4nKfm4Pu777IcsO5lTdUqnDqEgQAPYjsB7h9JmldiMa1HowuQRRAfxAsU/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/AVvXsEjpZjJ0RrserJgWwh7qCKf8LgYhnjBAjzEdydtw_omtHkXxvNdDMuZrJzUKETNcANlSAbWKjNdsnDV0t88ny2plotQLlGHtytOMiMV2FzeFRGxUnoQCNsUv2cwB9P_dbSliWqex4aVO1Pw/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/AVvXsEixfIYOH13KkjiuDafs_AQ01ijR88GuOdD2RHHJtN526lh480je4MTMAi0ZVuKRwbiJz1S3m_nlS6kk98YRnucBnLT2K2A7mn1IOixF8UPUjXRQoUFYYh0IL6jh7yk2uehg_l4iEWrgYoU/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/AVvXsEhDVKRLXa2sJhAT8q9ORImWRaexW9o0KxF0_N7RtpnX86ztNgOlX1jRw5ty8v4DpbKS7BucPZicxEKDyuVIUOtz5KMCTLOhmwfLbKJQ0pFYKc7tGSXPF98o7uy48WGRqjdVr_5YPUS3gyY/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGJkvKPkLUAHpVgWzcwUs_RL-k0h4Uiic9gZ8j1Oi3nW6LeExVb6uIlvqhwRvLiI0bt0isZJ59e5hglzefd5Le748RCQMoRBkNB1RyAWAmvtebvkKJcZB7tOn6sdBhMsMiXffF0iXU44/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH_lNBMLdPPUY8yPmC5LunxsFYOi_ixJh6ApVK4lWXEp7PsuKDjC8uVz9DQg6H4dmxLA7OR7xOjVGDOjsEwbegTqfHTpCEcP8wT7z4eVtOSEO5rGTA7jvEeK6E10gYi7zpcuGbXpYviE/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIRsweC1bmkIJOB9Ls9jpSAmuyJhNBWXRTt2Gy4cgtVKu2C5VkCIvTTsVkappiSWXXSbg1Ea-6E8uLruN8j32rAGL4WWGFw8nFlNl1EpBbklFVOJ2gMPosFG7C7wgui56czU0TAVM_D8/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHULm7IBp1qGK5fxnQn_4gCO3e2YSEIUR8RNGTflRNO1cb3OV8GrlpsTFx8yurSA5OoWMfAY0lNiMy3YH8aSfDFqcHAUMF1wZ8FHyWtPZyyjup_Nq8Xr9Z7Ktzv_ijgxyfNCYaAvBaPdo/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.