Blogger logo with CSS



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>
Previous
Next Post »
Thanks for your comment
Thank you for visiting Rikiya Arihyoshi.ınƒo hopefully what we give useful for you all to get closer to me please klick and if you want to find these websites you can also write Rikiya Arihyoshi only.