Mys2010 on Codepen

Memasang kode Css3 Card Design 
Untuk menerapkan kode tersebut Langkah awal
Login ke akun blog klik tombol blog baru   buat satubuah link baru kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber  berikut ini
Get Blank Template  edit background warna sesuai keinginan dan klik simpan selesai

Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai

html {
  font-family: 'Arial';
  background: url('http://Link Gambar.png');
}a {
  color: #c20;
  text-decoration: underline;
}
.centered {
  margin: 0 auto;
}
.finer-print {
  font-size: 15px;
}
.span2 {
  width: 40%;
  padding: 0;float: left;
}
.business-card {
  position: relative;
  background: #eeeeec;
  color: #2e3436;
  width: 400px;
  height: 240px;
  font-size: 20px;
  border-bottom: 2px solid #d3d7df;
  border-radius: 15px;
  box-shadow: 0 0 10px 1px #000;
  margin-top: 5%;
}.business-card .title {
  background: #c00;
  color: #fff;
  height: 30px;
  padding: 10px;
  font-weight: bold;
  font-size: 25px;
  border-top: 2px solid #ef2929;
  border-left: 2px solid #ef2929;
  border-radius: 14px 14px 0 0;
}.business-card .content {
  font-weight: bold;
  padding: 15px;
}.business-card .avatar {
  float: right;
  max-width: 100px;
  max-height: 100px;
  box-shadow: 0 0 10px 1px #777;
  border-radius: 3px;
}.business-card .footer {
  position: absolute;
  bottom: 10px;
  left: 2%;
  font-size: 15px;
  padding-top: 5px;
  border-top: 1px solid;
  width: 96%;
}

<div class="business-card centered">
  <div class="title">
   Your Text  </div>
  <div class="content span2">
   Your Text<br />
    <span class="finer-print">Your Text<br />    
    </span>
  </div>
  <div class="content span2">
    <img src="http://Link Gambar.png" alt="avatar" class="avatar" />
  </div>
  <div class="footer">
    &copy; 2013 <a href="http://Link Title">Top Page Design</a>
  </div>
</div>

Penjelasan :
Edit code warna tambahkan teks serta link gambar sesuai kinginan

Edited by. Myscript2010
Sources by. Mark Fischer, Jr on Codepen

DEMOSHOW