How To Add To Blogger :-
- Go to Blogger Dashboard > Layout > Add HTML/Javascript.
- Paste Below Code into the Html/Javascript box.
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_kEqkavdjWGVZixwPCoTpC5kU9D60H7MFvCwK_0GzPeSXVMPlL8-jpoTaa1ga5j298wtzlB3KA5fMPjmfUwkmcJ73F8Gt4HNTCwtFwJHxSgt5nKtOvHUFX_qD_ZTK_a8NiOz-bgDv329/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQHFLsF-3OTX0DuzEi-UjEWMBAJ1qm1bp6LIKpDLYGCBif5AZlQPYHJqqGfGTq33VmzdeBbmKqHRbqSyfruee-l6BVRMh8AuxkIYQGl4Jvkq08fZptLDsnSUjmHz5OtqugoFR72d3mlCq/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9vdEqx85rqLYskxRV_5cPOjXhjR5Uo_QzCz8Vx8QWliqPn7SpK6INnsdFXG0YnDSBy-MWtAHT_vdvgnYxxFsOyitJ82GHDysWg6NOaWvN1L25LF98ZAnLZPZKYBlX5uL3QGChYGyOQq9/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcnlhR5YtiHwlT8N0Zjsm9Js5gdiqqN32eBnpv9eBDeeXq1hQkmat60-MJY9w_okEpYRJ87AJk2j5ctvTgr8JiBm2QtzyWYswdyBxwXvhDrFUH_NJqIL2vPjQKBLFWDyIghP02xBoaO7hK/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JXRRI7jCUV4nMC2wQWhEkTGn46cdioJ4n1nubGWKw1rwey9gnLuD0-U6nRZ9iXo3tTaQvtNXfNnjnBik-i7LdDH1TLhaB3AKbXFqUb1EaYCmdoHOd6mKQ0d-xTkc5ulv4aa-hpcmFgbt/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1P7Z7H8Ka4fweLf4mbS_Z_XQPrhtbv7kefEakhwl12-xS3WMnuVi_oXpXMtsx8ZHLr0NZhbmIPl_rchRG5EaH05kDulPDnVo9wNhIHBiA8d7DzYEew5Q2uiVGUNsOpxLS9glTIPBL7sg/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></center>Note :- Replace the Red sections with your social profiles and feed URLs.
- Save It & See the Result.
How To Remove Icons :- I have the code for each icon between tags like this <!--Start Rss Icon-->Code here<!--End Rss Icon-->>, to remove an icon remove the code between the tags.
0 comments Blogger 0 Facebook
Post a Comment