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 di blog saya ini. tepatnya di sebelah kanan.
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/AVvXsEjax_1ST0x8Mmfvmab7XSaNhkcc3ojD3i9rK3JWhgkeTgLUcPrDTg2uuaKigTfqoX81nw8aQG2tGdFSddGXpPBJRerQiODRJOXjCmS6hNQcKbuSJUkolThmMP71LTBC4unEJ7CHbXsXI3M/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/AVvXsEjnzbHAHlq_v4fQylCFuoXmkPiFBa2PUJAdLZBKIvQh_RpQgEfGOTyxOXavyz6lDnytkP_iJbRwOsheBsZrw8DwS9_zsgimeh0iDKONoqSRwR1N5jTb8elsKwTm3jEM-4a00HkrvlD8ml0/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/AVvXsEifzoJ4U-nqrQAd5FREiUuHEsf5BJHSqpNe0XLmnF5bnFbjBNF8bEwZKTrkveH6Zo3MJrgDt4cGx2UHzbqZbOPjm7DQ9oX3Jsy8D2T3crqPkN9QDUyH4JMgiP0IF9g9NM6a6agKcp5_S70/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/AVvXsEgvv0zfLSjef5F0s6-Y8ppbgGMlSTTA2rlWoN9JZMtLdbZ3Vw5aUcvnjpl632Uiem_C-iAV8BDZnsPBECJqcoioyZtnMBBmy6SaEWk-ur9T-z7uVH2F-M1-RGQtJ5KL79MHGVv8tPISW8Y/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/AVvXsEjPsH_om7iFNvfTzMS6V3-ww5aFgkgb1Pgd_GdzAO3zrDnG0dYZNOFyJCQTq54Qck3CHhmdixpAjSidbpfK8S4-vZyE-XqO9foGLyqVbiP-qPTJoOuUvZ2YAutUd1i3oAl-5qrqeoeFjG0/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/AVvXsEhlysry-M6WGAZo3p-MqbsPD7DWV3Zw7fRjRC0AY0KGh-2-bnhkzz2n1fkQFU-JaUakb_qP8psXSGLGgo5jpYKALIfkQMxCJWdTtQ8ME9Gt8cVV8lBgO7xAyCZ6sKKJs39Zq70EcCW3RIU/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/AVvXsEhgh8UKfMtRXJt8tcWcTXt8GF7FWDhFhr-HvQbQiqutR5i5gLbZ60bu5YIYoQC3vdpmHQw0dlQ8iM0TbvKi0C-DZaP658aWwG5BaxPw__ILBOFNynkj4ehPU5BRI3CDbBIjSae24q1qiow/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/AVvXsEgynybv9jz00otxLd0gFqGdBYtdV5-8SEGznMLuDCZ0RNm3ke05i-pWSY6g11iXnmPV_S1_1ebLo1JvKJ1Eq6jtBcXWPCXE3g5aUMI7KHyzcrjer66Feg6NkFjdgeZWAELvrLc69DDCgPM/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/YOUR-ID-HERE' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfCvkKfg9xE6mY2E6x3vWA-MRMPN6elwWhuj3uO5808pe_Ko417QRSH24xvYHbbn6iT7OfkONlJAF1hB528sh4zH4nat6hg0FmW5PRyW_tW38rZmEM6BlTENWj4Iy0oDL4-6i0tfME1-k/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/YOUR-ID-HERE' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPMhoV6rL31uBJdQ6inDcUbgoepa-5W4__TxDMs-cUCpg8RnYTuLgGDb_MhABKvCV0CQcyoaZxoXlye_OKqi0P8C3cq_nhvPVKjlY-M_ke0rd-SGwUk8OXDKofge8W6oJ-Tg4bECFo9c/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/YOUR-ID-HERE' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEZyPYhzK10mmAKZIaJkfYcs9Wf9TwL0I40GadmcCszYD4O97CetIKPs8McTSnPqnzaf746pPFX4AmXvzxhkbvMOmsAsEyqBhvZv1d3j3P2F2Omcia8FfsbgYalQ5O0qkmo13-bB1uyjE/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/YOUR-ID-HERE' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbSNzc_40ZFwaoWyyptr2WuOPmGThpH0uhFn1HWnpRrIUCfpeQvYQSjgLDN0eRJEYkEnhJg6kg-v3D4-9b_6zSu5nzCNroLq2Spnln-JaowrVa5onORi-_RZEzbjsZu16_hRDVBdatNRM/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>
- 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 semua wassalamualikum wr.wb.
Posting Komentar
Blogger Facebook