إنضم لنا

Highlight code pre keren





Cara membuat code pre.

APA klian tau APA ITU code pre tentu tau dong karna para blogger biasanya Sudan  tidak asing lagi  dengan yang namanya code html APA lagi code pre.





Biasanya code pre di gunakan untuk memblock sebuah artikel yang terlalu pnjang  bisa di istilakan untuk membatasi tulisan biar ga keluar kemana mana tetap didalam yang telah kita tentukan dengan memblock menggunakan pre code ..

Namun bukan hanya ITU code pre biasa di gunakan  untuk menempatkan sebuah script karna dengan .menaro script di dalam mode pre .akan mudah di mengerti Dan di pahami pasalnya .banyak yang menggunakan nya untuk tutorial ...saya yakin kalian sudah tau saya tidak perlu menjabarkan panjang lebar karna saya lagi banyak pikiran nanti malah ngelantur kemana mana ..langsung sajah .di bawah INI kalian lihat demonya ..
Demo

Gimana kalian minat kalo kalian minat silahkan di bawah INI code CSSnya .kalian copy terlebih dahulu .

Kalian simpat code di bawah INI tepat di atas code ]]></b:skin>
*/di bawahini adalah code pre */
pre,pre code{color:#000}pre.blue{background:#9fa2a8;padding:8px 10px;overflow:auto;max-width:auto;text-align:left;margin:10px auto;brder-left:2px solid #000}code,pre,pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:15px;line-height:1.3em}code{color:#000}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}blockquote{font-family:Georgia,serif;color:#000;border-left:3px solid #000;padding-left:8px}
pre,pre code{color:#d18023}pre.blue{background:#0000ff;padding:8px 10px;overflow:auto;max-width:100%;text-align:left;margin:10px auto;border-left:3px solid #ff0000}code,pre,pre 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}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}blockquote{font-family:Georgia,serif;color:#141924;border-left:3px solid #dedede;padding-left:8px}
pre,pre code{color:#000}pre.red{background:#9fa2a8;padding:8px 10px;overflow:auto;max-width:auto;text-align:left;margin:10px auto;border-left:2px solid #000}code,pre,pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:15px;line-height:1.3em}code{color:#000}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}blockquote{font-family:Georgia,serif;color:#000;border-left:3px solid #000;padding-left:8px}
pre,pre code{color:#d18023}pre{background:#121835;padding:8px 10px;overflow:auto;max-width:100%;text-align:left;margin:10px auto;border-left:3px solid #ff0000}code,pre,pre 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}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}blockquote{font-family:Georgia,serif;color:#141924;border-left:3px solid #dedede;padding-left:8px}


*/background*/


Sengaja saya berikan background yang berbeda biar tidak terlalu monoton

Dan di bawah INI adalah htmlnya kalian bisa gunakan untuk membuat artikel

<pre class="code">apa kalian mau kalo mau ambil ajah</pre>
<pre><code>apa kalian mau kalo mau ambil ajah</code></pre>
<pre class="blue">apa kalian mau kalo mau ambil ajah</pre>
<pre class="red">apa kalian mau kalo mau ambil ajah</pre>

Sengaja saya berika class untuk membedakan warna background ..

Udah ITU saja Semoga bermanfaat
Penulis:

Seorang Penulis Asal Tegal jawa tengah 


PENTING !!!
Untuk pertanyaan di luar topik silahkan Gunakan Komentar Facebook atau Google+ sengaja Kami sediakan Untuk komentar random Dan untuk pertanyaan seputar article gunakan komentar disqus Terimakasih...

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments:

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Detail