cara membuat biases di blog (denim template)

00:48:00



konnichiwa!!
pada postingan sebelumnya ryoko post untuk classic template
dan sekarang biar adil ryoko post untuk denim template ^^
ikuti tahap-tahapnya ya ^^

  • login ke blogger
  • dashboard 
  • lalu klik template
  • cari kode
    • .icon2 {
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-size:90px;
    margin: 5px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    border: 3px solid #ffc1c8;
    float: left;
    }

    #bias {
    position: absolute;
    display: block;
    width: 300px;
    height: 30px;
    top: 30px;
    margin-left: -20px;
    opacity: 0;
    text-align: center;
    color: #fff;
    background: #ffc1c8;
    -webkit-transition-duration: 0.8s;
    border-top: 3px solid #fff0f3;
    border-bottom: 3px solid #fff0f3;
    line-height: 4px; text-transform: uppercase ;
    -webkit-transform: rotate(-30deg);
    font-size: 12px;
    font-family:Patrick+Hand;
    }

    .icon2:hover #bias{left: 20px; top: 60px;
    bottom: 5px; opacity: 1;
    width: 103px; height: 20px;
    line-height: 20px;
    -webkit-transform: rotate(0deg)
    }


  • nah, kode diatas jangan lupa untuk di edit dulu ya ^^
  • and save!!
selamat mencoba ^^
oke sekarang cara memasangnya 

  • blogger
  • post 
  • klik html
  • lalu masukkan kode dibawah ini

<div class="icon2">
<img src="url image bias" width="100px" /><br />
<div id="bias">
who?</div>
</div>
<div class="icon2">
<img src="url image bias" width="100px" /><br />
<div id="bias">
who?</div>
</div>
<div class="icon2">
<img src="url image bias" width="100px" /><br />
<div id="bias">
who?</div>
</div>
  • jangan lupa kode nya di edit dulu ya ^^
  • and save
  • selamat mencoba ^^

Share This Story

Tags: ,

You Might Also Like

0 Cute Ota

Penting!!
*blog ini butuh saran & kritik jadi diharapkan semua memberi komentar
*gunakanlah kalimat yang sopan dan baik
*jangan berkata kasar atau kotor
*jangan bikin spam