How To Make Cute Blockquote

by - Oktober 26, 2017

Hasil gambar untuk hyouka oreki gif
Kali ini tutorial membuat blockquote di blog. Pastinya blockquote cantik. Belum tahu blockquote? Pokoknya, ikuti tutorial dibawah ini. Credit : Kak Mutiara Nurul Izzati

Ini blockquote-nya


  • Masuk akun blog kalian
  • Ke Dashboard >> Template >> Edit HTML
  • Cari kode yang ada pada bawah ini.
]]></b:skin>
  • Untuk mempermudah pencarian, tekan tombol Ctrl dan F di keyboard mu secara bersamaan.
  • Lalu copy kode dibawah ini, dan paste di ATAS kode tadi.
.post blockquote {
margin: 1em 20px;
border-radius:15px;
padding:10px;
background:#ffffff;
border:2px;
solid #addfff;
border-left:12px double #addfff;
font:14px souvenir lt bt;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 #3399ff;
-goog-ms-box-shadow: 0px 0px 8px 1px #3399ff;
box-shadow: 0px 0px 8px 1px #cccccc;
background-image:url(http://media.tumblr.com/6b13012bed560155c76bda4678ff0ee5/tumblr_inline_mo53ftf30L1qz4rgp.gif);
background-size:95px;background-repeat:no-repeat;background-position: -35% 100%;
}
  • Klik save template. Tidak ada perubahan?
  • Kalian harus buat blockquotenya dulu!
  • Entri baru, lalu tulis tulisan yang mau di blockquote. Misalnya, pinky atau cute dolls.
  • Highlights tulisanmu, lalu klik tanda kutip disebelah tanda bullets.
  • Publikasikan, lalu lihat hasilnya.
  • Taraaaaa!

You May Also Like

0 ice cream lover(s)

Ongoing Challenge