Membuat Logo Blogger dengan menggunakan CSS, Sebagai contoh coba arahkan cursor sobat pada Logo diatas, Nah bagi sobat yang penasaran langsung aja Lihat kodenya dibawah ini

<style>
.bloger {left:40%;
  width:120px;
  height:120px;
  background:orange;
  position:relative;
  margin:1px;
  display:inline-block;
  text-decoration:none !important;
  border-radius:15px;border:2px solid #ddd;box-shadow:0 0 4px #000,inset 0 0 4px #000;
}
.bloger *{
  position:absolute;
}
/* Blogger */
.bloger .b1 {
  width:42px;
  height:20px;
  border:18px solid white;
  border-bottom:none;
  border-radius:25px 25px 0px 0px;
  top:16px;
  left:16px;
}

.bloger .b2 {
  width:48px;
  height:12px;
  border:20px solid white;
  border-radius:0px 10px 25px 25px;
  bottom:16px;
  left:16px;
}
.bloger:hover{background:#000;cursor:pointer;
}
</style>
<div class="bloger">
    <div class="b1"></div>
    <div class="b2"></div>
</div>