Stylish Sitemap Page For Blogger

Follow @tonufz

Hi Guys,
Now i am sharing with yours about a beautiful sitemap widget for your blog. Visitors can known about your all post & article from your sitemap page. Everybody should keep a sitemap page for his/her blog. If you need so just see my sitemap page, i am sure that you do not dislike  this widget.

Visit my sitemap page & give your feedback about it.

How to add this widget to your blog?

• First log in your blog

• then Pages --> New Page

• After paste this bellowing code to HTML format page

 <h2>Thanks For Visiting Our Blog</h2>
<img src="http://3.bp.blogspot.com/-aMdIvc1Tq1E/Ucz8BenWqJI/AAAAAAAAAYU/8BoTFjoCjXI/s368/tech-everyday.png"/>
<h2>Please Search Your Topic From The Given List...</h2>
<style type="text/css">
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
 border: 2px solid white !important;
 background: #f78d1d;
 background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
</style>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://tech-everyday.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>

• Note: Change Your Blog Site URL & Image

Do you like this post? Please link back to this article by copying one of the codes below.

URL: https://tech-everyday.blogspot.com/2013/06/stylish-sitemap-page-for-blogger.html HTML link code: <a href="https://tech-everyday.blogspot.com/2013/06/stylish-sitemap-page-for-blogger.html">Stylish Sitemap Page For Blogger</a> BB link code: [url=https://tech-everyday.blogspot.com/2013/06/stylish-sitemap-page-for-blogger.html]Stylish Sitemap Page For Blogger[/url]