Cara Menulis Script atau Kode HTML, CSS, JQuery, dan Javascript Pada Postingan Blog- Ketika kita menulis sebuah artikel diblog dan pada tulisan tersebut kita diharuskan menampilkan kode didalam artikel yang akan kita terbitkan nanti maka diperlukan suatu tempat atau wadah.
Yang mana wadah tempat tersebut dapat dibedakan mana yang tulisan artikel mana yang berupa kode.
Maka dari itu pada tulisan kali ini saya akan membahas tentang cara penulisan kode HTML atau yang lainnya didalam artikel blog.
Banyak cara yang digunakan seperti memakai syntact highligter atau apa namanya, suka lupa kalau pakai bahasa planet.
Baca juga : Cara Memasang Source Kode di artikel dengan Syntax Code Highligter di Blog
Menurut saya dengan memakai syntax kalau kita membuat tutorial blog semisal membahas tentang membuat apapun yang menyangkut kode. Terlalu ribet dan kurang praktis.
Tapi dari segi kelebihan banyak,
1. Kode menjadi rapi
2. Tampilan yang bagus
3. Mudah jika kita copy kodenya tinggal klik 2 x
Namun dari segi keceatan loading menurut saya akan lebih cepat yang akan saya bahas saat ini karena tidak harus memasukkan kode ke template tetapi hanya pada postingan yang dikehendaki.
Kode ini mendukung Script atau Kode HTML, CSS, JQuery, dan Javascript atau kode jenis lainnya pada blog. Dengan kode ini kita tinggal kopi kode tersebut diletakkan pada mode tertentu atau lebih tepatnya pada mode html.
Banyak cara yang digunakan para master blogger, tapi secara efisien cara dibawah ini lebih saya rekomendasikan.
Yang mana wadah tempat tersebut dapat dibedakan mana yang tulisan artikel mana yang berupa kode.
Maka dari itu pada tulisan kali ini saya akan membahas tentang cara penulisan kode HTML atau yang lainnya didalam artikel blog.
Banyak cara yang digunakan seperti memakai syntact highligter atau apa namanya, suka lupa kalau pakai bahasa planet.
Baca juga : Cara Memasang Source Kode di artikel dengan Syntax Code Highligter di Blog
Menurut saya dengan memakai syntax kalau kita membuat tutorial blog semisal membahas tentang membuat apapun yang menyangkut kode. Terlalu ribet dan kurang praktis.
Tapi dari segi kelebihan banyak,
1. Kode menjadi rapi
2. Tampilan yang bagus
3. Mudah jika kita copy kodenya tinggal klik 2 x
Namun dari segi keceatan loading menurut saya akan lebih cepat yang akan saya bahas saat ini karena tidak harus memasukkan kode ke template tetapi hanya pada postingan yang dikehendaki.
Kode ini mendukung Script atau Kode HTML, CSS, JQuery, dan Javascript atau kode jenis lainnya pada blog. Dengan kode ini kita tinggal kopi kode tersebut diletakkan pada mode tertentu atau lebih tepatnya pada mode html.
Banyak cara yang digunakan para master blogger, tapi secara efisien cara dibawah ini lebih saya rekomendasikan.
Banyak cara dan teknik di dunia maya cara yang paling simple menurut admin blog ini adalah cara yang ada di CB blog atau maskolis blog. Mereka memberikan cara yang simple dan mudah penerapannya bagi blogger pemula seperti blog ini:
Jadi ketika kode dan tulisan artikel akan tampak berbeda mana yang bagian kode mana yang bagian artikel.
Oke mari kita lihat kodenya dibawah ini :
Dengan kode yang sangat simpel dan efisien, anda tidak terlalu dibingungkan dengan cara-cara yang terlalu sulit untuk blogger pemula.
Oke mari kita lihat kodenya dibawah ini :
Dengan kode yang sangat simpel dan efisien, anda tidak terlalu dibingungkan dengan cara-cara yang terlalu sulit untuk blogger pemula.
<div style="border: 1px solid #ddd; padding: 10px; background-color: #fafafc; text-align: left;">
Kode Script Anda Di Sini
</div>
Kopi kode diatas pada penulisan mode "HTML" Kode yang ditandai dengan warna merah merupakan background dari tampilan kotak kodenya. setelah anda mencopy kodenya bisa kembali ketampilan penulisan "COMPOSE". Maka hasilnya akan tampak seperti gambar dibawah ini :
Kode Script Anda Di Sini
Dan hasilnya seperti yang anda lihat. Untuk model warna background sesuaikan dengan selera anda.
Jika anda ingin mengutamakan tampilan maka anda tinggal mengikuti atau klik cara memasang syntax highligter yang disediakan dalam artikel ini.
Dengan mengikuti tutorial tersebut anda tampilan kode anda akan lebih elegan, tapi kelemahannya adalah pada fast loading blog.
Bisa dibedakan setalah dan sebelum memakai kode highlighter dengan menggunakan alat pengukur kecepatan website yaitu GTMetrix atau Pagespeed Insight.
Jadi kesimpulannya adalah buatlah template blog itu seringan mungkin karena mesin pencari seperti google menyukai template blog yang simple dan fasloading serta artikel yang berkualitas pula. Tiga-tiganya harus ada
Maka dijamin artikel anda akan nangkring di posisi pageone alias halaman awal mesin pencari.
Demikian tutorial Cara Menulis Script atau Kode HTML, CSS, JQuery, dan Javascript Pada Postingan Blog yang juga massiswoblog pula gunakan. Bagaimana ? sangat mudah kan
Jika anda ingin mengutamakan tampilan maka anda tinggal mengikuti atau klik cara memasang syntax highligter yang disediakan dalam artikel ini.
Dengan mengikuti tutorial tersebut anda tampilan kode anda akan lebih elegan, tapi kelemahannya adalah pada fast loading blog.
Bisa dibedakan setalah dan sebelum memakai kode highlighter dengan menggunakan alat pengukur kecepatan website yaitu GTMetrix atau Pagespeed Insight.
Jadi kesimpulannya adalah buatlah template blog itu seringan mungkin karena mesin pencari seperti google menyukai template blog yang simple dan fasloading serta artikel yang berkualitas pula. Tiga-tiganya harus ada
Maka dijamin artikel anda akan nangkring di posisi pageone alias halaman awal mesin pencari.
Demikian tutorial Cara Menulis Script atau Kode HTML, CSS, JQuery, dan Javascript Pada Postingan Blog yang juga massiswoblog pula gunakan. Bagaimana ? sangat mudah kan
Tags:
Tutorial Blog