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????

check article, guess you.

if using dynamic views check article editing html in dynamic views.


Comments

Popular posts from this blog

c++ - Linked List error when inserting for the last time -

java - activate/deactivate sonar maven plugin by profile? -

java - What is the difference between String. and String.this. ? -