Cara Membuat Widget Social Media Melayang Di Blog

Jumat, 05 April 2013

Login akun blogger sobat seperti biasa sob.
Lalu pilih Template - Edit HTML (Jangan lupakan centang Expand Widget Template)
Lalu silahkan sobat cari kode ]]><b:skin> agar memudahkan sobat dalam mencari kode tersebut silahkan gunakan CTRL+F bila kode tersebut sudah di temukan silahkan sobat taruh kode di bawah ini tepat di atas kode ]]><b:skin>.

.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYq9XfNM8tx_dep9jYEU2nsd9K9C5mmARDszXUFn649jS2HAMyeR_tbH2rVYVQWNc5HVJm1lFhcOikLEOayufozkZJ20AHW5D7COhLpQrgUVwYr78Bp79Gp6Gcr_477UHQcGVzfF_wN2CL/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}.sosmed-kananbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzBTxqeDI1ITB0p4OlcDOQYGceSQ-MflbMdpSkFRiG7QKmn7QS_jYcslxpUdAmt3OI1HvN-MvkY9bN7-RHNLkx7mbuxxi0wxLvGsTf6_euYxoO99WVT4dnBTuPr9YNS5QhiCVMvPdITfvx/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}.sosmed-isiblogger{margin:0px 0 0 43px}.sosmed-kanantwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1I3HEs0jkux2VScH9XT4YJF5iqLSv2XOMm2BpPp1sI-9qdQWDi6ShwMyTCGQSTGiTLkNxrXdyVyXOldpKv0Zk4FLlFouSVW-su1PIGHW4U5ODju8dfHXuYE2PhhJLnpB7W8CPLS_LguJk/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}.sosmed-kanantwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSNjxoDi-gMCzc6jAg-cr6jvcgYFucPSyj_SeLWcgAeOBnt25t5ERlk0PHADml7nt8NSUvfdBBEK_wwTviSK8XuI0FE_r1f0z6RpJiwuUAdkoUZt4yhXjv3pkPfG2-5R87xQcY4hoZ9oRQ/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}.sosmed-isitwitter{margin:0px 0 0 43px}.sosmed-kananfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjl38J-H7jCTLpqCvu3uSVaXrcOitbQ3zpmZizYa4RhS9pK1QQ3JKXwP_jV1XCOqLDpiWH0lAnyLS9-R-3lsK39xUJTfIeIVhOFc53AS79By8iV8n_U_KSOTUlZABG3xGJ-z0Z491VA3Qk/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}.sosmed-kananfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUc_2Fm-v3mSNzKCbCok30Doh7M3V31mKH8izuTVZtDaYLRFDEIEcCUtuvvP94SL8Fha6IRf8odpX4CZ803jITYw7TuGYB-wjQFwh3gX1MqR9XJ6WfDBjzUzNATtSsxZKIwtwskw1v20Xo/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}.sosmed-isifacebook{margin:0px 0 0 43px}.sosmed-kananrss{background:url('http://2.bp.blogspot.com/-A2gUy4WF8l8/UUa2igFbIZI/AAAAAAAAAiM/2ck6-Wot2yM/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}.sosmed-kananrssc{background:url('http://1.bp.blogspot.com/-RZyN5DznuUY/UUa9Uc04tFI/AAAAAAAAAi8/okz_LnBFNS4/s1600/RSSjoss.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}.sosmed-isirss{margin:0px 0 0 43px}

Nah setelah langkah di atas sudah dilakukan jagan kemana-mana dulu sob masih ada yang lainya.
Sekarang cari kode </body> sob gunakan lagi CTRL+F biar gampang nyarinya sob. Kalo kode tersebut sudah di temukan masukan kode di bawah ini tepat di atas kode </body>.

<div class='sosmed-kananblogger' onmouseout='this.className='sosmed-kananblogger'' onmouseover='this.className='sosmed-kananbloggerc''><div class='sosmed-isiblogger'><a href='ID FACEBOOK SOBAT' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggEORENtCM-5RR8Z4UaNAV3Iac0U0m_GV0PbH2x2tcmvDA3Sz7sin6k_fPADOPAzNGrx5hLPggH9XC3Foad3UwBSxUFK2NupYJdqz0e8EDpwm753hMk4tEnW05LXBbx52r8hkS4Bn-RsTG/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/></div></div><div class='sosmed-kanantwitter' onmouseout='this.className='sosmed-kanantwitter'' onmouseover='this.className='sosmed-kanantwitterc''><div class='sosmed-isitwitter'><a href='https://twitter.com/ID TWITTER SOBAT' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUNBA1JszRXaVJus6rqW39Hp6JjFIig9SJcgbL5k5EQeGl4w8cox1Y9tI63I1ZRgrSbKqOtAT7MMbVYtZB0IyfAG5gIiHU1wA0-YUWJxPXPc5WUXMG-80NCsbPQNhhnOcK16CuuwbMvUK/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/></div></div><div class='sosmed-kananfacebook' onmouseout='this.className='sosmed-kananfacebook'' onmouseover='this.className='sosmed-kananfacebookc''><div class='sosmed-isifacebook'><a href='ID GOOGLE+ SOBAT' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYXnhuFxn8zKb8qU49cV-AOofpzfMxiZb5S8VY469iLJJabyNTzETEYz70-PN33NfiX_zWYFQIZfirwGGAZzeYgLmr2tp-YhLRmpZQ2V5D2sYgcNKG-Kk24wuTdusvTUoGA_eZ6JtQdnWA/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/></div></div><div class='sosmed-kananrss' onmouseout='this.className='sosmed-kananrss'' onmouseover='this.className='sosmed-kananrssc''><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/ID FEED BURNER SOBAT/iqBg' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/></div></div>

Terakhir sebelum sobat klik Save silahkan preview dulu apakah sudah godjob atau belum kalo sudah baru sobat klik Save

Note :

Silahkan sesuaikan script yang berwarna-warni itu sesuai dengan ID-ID sobat semua.