Go To Blogger > Design > Edit HTML
Backup your template
Search for this,
]]></b:skin>
Just above it paste the CSS code below
#fry-stickybar{
background:#0080ff url('http://your image link background for sidebar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#fry-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#fry-stickybar a:hover{
text-decoration:underline;
}
#fry-stickybar p {margin:0; list-style:none;}
#fry-stickybar img {vertical-align: middle;
margin-right: 6px;}
background:#0080ff url('http://your image link background for sidebar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#fry-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#fry-stickybar a:hover{
text-decoration:underline;
}
#fry-stickybar p {margin:0; list-style:none;}
#fry-stickybar img {vertical-align: middle;
margin-right: 6px;}
To change the background colour : #0080ff Use our Color code generator.
Next search for this code
<body> or related code, dont fill in the body of head there are different path
Just below it paste the following code, which you you choice only text or image
FOR TEXT ONLY
<div id='fry-stickybar'>
<a href='#'>ADD TEXT HERE</a>
</div>
FOR IMAGE
<div id='fry-stickybar'>
<img src='IMAGE LINK'/><a href='#'>ADD TEXT HERE</a>
</div>
....................................Only that..........
# change with your Url link,or blog link
ADD TEXT HERE rename it
IMAGE LINK where is your image link
notes if you need converter(to PHP,ASP,JS,SP,Perl you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc
Home | Code 2 >>>
0 komentar:
Post a Comment
thank your for your comment