Home » » Style Sitemap #2 Blue Sea

Style Sitemap #2 Blue Sea

Posted by Ran Dreamer on 24 Feb 2015

After before, I post about style sitemap # 1, this time I will share style sitemap # 2.  But before that, you have to know how to install it, please read how to create a sitemap. In this style is not much different from the first style, just different colors, and I call with Style Sitemap # 2 Blue Sea.

style sitemap 2

Please copy code below:
<style type="text/css">
/*Outer Border
------------------*/
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
/*Label Color and Background
------------------*/
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
/*Latest Post Info
------------------*/
.new{color:#FF5F00;font-weight:bold;font-style:italic}
/*Post Title List
------------------*/
.postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://infoikiblog.googlecode.com/files/customizable-TOC.js" type="text/javascript"></script>
<script src="http://myseotrick.ga/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
put the code on pages in HTML mode ...
code red, replaced with the url / link of your blog ...
Read Also : Style Sitemap #3 BlackAqua Jquery Accordion

Share This Post :
 
Copyright © 2015 LABSTON | Adsense, Blogger, Android, Backlink, SEO, Template. All Rights Reserved
Template Johny Wuss Responsive by Creating Website and CB Design