Cara Membuat Widget Social Media Melayang di Blog
1. Login ke Blogger.
2. Pilih Tata Letak / Layout.
3. Klik Add / Tambahkan gadget.
4. Pilih HTML/JavaScript.
5. Letakkan kode berikut ini kedalamnya.
<style>
.farespo-fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGANAefGiAeP30FhJHUIEfOyUJVIFyzEAQ8BD3rpfu7KIMgyu26cgFy7sXZMPFzY1b02R3uem6kvTlKpZ4C4AFtQOqQNn0AbSVRRt5-Ct8oALH0humagSEOa5Y8yWJ84NEeK3gwqWVBBw/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.farespo-fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLYWGNVsi6D_Qv2j0bx6tMmz4QbjZRSJ3CNrGtlCAKV9qsbr06fGpCatVLsodHOQ00DynTVhwIGahomOj__9PbI1KQtN2wDrsL4CYnvdNSvsSqNLRwvzccD5QgqgFDu6st6KRz8DL1gQ/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.farespo-fixedmenu_1{margin:0px 0 0 43px}
.farespo-fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZVvuZfMnXssePk4owHrotXVnK3FuQ26b0o77WbeC1VIjkyAycv_4nFdsYOuS9bBoqOpp6t80Eug1Gx03sumX5hOeMnHU2UNxmRKI_07A4dJzrW8hvG9ykbPhxWlrbUfPLPSQoNgv_RWo/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.farespo-fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8xrY0lv_1jdxKDtQfzWYJdljNkAbs34VAwCKDIslxkgpTQuTzRRxIDojaBSxltlI9qPfiIRyote-_SIHrO1hAWJ7XaNPVW1sB5_WhBsXf6IVbWfm5rEnURw2AdGw1vpkCieQWl5iDHFM/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.farespo-fixedmenutw_1{margin:0px 0 0 43px}
.farespo-fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6BIVWoaVVa9aeBx8BgtB4Avwv9FrlZlKvcauEsyJHwoD2y7Oj9vIQSkOS6Fr0nuqrlgJwdwHtYE6Du8F8B4XvnT4pb2meh-pAddOhUIoCZSIWk637y_-jqvYFq5uQG1rcdS7QDC_u2qk/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.farespo-fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrl3-EcuVNvvYPfGBf864r_I0fOX_4ouIYZRZ2w0CX-tJGpAlAvDqQ3Jly0cjTw_PBAOb-NDvvMNVGQP-hgj4793RkLZL9HV7u4AOuQw-Wt_dcSE9fVLC-LB3MI_xxAWVjEw8Hu7TTaY/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.farespo-fixedmenufb_1{margin:0px 0 0 43px}
.farespo-fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcX5IHFB1kjCHpq0SBqWDg3YGR-aIFZZkHGVqq6P5jVLXoGtX-_TMkGhxI0-n4z3Vg60F2tG1_P7F11q9_I7R4YZjnj86rFaCKtHlsF8nvPNQ8XSjwl-xl6cts78-ejia21by-WcohyfE/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.farespo-fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_PIabla7CHqYXT8ibqI6tTas8onZJbqslJtryV7u_5WgHmcMtCoJRG_ouy40deawTsllTdiruu0ho_bGVx1VPmE7lPE2l8axnYfkLfPIHtdmPyj0LwmMUnT78F_WmmUI5jj-CH1ec58g/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.farespo-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='farespo-fixedmenu' onmouseout='this.className='farespo-fixedmenu'' onmouseover='this.className='farespo-fixedmenu1''><div class='farespo-fixedmenu_1'>
<a href='https://www.facebook.com/tuliskancom' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB_vGo-WLeQMk2s4nK6yqqbuKFd4CUMJJDXskmAmDxS2Kni7xbliOMEbNIkuW2sLZykCFZRV_12TsDjlGe5vwj1F8vAYX2QPxP7cW12S8GXqEDPgqzE-QV3drmFPvoeh6oN6lNsSoOr8/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='farespo-fixedmenutw' onmouseout='this.className='farespo-fixedmenutw'' onmouseover='this.className='farespo-fixedmenutw1''><div class='farespo-fixedmenutw_1'>
<a href='https://twitter.com/tuliskancom' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8MPpOeqH0axjuAjKko3Ym0jCiBNB_BPTjG6ptEaBDuzHkcBTITI6B3ZQaj2uuHpQdzIAUO7lE6A1jgeUITvtkt68KsztZJy7YBzcKNOtLwpQR1w-mHO6ugpRBZO6LkYmoytrDp_-Fvyg/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='farespo-fixedmenufb' onmouseout='this.className='farespo-fixedmenufb'' onmouseover='this.className='farespo-fixedmenufb1''><div class='farespo-fixedmenufb_1'>
<a href='https://plus.google.com/10921029102910212' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9p_bRXM6ZOyv_zGKcclG8eangAVz2627celwZbYl2fCKRfeJ3m69Tlk4inEJ8SXeotkfSysKq-Cf5UM1mv7EdZjqZRWlEQTzU4EDJQ5WgL2J-c51xwH8fO0jE6zh3KYWrp0dvWP93fwo/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='farespo-fixedmenurss' onmouseout='this.className='farespo-fixedmenurss'' onmouseover='this.className='farespo-fixedmenurss1''><div class='farespo-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/bloggertrix' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegoocNG-n20gL2x_tSaTeOWtNzEiI5TxFDouMGo4ygHm9GCifyAYwKFs10z1oJ9d8zp1GHS_ABCdwyVqgah6xZ2-GsBztc_s8X7hNonqK878M_evyTEVEDIS-iArCKDqNJEQp0BHZOTc/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>
Keterangan:
- Ganti kode yang berwarna biru tua dengan ID / Nama Fan Page Facebook anda
- Ganti kode yang berwarna biru muda dengan Username Twitter anda
- Ganti kode yang berwarna merah dengan ID Google+ anda
- Ganti kode yang berwarna oranye denan ID Feedburner blog anda
6. Klik "Save/Simpan", dan selesai. 
Demikian informasi terbaru tentang Cara Membuat Widget Social MediaMelayang di Blog, simak juga artikel menarik lainya seputar tutorial dan tips trik blogging tentang Cara Memasang Widget Jadwal/Waktu Shalat di Blog, semoga bermanfaat, dan selamat mencoba.
0 komentar:
Posting Komentar