Skip to main content

Cara Posting Kode HTML Di Blog

By Rauhun Isnaini
Belajar blog memang mengasikkan apa lagi kalau sudah mulai tahu tentang cara membuat blog menjadi lebih keren dan elegan dengan sedikit kode baik menggunakan kode HTML,CSS, JQuery ataupun Javascript.

Memang tidak mudah kalau kita belajar blog apa lagi tidak di dasari oleh niat yang kuat dan pengetahuan dasar tentang apa itu blogger, apa itu kode HTML , CSS dan kode lainnya karena dengan mengetahui fungsi dan kegunaan blogger akan membuat kita lebih cepat untuk mempelajari blogger baik secara struktur maupun kode-kode dasar untuk mempermudah dalam proses membuat sebuah blogger yang standar sesuai tuntutan zaman.
cara memposting kode html di blog

Saat ini, blog yang baik dan bagus adalah yang mampu memberikan kenyaman pengunjung dari sisi layout dan design contoh blog harus mobile friendly dan responsive sehingga blog akan menyesuaikan diri sesuai dengan layar gadget yang pengunjung gunakan.

Salah satu dari layout dan design yang baik adalah ketika kita memposting sebuah kode HTML, CSS, Jquery dan Javascript untuk kebutuhan tutorial yang memposting kode-kode untuk itu grimex akan membagikan sebuah cara memposting kode HTML, CSS, Jquery dan Javascript secara keren agar membuat pembaca tetap nyaman dengan tutorial kode yang kita posting.

/* CSS Simple Pre Code */

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:#79798d;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:#79798d;top:0;right:0;padding:9px 14px;position:absolute}

pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#fff;box-shadow:inset 0 0 0 1px #eee;}.

pre code{display:block;background:none;border:none;color:#bec3ce;padding:0px 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;}
pre mark,code mark,pre code mark {background-color:#3498db!important;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px;}

pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before,
Silahkan ikuti langkah-langkah berikut :
  1. Buka blogger
  2. Perhatikan Dasbord dan pilih menu Tema
  3. Bagian kanan terdapat dua menu dan silahkan pilih menu Edit HTML
  4. tekan CTRL+F untuk mencari kode ini ]]></b:skin>
  5. Setelah ketemu, copy kode "CSS Simple pre code" dan letakkan diatas kode ini ]]></b:skin>
  6. Simpan / Save 
Selanjutnya, setiap anda mau posting kode HTML, CSS, JQuery dan JavaScript tinggal memanggil dengan cara berikut sesuai dengan nama kode masing-masing :

<pre data-codetype="HTMLku" title="HTML"><code>
======>Paste-kan kode HTML yang sudah di convert>=========
</code></pre>

<pre data-codetype="CSSku" title="CSS"><code>
======>Paste-kan kode CSS yang sudah di convert>=========
</code></pre>

<pre data-codetype="JavaScriptku" title="Javascript"><code>
======>Paste-kan kode Javascript yang sudah di convert>=========
</code></pre>

<pre data-codetype="JQueryku" title="JQuery"><code>
======>Paste-kan kode JQuery yang sudah di convert>=========
</code></pre>
Ingat, untuk memasang kode di atas tinggal anda paste pada mode HTML ketika mau posting seperti gambar di bawah ini :
Mode HTML
Labels:

Comments

Post a Comment

Popular posts from this blog

Tugas dan Tanggung Jawab EDP

By Rauhun Isnaini
EDP singkatan dari Entry Data Processing adalah salah satu staff atau karyawan yang bertugas menginput data pada sebuah program. Biasanya perusahaan yang membutuhkan Staff / karyawan EDP adalah perusahaan yang bergerak dalam bidang jasa contohnya perusahaan distributor. Salah satu syarat untuk bekerja sebagai staff EDP adalah lulusan Teknik Informatika karena lulusan teknik informatika sudah terbiasa dengan program, aplikasi sehingga tidak membutuhkan waktu lama dalam beradaptasi ataupun training dalam mengenal sebuah program dan aplikasi. Secara umum staff EDP mempunyai tugas dan tanggung jawab sebagai berikut : Input data atau memasukkan data ke dalam program yang menggunakan database Membantu menyelesaikan masalah tentang program / trouble soft Database Administrator Periksa dan mempertahankan Server database Debugging kesalahan yang ditemukan di Server database Memeriksa dan menjaga koneksi jaringan File penanganan Back-Up file untuk Database Server. Memel...
Post a Comment
Read more

Tugas Administrasi Keuangan

By Rauhun Isnaini
Administrasi keuangan (Petty Cash) merupakan salah satu jabatan penting dalam sebuah perusahaan yang bertugas mengatur dan menjaga stabilitas keuangan. Dari bagian inilah kita akan tahu pertumbuhan perusahaan, apakah mengalami kemajuan ataupun penurun baik secara harian, bulanan dan tahunan. Laporan yang diberikan oleh administrasi keuangan merupakan hasil dari rekapitulasi dari keluar masuk kas sehingga dibutuhkan orang-orang yang memang benar-benar mengerti tentang keuangan yaitu jurusan akuntansi maupun pajak. Untuk lebih detailnya, berikut tugas administrasi keuangan : Menyusun laporan keuangan harian, mingguan, bulanan dan tahunan Mengelola uang kas Mengelola dan mengatur tagihan Bekerjasama dengan bagian lain dalam kaitan operasional administrasi keuangan Menguasai penggunaan Microsoft Office, Email Mengerti pelaporan dan perhitungan Pajak perusahaan Menerima uang masuk/kas masuk, menyimpan uang, Mengeluarkan uang/kas keluar dengan disertai bukti Pengaturan...
Post a Comment
Read more

Mengenal Tentang Staff IT

By Rauhun Isnaini
Staff IT adalah sebuah jabatan atau posisi dalam sebuah perushaan yang bertanggung jawab atas segala sesuatu yang berhubungan dengan Informasi Teknologi. Untuk menjadi Staff IT anda harus menjadi lulusan Teknik Informatika dan mempunyai skill atau kemampuan diatas rata-rata karena teknik informatika merupakan jurusan yang menghasilkan Staff IT. Staff IT mempunyai tanggung jawab yang sangat besar dalam kemajuan sebuah perusahaan. Apa saja job description atau tugas dan tanggung jawab Staff IT : Bertanggung jawab atas segala sarana dan prasana yang berhubungan dengan informasi teknologi. Bertanggung jawab atas segala kerusakan komputer, laptop, network/jaringan, finger print/mesin absensi  dan biasa disebut troubleshooting Membantu menyelesaikan permasalahan staff atau karyawan dalam menggunakan system, program dan aplikasi Bersedia mengajarkan staff atau karyawan tentang basic computer untuk memperlancar pekerjaan kantor atau perusahaan Setup segala sesuatu yang b...
4 comments
Read more