Kotak script dengan seleksi di blog AMP

Kembali saya ingin bagikan css untuk membuat kotak script di blog AMP dengan tambahan seleksi dan dijamin tidak akan membuat blog sobat menjadi error karena hanya dibuat dengan kode css saja.

Silahkan sobat copas kode dibawah ini dan dimasukkan di atas kode  </style>

pre{padding:.5em 1em;margin:1.3em 0;white-space:pre;word-wrap:normal;overflow:auto;background-color:#002028;font-size:14px;clear:both;border-left:3px solid #184e59;color:#84999b;max-height:500px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;line-height:1.6em;color:#00aecd;font-size:12px}
pre code{display:block;padding:0.5em;color:#839496}
::selection{background:#1066b9;color:white}
::-moz-selection{background:#1066b9;color:white}
.centered{text-align:center}
.highlight{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}

Selamat mencoba..!

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts