1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
- A Smart jQuery Multi Tab Widget For Blogger
- How To Add jQuery Tab View Widget To Blogger
- How To Add jQuery Horizontal Dropdown Menu to Blogger
- How To Add jQuery Horizontal Sub Navigation to Blogger
- How To Add MooTools Link Fading To Blogger
- How To Add jQuery Scroll To Top Link To Blogger
- How To Add jQuery Scroll To Top Button To Blogger
- How To Add jQuery Scroll Background To Blogger
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
hover-me">
Your Text/Code
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
id="link1" href="javascript:;" class="fade">Link Fade 1
id="link2" href="javascript:;" class="fade">Link Fade 2
id="link3" href="javascript:;" class="fade">Link Fade 3
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag.
Go To TopDon't you like the dotted outlines there around your links?Then do the simple steps below to remove dotted outlines from your links.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]> tag .
3.Copy below code and paste it just before the ]]> tag.
a {outline: none;}1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag.
rcornerdiv">
Enter-Your-Content-Here
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQit7VsMcvpavtEzZr4jIUkERuxyVvwSlRN3H7eoq5jbgS_r-lzhSNra6mu7XGZ4hM5Ed2hckHFhCyAAGtnC2d2mjnHarMl_-6Sj1NUC_zwkVyq7FKP3rBOKvIAzw_H9dmPE4K-Xslqaq/);
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
This Article will provide you complete guide on search engine optimization (SEO) for blogger templates.If you have any other ideas please leave a comment.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]> tag .
4.Copy below code and paste it just before the ]]> tag .
.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
...Your html-escaped code goes here...
![](<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nPegGczGfwrXfErIRI7dJLcIfQGvsayKZcbVlJkwZXOnQxi7rSjDQK6XX8njGzD_e4jdYABwQY2SXjJlHkjHvpQX7ub8YZ40OhKaS7zCpICcMXQeP9IcBVu8WiSu0RZ4qfEDj0dbUyuc/" target="_blank" rel="nofollow">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nPegGczGfwrXfErIRI7dJLcIfQGvsayKZcbVlJkwZXOnQxi7rSjDQK6XX8njGzD_e4jdYABwQY2SXjJlHkjHvpQX7ub8YZ40OhKaS7zCpICcMXQeP9IcBVu8WiSu0RZ4qfEDj0dbUyuc/</a>)