Belajar Html Lengkap Ket : ganti kode warna merah dengan id top menu milik anda. Sekedar gambaran, pada umumnya sebuah menu blog memiliki skema kode HTML sebagai berikut :

LIPANRITV1

Retas5



    Medsos4

    coba4

    coba6

    Entri Populer

    Translate

    .btn-space{text-align: center;} .ripple {text-align: center;display: inline-block;padding: 8px 30px;border-radius: 2px;letter-spacing: .5px;border-radius: 2px;text-decoration: none;color: #fff;overflow: hidden;position: relative;z-index: 0;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .ripple:hover {box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);} .ink {display: block;position: absolute;background: rgba(255, 255, 255, 0.4);border-radius: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} .animate {-webkit-animation: ripple 0.55s linear;-moz-animation: ripple 0.55s linear;-ms-animation: ripple 0.55s linear;-o-animation: ripple 0.55s linear;animation: ripple 0.55s linear;} @-webkit-keyframes ripple {100% {opacity: 0;-webkit-transform: scale(2.5);}} @-moz-keyframes ripple {100% {opacity: 0;-moz-transform: scale(2.5);}} @-o-keyframes ripple {100% {opacity: 0;-o-transform: scale(2.5);}} @keyframes ripple {100% {opacity: 0;transform: scale(2.5);}} .red {background-color: #F44336;} .pink {background-color: #E91E63;} .blue {background-color: #2196F3;} .cyan {background-color: #00bcd4;} .teal {background-color: #009688;} .yellow {background-color: #FFEB3B;color: #000;} .orange {background-color: #FF9800;} .brown {background-color: #795548;} .grey {background-color: #9E9E9E;} .black {background-color: #000000;}