Home Profile Opinion Academic Experience Tutorial

Minggu, 05 Juni 2016

Cute Date Header


  Hai, assalamu'alaikum!! Resti mau ost tutorial yang sebelumnya sudah disiapkan jauh-jauh hari nih. Oh ya, mumpung sebelum long hiatus ada waktu, Resti post tutorial deh. Read more!!


1. Dashboard
2. Template
3. Edit HTML
4. Expand Widget Template
5. Cari kode:  (pilih salah satu kode yang ada di templatemu) *kalau nggak ada semua, maaf aku ga bisa bantu*

  • .date-header {
  • h2.date-header {
6. Copy kode dibawah ini DIBAWAH kode yang kamu cari *yang kamu dapatkan*
  width:220px;
  height:20px;
  margin-left:25px;
  padding-top:5px;
  color:#fea5c2;
  font-family: Delius Swash Caps;
  font-size:12px;
  box-shadow: 0px 0px 0px 4px #ffe5e5;
  background:#ffe5e5;
  border:3px dotted #ffffff;
}
.date-header:hover {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
-lalu paste
-silakan edit-edit sesukamu
7. Save

Terima kasih telah membaca, tinggalkan komentar ya!

1 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...