Sagittarius Splash Rainbow☂: Blockquote
     

Blockquote


Requested by Nyimas...

1. Sign in akun blog.
2. Dashboard > Template > Edit Html.
3. Cari kode:
blockquote {
4. Copy kode di bawah ini, lalu pastekan di bawah kode yang kamu cari tadi.
margin: 1em 20px;
border-radius:15px;
padding:10px;background:#ffffff;
border:2px solid #ff6699;
border-left:12px double #ff6699;
font:12px times new roman;
background-image:url(http://media.tumblr.com/6b13012bed560155c76bda4678ff0ee5/tumblr_inline_mo53ftf30L1qz4rgp.gif);
background-repeat:no-repeat;
background-position:99% 100%;
background-size:95px;
-webkit-transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
-webkit-box-shadow: 0px 0px 8px 1px #FFE2E6;
-goog-ms-box-shadow: 0px 0px 8px 1px #FFE2E6;
box-shadow: 0px 0px 8px 1px #FFE2E6;
background-image:url(http://media.tumblr.com/6b13012bed560155c76bda4678ff0ee5/tumblr_inline_mo53ftf30L1qz4rgp.gif);
background-size:95px;
background-repeat:no-repeat;
background-position: -35% 100%;
}
Note:
Biru: background kotak blockquote
Merah: border blockquote
Orange: font
Kuning: url smilies 
Hijau: warna shadow (bayangan) box blockquote saat disentuh cursor

5. Selesai.

9 komentar:

  1. makasih kak! *nyimas* sori pake akun mamaku

    BalasHapus
  2. iya hehe sama2 :) aku seneng kalo udah berhasil :)

    BalasHapus
  3. Kak Novita, di blog aku gak ada kode blockquote { nya? ._.

    BalasHapus
  4. @mutiara nurul izzati: KakTi, kakak tambahin kode blockquote { nya itu diatara kode quot quot. ctrl plus f aja

    BalasHapus
  5. Makasih tutor nya kak, sejujurnya gaada kode blockquote itu, tp aku bisa bikin kode sendiri YEAYYYY

    BalasHapus
  6. mantab :D berkunjung di sini ya mbak :D http://www.aboutofads.ga/

    BalasHapus

Still Confused? NoProb! Ask me here^^