Sitene Blog Kutusu

<style type="text/css">
 /* Alan Haberler Genişilk Aralık Arkaplan Rengi */
.c_news {
   width: 95%;
   margin: 10px 0px 30px 0px;
   padding: 10px;
   overflow: hidden;
   box-shadow: 3px 3px 10px 3px #c9c9c9;
   border: 1px solid #DDDDDD;
   background-color: #EEEEEE;
}

/* Resim */
img.c_pic {
   width: 150px !important;
   float: left;
   margin-right: 20px;
 }

.c_right {overflow: hidden;}

/* Başlık İçin Özellikler */
.c_right h3 {
   font-weight: bold;
   border-bottom: 1px dotted #666666;
   color: #343434;
   padding-right: 5px;
   margin: 0px 0px 5px 0px;
}

/* Tarih Özellikler*/
.c_right h3 span {
   float: right;
   display: block;
   color: #666666;
   font-weight: normal;
   font-size: 12px;
}

/* Metin Özellikler */
.c_text {
   font-size: 12px;
   font-family: arial;
}

/* Bağlantı Metin */
.c_text a{
   float: right;
   display: block;
   margin-top: 5px;
}
</style>

<div class="c_news">
<img class="c_pic" src="Resim" alt="Bild">
<div class="c_right">
<h3>Başlık 1<span>Tarih</span></h3>
<p class="c_text">İçerik <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Resim" alt="Bild">
<div class="c_right">
<h3>Başlık 2<span>Tarih</span></h3>
<p class="c_text">İçerik <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Resim" alt="Bild">
<div class="c_right">
<h3>Başlık 3<span>Tarih</span></h3>
<p class="c_text">İçerik  <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>