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 BlogNah 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/AVvXsEi3uOe46x5J8EEjyx0laYITQtT2S8z2p-o59nSD_jNdWJ0dvOwrfUVt7yncjvfgG7wSwnIbSLJ3B-C7LOf-cH2l5IqHnYnaFA7ruRA9jLOhIJ_xQXQkbHW0jy6KuRAn95R7b6IcQgJLUiU/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/AVvXsEisfI1hGXPFMbiIIfqgZkn9foFEcX15cZAeFNwM82RJjSfcUKMcMFE_RXX5uD_lFJ8v1mHXxx82Hzf1x9DqEKXL43hVpuDihwVrUNf-PfaJ1KZ0Jk2G5HE97ERIPGHwH-2rau_dkg65rMk/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/AVvXsEip6V3tPfrzAdolDcOrIPmRn6b9KRFKOk6YmqOstkgTIKj-4AR8yeKAkOdAOpWtMQ542H6WU28RN3zFe4KcdR_sFovNjG11QZjVu3RmyfLiz_ujNp6fWF8sOLeYkI7BhbfMUaQX15d0RqI/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/AVvXsEjtLLVBEINmQX_iOvnX3FsUezaU5ZKnES0EdCDcyj8hgYeZbn-1UMywqAaAGpEdNooSiqklBQONtw0VP-uQuIUANTNFPEsZ14Q_WcsfCJ8Sa0Vj8S8s83ie5a3pPOpE0pAW4rR8IF1qRT4/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/AVvXsEjGHl1Pk4_wCBQXBZez8Z2ygOjpfoUGMduuyd_DfJg5s_lBOsgUM9WSBT2KgIGs6lQjqQxzwZjGdlSKCqUye_fi8p_F5qMlgBkCnXflL7VhxTPDtJfDgukIz4Lhxuo_-hcB3JdniSZztM0/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/AVvXsEgBimes1wwM-ME7_UJe4G3eafyiQpYFpS8z95EmLAh4Laq7YBtYce0Vs25kXc2MQb1NXKoBSvotHFVWmYG7EOiYMLeyzBhdI0EyzW4AOZk2_BWSg6_jK3csOFptjphNGyqM22_jbzWpiBQ/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/AVvXsEhH4cOTJNK28wJgcFxLF4uFVLsoNEfNGSdv9JPoIeiDdq11oDY44w0lF53X7hF_Qg5NDfAgMV01OPSAGZ00HH9iUoB1kp_vjKzT_uc-9cl2LSh3UIaj3zp-qld8CwVzA3JT_YUW2QJtkvg/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/AVvXsEiCgodCoJMiOjA_AHzWRJj0xUvVyyVl9zY3yn_64S3ibxBuvvG0iAAYngxFlFaI-z8lK_UC1r1R67kjXjyL3kQfXxr3Fx11V0GWwn0m6Q6ikN3CbEjzeoF5t5tOze2TdA_Sc2GiZ7SnyYQ/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/AVvXsEhqUyVglzjW7i3QvNFwqlHcBCcE-YLuCufvLSLKTsoFTT0gFqrfOG5caY4jVS0vTHxknawwHj-uh_SKsbB77trmaNND3SacOuyBIn3UlXt-_XF6WSCD4nN6kHmAswKUzpi7yrxHil1DUgs/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/AVvXsEhWirrZdbTFSVtV1qm_qPl5M2fjhB_2wndMFmYlIYE3NAGmx7nAYMpsQyinEhS7Ukt29CCSRaY_0og0CxfHBEFb_MA06uYo4kfNAtw6oCSrjUj5GLT5LGYtWXvqJUK_Sy2UsVd9d1SGoCA/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/AVvXsEhl3kz_4JP9ayojY3aDIsQs5z30jAPdseXFiCh_DJjQnetEohpFpEEu1QNxfCE-HaUzZbaozC7R30orsPFP-ijrY2sE6daFtiHEDyEZ6EU1Of6PjuqalPL66g2Mf47_8O2oGDdN75J5gFc/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/AVvXsEg-yuJqHHh6uviCiSMN22AwtXi6NwJXoRZ9x96ojzgNXZUXQqhTcRZRYB8W8dPlao6wj__6TYDlihUdaLTvi2YFGOtWkHfI-IiO1YNmMoMbk-u7xGnXex3KHwhRRb60IFVGvX5SPsR4qDs/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.
Published:
Rabu, 11 Juni 2014
Title:Memasang Widget Social Media Melayang di Blog
Rating:
4 On
10 reviews