Membuat Logo Blogger dengan CSS

Membuat Logo Blogger dengan menggunakan CSS, Sebagai contoh coba arahkan cursor anda pada Logo diatas, Nah bagi anda 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> 

Artikel Terkait