<h3>Judul: Malaykord Archive</h3> </br></br><div><style> #divClone{ } #top10header{ color: #111; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; line-height: 64px; margin: 0 auto; text-align: center; text-transform: uppercase; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-color: #c70505; border-width:1px; width: 90%; margin-top: 10px; } .post ul li { background: transparent; } #divClone h2,#divClone .PopularPosts .widget-content ul p a{ display:none; } #divClone, #divClone .popular-posts,#divClone .widget-content{ background-color:transparent; padding:0px; padding-left:10px; margin-top:10px; } #divClone .widget-content{ background:transparent; } #divClone .popular-posts ul, #divClone .PopularPosts .widget-content ul li{ } #divClone .popular-posts .widget-content ul li a{ } #divClone .widget-item-control{ display:none; } /* css list with numeber circle background -------------- */ #divClone .PopularPosts .widget-content ul{ counter-reset: li; list-style: none; *list-style: decimal; font: 15px 'trebuchet MS', 'lucida sans'; padding: 0; margin-bottom: 4em; } #divClone .PopularPosts .widget-content ul ul{ margin: 0 0 0 2em; } #divClone .PopularPosts .widget-content a{ position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em; margin: .5em 0; background: #262626; color:white; text-decoration: none; -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; } #divClone .PopularPosts .widget-content a:hover{ background: #bfbfbf; text-decoration:underline; } #divClone .PopularPosts .widget-content a:before{ content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background: #950404; height: 2em; width: 2em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; color:#FFF; } /* End css list with numeber circle background -------------- */ .PopularPosts .widget-content ul li { padding: 0em 0; } #ArchiveList #BlogArchive1_ArchiveList ul.hierarchy li.expanded ul.hierarchy li.expanded ul.hierarchy, .hierarchy .expanded .hierarchy .expanded .posts { display:none; } .archivedate::marker { unicode-bidi: unset; font-variant-numeric:unset; text-transform: none; text-indent: unset; text-align: unset; text-align-last: unset !important; } ul.hierarchy { display: unset; list-style-type: unset; margin-block-start: unset; margin-block-end: unset; margin-inline-start: unset; margin-inline-end: unset; padding-inline-start: unset; unicode-bidi: unset; } ul.hierarchy li::marker { content: none; /* Removes the marker */ } #BlogArchive1_ArchiveList{ text-align:left; } .archivedate .toggle,.post-count-link{ color: black; text-decoration: none; } </style> <br> <div id="top10header">Malaykord Archive(<div id="datetoday" style="display:inline"> </div>)</div> <div id="divClone" style="text-align:center"></div> <script> var today= "From 2010"; document.getElementById('datetoday').innerHTML= today </script> <div class="blogger-post-footer">#Malaykord</div></div>