Cara membuat floating social media -
tutorial cara membuat floating social media di blogspot. cara membuat
floating social media ini sangat simpel ditambah dengan tampilan social
media yang sederhana tapi tetap menarik. Untuk memastikan bagaimana
tampilan tutorial cara membuat floating social media kali ini silahkan
klik icon demo dibawah, nah bila anda tertarik memasangnya silahkan
simak tutorial dibawah ini. langsung saja menuju TKP...Sematkan code CSS dibawah ini dibagian CSS template anda atau <style>
Code CSS here..
.floating-social-media {position: fixed;width: 100px;height: 200px;left: 10px;top: 100px;}
.floating-social-media a{padding: 10px 0;margin:0;text-decoration: none;}
.floating-social-media a:hover{ opacity: .5;}
.floating-social-media a{padding: 10px 0;margin:0;text-decoration: none;}
.floating-social-media a:hover{ opacity: .5;}
Code tag html ini dapat anda pasang dimanapun anda suka, bisa di widget atau langsung didalam code template tepatnya dibawah code <body>
Code HTML here..
<div class="floating-social-media">
<span><a href="https://www.google.com/+RivaiSilaban" target="_blank" rel="nofollow" title="Gplus"><img alt="Gplus invite" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY9UHPOXCyDFEKwstmSx5ClzzBPhzNabwzwdyqreWrDBlLUD9xjRljQU5IDCT7Zj7xDnp0uT8G7mT-iKf15btV4fD2U6qX1kCGf1MMBLO8yGacHQRRogNsVX_5w7HsZtpi4hnUFX_LymE/s1600/G+.png" title="Gplus"/></a></span>
<span><a href="https://www.facebook.com/rivaisilaban" target="_blank" rel="nofollow" title="Facebook"><img alt="Facebook like" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsi82dL9dj2K-UuUwMCCICsCsCut97c4X6QFCW9RwvK3ivk2WiXwQ3XO1u3Sek-5I3_uWIqyTfXz2PSPu-ARbU6jxaCGLviQZs-D6WoptTFcKLTmSpWMuoEPxf17NMOwDG2t4BO_5gfQ/s1600/FB.png" title="Facebook"/></a></span>
<span><a href="https://twitter.com/Rivai_Silaban" target="_blank" rel="nofollow" title="RSS"><img alt="feed rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMssd2yMtJc1-BZRrHFELr0aFtt1XnCA6Gs5SQ_nDx4_r8olVdmDsqh1tpxfDGZR_8cqDtSiz0eOFprciyo-Cy9g3rSQs-Xc_dDEELtuCvUoUavihrvzFYqNd1n-IUStsmOwxStwhfkA/s1600/TW.png" title="RSS"/></a></span>
<span><a href="http://feeds.feedburner.com/idblogspot" target="_blank" rel="nofollow" title="Twitter"><img alt="Follow Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA_d1RIJjeTBYeJnir3M5tMbQaFOwKsNPt1PoLCp2JHE2WCeihQPiad4yi4nRy3tVUGeY2wyia7DpVB_8NDs_qc63IrEgpyk7BhHea3B2GpkAb457iz4pKe3Q7tyK6GE_CS0KFS2b1yA/s1600/RSS.png" title="Twitter"/></a></span></div>
<span><a href="https://www.google.com/+RivaiSilaban" target="_blank" rel="nofollow" title="Gplus"><img alt="Gplus invite" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY9UHPOXCyDFEKwstmSx5ClzzBPhzNabwzwdyqreWrDBlLUD9xjRljQU5IDCT7Zj7xDnp0uT8G7mT-iKf15btV4fD2U6qX1kCGf1MMBLO8yGacHQRRogNsVX_5w7HsZtpi4hnUFX_LymE/s1600/G+.png" title="Gplus"/></a></span>
<span><a href="https://www.facebook.com/rivaisilaban" target="_blank" rel="nofollow" title="Facebook"><img alt="Facebook like" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsi82dL9dj2K-UuUwMCCICsCsCut97c4X6QFCW9RwvK3ivk2WiXwQ3XO1u3Sek-5I3_uWIqyTfXz2PSPu-ARbU6jxaCGLviQZs-D6WoptTFcKLTmSpWMuoEPxf17NMOwDG2t4BO_5gfQ/s1600/FB.png" title="Facebook"/></a></span>
<span><a href="https://twitter.com/Rivai_Silaban" target="_blank" rel="nofollow" title="RSS"><img alt="feed rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMssd2yMtJc1-BZRrHFELr0aFtt1XnCA6Gs5SQ_nDx4_r8olVdmDsqh1tpxfDGZR_8cqDtSiz0eOFprciyo-Cy9g3rSQs-Xc_dDEELtuCvUoUavihrvzFYqNd1n-IUStsmOwxStwhfkA/s1600/TW.png" title="RSS"/></a></span>
<span><a href="http://feeds.feedburner.com/idblogspot" target="_blank" rel="nofollow" title="Twitter"><img alt="Follow Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA_d1RIJjeTBYeJnir3M5tMbQaFOwKsNPt1PoLCp2JHE2WCeihQPiad4yi4nRy3tVUGeY2wyia7DpVB_8NDs_qc63IrEgpyk7BhHea3B2GpkAb457iz4pKe3Q7tyK6GE_CS0KFS2b1yA/s1600/RSS.png" title="Twitter"/></a></span></div>
