1 Membuat Menarik Unordered List Pada Postingan

• Kode Unordered List Pertama,

.post-body ul,
.post-body ol{
  margin: 1em;
  padding-left: 1em;
}
.post-footer ul{
  margin: 1em;
  margin-top: -0.5em;
  padding-left: 1em;
}
.post-body ul li,
.post-footer ul li {
  list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgErXJ_c9VtfY0sHcppP2AXw9QlnYJgtv-hod9Kz4-20Wvrlvlm_FQSsbqgtiOPyVNGm9SR2AKYBTzS4dKY1JlZH-0vcyxG6l2EeytBFy2_UyOxqJrZhcTgC2qu9MMHF3KTNUaFEQvx5MI/s400/uncheck.gif);
  border-bottom: 1px solid #ccc;
  padding: .2em 0 .2em .5em;
}
.post-body ul li:hover,
.post-footer ul li:hover {
  cursor: pointer;
  list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGH_6ESrr03ues7TEXqw7WzBwkbuOJFqTgNfjK69Kn6tjpsiPi0UD6E53VwI02MkXScVAHlCzTUZ51lRfIAl2pmoTu9ZMN5dy947azZL7dfU4vYTv-D4TGhlazoiTAbUQ8c7UDdYCUeY/s400/check.gif);
  background-color: #f2f2f2;
  color: #B1291F;
}

• Selanjutnya, silahkan copy paste salah satu kode CSS tersebut lalu letakan di atas atau sebelum kode di bawah ini,

]]></b:skin>

• Lalu, Simpan Template.

Tweet

Komentar →