css - How to add this code in edit template HTML option of Blogger? -
i'm using dynamic views template provided blogger blog http://www.blogmytrips.com wrote following code creating cool "follow us" option blog.
<!doctype html> <html> <head> <style type="text/css"> #hide_show_container { background-color: #606c88; } #hide_show { width:100%; height:15px; font-size:12px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #ffffff; background-color: #606c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b); background-image: -moz-linear-gradient(top, #606c88, #3f4c6b); background-image: -ms-linear-gradient(top, #606c88, #3f4c6b); background-image: -o-linear-gradient(top, #606c88, #3f4c6b); background-image: linear-gradient(to bottom, #606c88, #3f4c6b);filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#606c88, endcolorstr=#3f4c6b); } #hide_show:hover { color:#ffc92b; cursor:pointer; } #bmt_icons { height:145px; width:43px; position:fixed; right:0px; bottom:0px; padding-bottom:3px; border-style:groove; border-top-left-radius:5px; border-top-width:3px; border-left-width:3px; border-right-width:0px; border-bottom-width:0px; border-color:#4863a0; text-align:center; } .icon { padding:0px; margin:0px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; text-align:center; } .icon:hover { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .icon_href { border-style:none; text-decoration:none; } </style> </head> <body> <div id="bmt_icons"> <div id="hide_show_container"> <a id="hide_show" onclick="if(this.innerhtml=='hide'){this.innerhtml='show';document.getelementbyid('bmt_icons').style.height='14px';}else{{this.innerhtml='hide';document.getelementbyid('bmt_icons').style.height='145px';}}">hide</a> </div> <div class="icon" style="padding-top:3px;"><a class="icon_href" href="https://www.facebook.com/blogmytrips" target="_blank"><img src="https://lh3.googleusercontent.com/-4hbj6dee5sq/uhpa9lc-8ui/aaaaaaaagws/f4i-axhayf4/s800/facebook.png"></a></div> <div class="icon"><a class="icon_href" href="https://twitter.com/blogmytrips" target="_blank"><img src="https://lh6.googleusercontent.com/-0tqqpcuecdw/uhpa9vq1fui/aaaaaaaagw0/obsxdon5fta/s800/twitter.png"></a></div> <div class="icon"><a class="icon_href" href=""><img src="https://lh5.googleusercontent.com/-z5wwjgbzkvi/uhpa9igqp5i/aaaaaaaagww/0ipabky4uwk/s800/googleplus.png"></a></div> </div> </body> </html>
when tried add code in html code of template, section have added gets displayed. but, once blog's template loads section have added not displayed browser anymore. can give me idea how should add html code in blog template's html????
Comments
Post a Comment