Cara Buat Box Instruksi Html Di Postingan Blogger


1. Masuk Ke Blogger .
2. Masuk ke ➦ Tema ➦ Edit HTML .
3. Copy Paste Kode di Bawah Ini , di atas kode ]]></b:skin>


 /* CSS BOX KODE CSS */ pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#443e50;position:relative;padding-top:33px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:3px;} pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollbar,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar {display:none;} pre::before{font-size:15px;font-weight:700;content:attr(title);position:absolute;top:0;padding:9px 0;left:0;right:0;color:#ffffff;display:block;margin:0;text-indent:15px} pre:after{display:inline-block;content:"\f121";font-family:fontAwesome;font-style:normal;font-weight:normal;font-size:18px;color:#ffffff;top:0;right:0;padding:9px 14px;position:absolute} pre code{display:block;background:none;border:none;color:#bec3ce;padding:25px 20px 20px 20px;font-family:'Source Code Pro',Menlo,Consolas,Monaco,monospace;font-size:.83rem;white-space:pre;overflow:auto} code .token.important {font-weight:bold;} code .token.entity {cursor:help;} code {font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:14px;line-height:1.3em} code{color:#BC587E} pre mark,code mark,pre code mark {background-color:#3498db;color:#fff;padding:2px;margin:0 2px;border-radius:2px;} pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before, pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#22A7F0;} /* CSS BOX KODE CSS END */


4. Save Template
5. Pergi Ke Postingan Atau Halaman.
6. Buat Postingan Atau Buat Halaman Baru , Atau Edit Postingan.
7. Pilih HTML di Samping Compose


8. Copy Paste Kode di Bawah ini ke HTML Postingan...

<pre data-codetype="HTMLku" title="Cara Buat Box Kode HTML di Postingan Blogger"><code class="language-markup">ISI HTML YANG MAU AGAN MASUKIN DI SINI...</pre></code>

9. selesain sudah dan lihat hasilnya...

BAGIKAN KE ORANG TERDEKAT ANDA
ONE SHARE ONE CARE

Sekilas tentang penulis : ApKatrok

AyangBeb Blogger Template | Premium Template, Harga murah meriah, Design modern dipadukan dengan Material design ala google dengan 7 macam warna berbeda