Posting Dua Kolom

by Taufik Nurrohman

HTML

<div>Dummy text dadada lalala tatata tadaaaa!!!
    <div>
        <a href="#">Baca Selengkapnya</a>
        <a href="#">30 Tanggapan</a>
    </div>
</div>

<div>Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!!
    <div>
        <a href="#">Baca Selengkapnya</a>
        <a href="#">30 Tanggapan</a>
    </div>
</div>

<div>Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!!
    <div>
        <a href="#">Baca Selengkapnya</a>
        <a href="#">30 Tanggapan</a>
    </div>
</div>

<div>Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!! Dummy text dadada lalala tatata tadaaaa!!!
    <div>
        <a href="#">Baca Selengkapnya</a>
        <a href="#">30 Tanggapan</a>
    </div>
</div>

CSS

body {
  background-color:#333;
  color:#ccc;
}

body > div {
  width:42%;
  padding:3%;
  height:200px;
  float:left;
  margin:1%;
  box-shadow:0 1px 3px black;
  position:relative;
}

body > div > div {
  position:absolute;
  right:10px;
  bottom:15px;
  left:10px;    
  overflow:hidden;
}

div a {
  display:inline-block;
  font-size:10px;
  color:white;
  text-decoration:none;
  padding:3px 5px;
  background-color:blue;
}

JavaScript

$(window).bind("load", function() {
   var urlHash = window.location.href.split("#")[1];
    $('html,body').animate({scrollTop:$('.'+urlHash).offset().top}, 4000);        
});