Sampel Arsip Blog dengan ScrollBar Tersembunyi

by Taufik Nurrohman

HTML

<link rel="stylesheet" href="http://www.blogger.com/static/v1/widgets/1710613946-widget_css_bundle.css">
<h2>Arsip Blog</h2>
<div class='widget-content hidden-scrollbar'>
<div id='ArchiveList' class='inner'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>&#9660;&#160;</span>
</a>
<a class='post-count-link' href='http://latitudu.blogspot.com/search?updated-min=2012-01-01T00:00:00%2B07:00&amp;updated-max=2013-01-01T00:00:00%2B07:00&amp;max-results=10'>2012</a>
<span class='post-count' dir='ltr'>(10)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='post-count-link' href='http://latitudu.blogspot.com/2012_05_01_archive.html'>Mei 2012</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://latitudu.blogspot.com/2012_04_01_archive.html'>April 2012</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://latitudu.blogspot.com/2012_03_01_archive.html'>Maret 2012</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://latitudu.blogspot.com/2012_02_01_archive.html'>Februari 2012</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://latitudu.blogspot.com/2012_01_01_archive.html'>Januari 2012</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

          &#9658;&#160;
        
</span>
</a>
<a class='post-count-link'...

CSS

.hidden-scrollbar {
  background-color:black;
  border:2px solid #666;
  color:white;  
  overflow:hidden;
  text-align:justify;    
}

.hidden-scrollbar .inner {
  height:200px;
  overflow:auto;
  margin:15px -300px 15px 15px;
  padding-right:300px; /* Samakan dengan besar margin negatif */
}