deZige

Modifikasi Tampilan Status Message Blogger

Modifikasi untuk mengganti tampilan kotak pesan/Status message Blogger

Modifikasi Tampilan Status Message Blogger

Modifikasi Tampilan Status Message Blogger - Kotak dialog yang selalu muncul ketika membuka salah satu label atau melakukan pencarian (search), sebagai contoh coba pilih salah satu label yang ingin ditampilkan, setelah meng-klik label tersebut akan muncul posting seluruh label yang dengan kategori yang dipilih.

Kotak dialog tersebut bisa modifikasi tampilannya dengan menimpa properti CSS bawaan Blogger, dalam hal ini admin tidak memberikan hasil modifikasi tampilannya, kalian bisa melakukan modifikasi CSS status message blogger dibawah ini:

Modifikasi Status Message

CSS
.status-msg-wrap {
  font-size:120%;
  width:90%;
  margin:10px auto;
  position:relative;
}

.status-msg-border {
  border:2px double red;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
  width:100%;
  position:relative;
}

.status-msg-bg {
  background-color:#ccc;
  opacity:.8;
  filter:alpha(opacity=30);
  -moz-opacity:.8;
  width:100%;
  position:relative;
  z-index:1;
}

.status-msg-body {
  text-align:center;
  padding:.3em 0;
  width:100%;
  position:absolute;
  z-index:4;
}

.status-msg-hidden {
  visibility:hidden;
  padding:.3em 0;
}

.status-msg-wrap a {
  padding-left:.4em;
  text-decoration:underline;
}


Sesuaikan modifikasi dengan tampilan yang diinginkan dengan mengganti properi atau nilai properti pada CSS diatas atau kita bisa menambahkan atau mengurangi properti yang ada diatas.

Semoga bermanfaat.

No comments:

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin

Kontak SosMed

.
deZige