Cara membuat kotak script dengan tambahan 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,&#39;Andale Mono&#39;,&#39;Courier New&#39;,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}

Untuk contohnya seperti yang ada di blog ini, sobat arahkan kursor kedalam dan klik kanan maka script di dalam kotak siap untuk di-copas

Selamat mencoba..!
Related Posts
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar