Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog

Kali ini saya akan menunjukkan cara mebuat social media tersembuny, jika sebelumnya haya facebook ,namun widget kali ini adalah social profile semuanya, hingga dari faceboo, twitter, G +, hingga feed.

Untuk contoh anda bisa melihat gambar di bawah in :

Cara Memasang

1. Masuk ke blogger anda
2. Pilih menu tata letak --> tambah gadget --> HTML / java scrip
3. Copy paste kode di bawah ini :

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKWGoYtbFkuMz2DAb8Hi1bEpdAq8JednxNNNnN0KAcQjBjjnMrLmghE8pd5l43LS6pa9ovMlHR4umn5MVFpUjgBdaY7aNYLH17h2kPC9z5UI_DWvXyXRUluzjpzWxzWRa27U715c_wDE/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJVqlhlvdkn8t1mB5iUx09mGNKmop1Ldhc87W-Wb75p-mcnZhYeWhWqVXMEBybowu9ZBMdPX6vo-K607yaI7hOas85HKMEj147TYk-RmAUGCS65wzbX13P5V3L7FKNcovmtzB_yEvgtM/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

.fixedmenu_1{margin:0px 0 0 43px}

.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfuY4PwMszjMJT8xzDmhWqBG6ax2nXOTQoF8J42SZJ2mTTT1L-IJSVnm0r3w6pHK_69fZLzFbWpRWbLWKbPSmx4pDbF00sp_LSZSvlq9WuIYam8z3q8zvBvOMRAUSHeRwiX-IFXPEFBI/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhlJFrQRPscqh2Bh25GpZAhXSZC_UF0sbXl6KmEjMkHhlnSCdmhPoD6TT9j9GM3YsdUv6JR9tXqyp2i66k9lMS75GmryL1VfGQGa3507XZavS4NQCoi5EDpEtpPXBoe-v07V9v5x4k40c/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

.fixedmenutw_1{margin:0px 0 0 43px}

.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_eztM-dL0nKOIjwjiyZ9zW3-9YkIx_UZyP41T4bPH0ZaTGTKKwviUhdtJhOTgrbaJXbIVAnQ8tckmlurEBlBu-L7HT_Pn9k9Sfz6Uo8WB_2WLFMRBV8jAWEX369RfPKXBF5XMqz1SdDM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0mY8ZyOt4O1hAMuRcje_ogBeR-1U8NJMOKOFipmPJJFlt24lpuRfJldNuXk19Lz4gciQoygPl1iLkBJWDJPswIGWopBmwlSVEvjUlDeo2Ckug0ZJKW7TElme7X8aLVAGa0wuQCev1_A/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

.fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYDHmTWhGSf-SjT1rKtrOshR5Uekvj4Um3WVQks13Uip5qMy6fFuSWpTvZkbqT_y2q68XIZvMAAy1c8OQco0C0OSJ9bTTflcSyaCAAFwPPKYeIhTHlFXq2FdaAERgBjWNE_mDjNUWS9E/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZfiT5MyA4pMlPZpiWzoAEdeaqUxgErjCrmwWb7-tmnnAYWWMLsXZM_svDxeJKEdI9CYPBXMMj5cA3z8m0y9CElnnOoYUOqOxismZ_F76FoGabScfRP0ks-TEuE2zywPbPQB0uFvVZjCw/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

</style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

<a href='https://www.facebook.com/Riiokodok' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOhyI1yTA8yg6iMj1uDjNNg5Yq0O9z82e79v8UKtnqmwr-tbAA1G8SCOm8plt8E1Oi9UZypqjNtR3O0QyYDwT5Fn1jTa7huXRTXAqAHkbgdziVrjewSyQ39qs92mLV1hE1u0U5NOXQck/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

<a href='https://twitter.com/RMahendra7' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1N13KTFCzyKYZ7ACilJQ_Lnk_kZCZcnqw9zUS6SQwNnujGHvU2ETpJAik9D29UyqdCwgewiybJLjXViYjZKEWtPlabuMRBaE86nR0-qx4sUBbvDQjxM2SofkHPGj6x1Mk_hvM2Y7p3A/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

<a href='https://plus.google.com/u/0/115414598861766183476' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg280q0yKFzh9i-PReD6Ax1lEGtMAnMqIGiyiZ5UzfvOfxebDrM02su4XUAouKwylhOmIVcJxFqz525InmUhe1scFe3Eb4dgcFfpKyemDrTGLiByDFRgyo7UeCssBJOMao6RjwcBO9-74M/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

<a href='http://feeds.feedburner.com/riomahendra' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJxIflz-4bPZsi5AkkZqc7gc7HM980fESpg5LKo0hTSegFUo2lMhkn81O4PGjAVtXnWniveCxqe_FU0NZvss5KnYfDPYYOYtm8-n8_T1P_0KjkifS20upfre1eovENw90d_DZ2Z12VvE/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

</div></div>

3. Ket :

• Warna Biru Tua anda ganti dengan Link profile facebook anda
• Warna Biru Muda anda ganti dengan link profile twitter
• Warna Merah anda ganti denag Link profile Google + anda
• Warna Orange anda ganti dengan link feed bunner anda

4. Simpan

5. lihat hasilnya :)

Posted in: Belajar Blog