Membuat Widget Sosial Media Melayang Di Blog ~ Ron1st Blog

langsung saja sobat ron1st, kita mulai :

Masuk ke Blogger
Klik menu ''Tata Letak''
Klik ''Tambah Gadget''
Pilih Gadget ''HTML/JavaScript
Masukkan kode dibawah ini di dalam gadget tersebut

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRz_xte6Wja3jLdK9YAmFs2m2vJsR0mWg9sKV21PyE18Sq-fIuUamLn82j08PxKap8HQS97IMJJ4405wJ38WE2Ii9QKT3vL11yMvTpvdUHa1eV_KZ1CK_B0j2jGMucdV8sQjVBeGLG2k/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/AVvXsEjR1KPMSIpTDdirPIdJImPjVlsv1ShDAfj4uZQa6MQL7ovM3brA7OXC5MHwxycMS5N0Db5d7H5VsZpTYw0fts9uerVbmwlRtL6rNHkvHR9SDjrfVejOivVqQuxxmkOxSieu9r09kUXJeZg/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/AVvXsEiSh2euXjL_76MjCS20oYPac8hsOo8Th6ZPkeOn2LUbq6tCbbZe0L2-qdqt8Ro3a-sLCp6ZhwJnCyleZoTmY-A8gzzKjm0_DX12NWj6C_m6QUd9YQj4Q6COv8ctRG5e0RnUsJX0JDowqfY/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/AVvXsEi6E5nHSZx-vzPBnWKZkBgAkSv_dCcqfeJTV9wxHGFGYRnKLVu_kfjb31WxbemoCUiBtxUScBMIIsOyOG2v0sW7v38xTUyorVxkYcOv-zmFQ2CrNlfLSLx5mh9Zm9jpG7i_xj8WsfUSYDE/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/AVvXsEhFqwZSvSI9xQJe0TtZE3y9Y0GHUnfz4n6rMgr9m0TrBlze0dVprWQjXFdEGmOhVXiubcxs6X9khOErwrVCU4i81T_DxJ1mbe8sbgngpfudZ7hlOggaDkA1WbFGAAKoIqxPnavygLJpITY/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/AVvXsEjGbIu0U7mPrBtlqQMq7Xmt9nc-A6YEXrGrCnfCo0gc-FAgd3si205BZDT3x27HjWsTm4n3kdXHQVP2tCjqJYIgXT1g2xN9s_hSWkJg4GpXYSJ89uOFb2Fk4ooVSOqgIRy2hYFq78mB64M/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/AVvXsEivsloy2sWLA6xs26IpvWIoQZKGWzl9zuXBI47t4iF1P9xcHRcEzbhNeydfvbUHFYGEKUyD0d540IjmpJ3fpxw7pFv19Zi3Q8iGxLbHloFadO4TKuxTe9_DDNbUhZI8D8l5OqTMiuRVcO4/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/AVvXsEjJgC1oL72qCR9vKjAtjMgD-y6x6y15p6mt3SwAIArt6aHAQcFYZ1IZzMszcgmb5bjMYgrWVd9jmqQcx4nvzkLc-EomtoIVUSDabiESnXZvTCKMTnMf7uGTG91QADXOl0fWk4oYK3hQRFY/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='fixedmenu'' onmouseover='this.className='fixedmenu1''><div class='fixedmenu_1'>

<a href='https://www.facebook.com/USERNAME' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibEk2d1N2Y4KAE7WFvyYXFZiFfYRiMr-BeClIun-2p_WKut3eWQu3u5wev58JE4uI4_6YcMBHfFp2mn0GTobzUssWCntp7BWlxUKKRCcFdNsqep5IVlt0K_zZFXy2-dDk2N9jT955lzQo/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

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

<a href='https://twitter.com/tesBlogs' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJFVAmgw5sKPWs3IMHRVhYqZx8_fMDsvZil9Z4NtnmGQla50UMPVfCkCM_zcbPLcTPBX-D5kvmvLVf4TAVgRxJt5In12Tlx6fbmJKUP1cndvAFIlH-BFxqSK-ixMo0O9eS3WpzJt-6dLo/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

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

<a href='https://plus.google.com/ID Google+ anda' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYMB0hnrkoq1OIaNOB_D_QQZ62Sx6JCubYuUGo4AnxzdZkIANjsoXhw36ObaSoVbn2nm1QmqelFhYfgC9DwLN7OoeC9JOpSAqMXphpJaqTkfkAEYahKwqAxemiU6ybM2li35f87J_r9dE/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

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

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

</div></div>