How To Adding A Stylish map/Menu Page To Your Blog.
Site Map Help Users To Find All The Posts Of A Blog On A Page. In Other Words It Is A Navigation Page.
How To Add Widget ?
(1). Go To Your Blog And Login To Your Blog.
(2). Go To Pages And Create New Page. Give It To Tittle Either Menu or Site Map.
(3). Copy Below The Code.
<style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #dddddd;-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);}.labl{color:#eb3131;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#eb3131 0%,#eeeeee 40%);background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#eb3131),color-stop(1,#f06060));border:1px solid #transparent;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;}.new{color:#444444;font-weight:bold;font-style:none;}.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,#eeeeee));}.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br /><div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script><script src="http://www.focsofts.blogspot/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
(4). Paste The Code In Html Tab Of The Page.
(5). Now Change The http://www.focsofts.blogspot.com And Replace It With Your Blog Link.
(6). Save The Page And Visit To Your Blog.
Thanks For Visiting Our Website.
Post a Comment