Cara Menyisipkan Kotak di dalam Posting Blog yang berisikan kode script HTML dan Javascript

Cara menyisipkan Kotak di dalam Posting blog yang berisikan kode HTML, javascript, dan CSS – Dalam dunia blogging, banyak artikel yang nantinya akan kita posting di blog. Mulai yang berniche jalan-jalan sampai nicje kesehatan.

Namun, hampir setiap blogger pasti punya niche andalanya yaitu tentang blog, ini dikarenakan apabila kita adalah blogger newbie alias baru dan mulai dari nol, apa yang sudah kita pelajari tentang blog bisa kita tuangkan kembali kedalam artikel tentang tutorial blog.

Bisa di bilang sambil belajar seputar blog, kita bisa rewrite posting tentang blog atau bahkan berbagi ilmu baru dari apa yang kita pelajari. Hindari copy paste, hargai karya orang lain. Terlebih bagi blogger apalagi baru, copas merupakan kegiatan yang di benci oleh blogger lainya terlebih mesin pencari google. Sangat di sayangkan bukan.

Kembali ke pembahasan, artikel saya kali ini yaitu tentang cara menyisipkan kotak di dalam posting blog yang berisikan kode javascript, CSS dan script HTML. Pernah kan ketika kita ingin tahu seputar blog terlebih kalau sudah masuk pada template, pasti tidak jauh dari yang namamya kode HTML, CSS dan javascript.

Lalu bagaimana jika kita ingin membagikan kode kode tersebut di dalam postingan blog dengan tampilan yang lebih rapi?

Langkahnya yaitu, silahkan membuat artikel baru/Entri Baru. klik mode HTML. Kemudian masukkan kode berikit :

<div style=”border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;”>
KODE SCRIPT ANDA DISINI
</div>

Kemudian klik lagi mode Compose. Hasilnya akan seperti ini :

KODE SCRIPT ANDA DISINI

Cara Termudahnya Menyisipkan Kotak di dalam Posting Blog yang berisi kode script HTML, CSS dan Javascript adalah sebagai berikut :

Tuntaskan dulu posting Anda di mode Compose.
Ketika akan menulis bagian memasukkan kode HTML, lewati dulu, kasih tanda, misalnya “KODE SCRIPT ANDA DISINI“.
Setelah selesai, klik mode HTML kembali.
Masukkan kode untuk kotak kode HTML (Ganti tulisan “KODE SCRIPT ANDA DISINI” yang dibuat tadi dengan kode untuk membuat kotak di postingan di atas).
Klik lagi mode Compose
Masukkan kode HTML yang sudah disiapkan ke dalam kotak yang sudah jadi.
Selesai dan lihat hasilnya.

Demikian Cara Menyisipkan Kotak ke Dalam Posting Blog yang Berisi Kode Script HTML, CSS, atau Javascript. Silahkan di coba agar script yang kita bagikan lebih rapi dan pengunjung merasa nyaman membaca postingan kita.

Happy Blogging:)

Rekomendasi:

5 Hal Yang Harus Disiapkan Sebelum Membangun Blog 5 hal yang harus disiapkan sebelum membangun blog - Blogger merupakan sebutan umum bagi mereka yang memiliki hobi didunia blogging. Entah itu orang dewasa maupun anak muda, sebutannya tetap sama yaitu…
Kompres PDF - Mudah mengurangi Ukuran File PDF Online Gratis Kompres PDF - Sekarang orang beralih ke dokumen format pdf. Ada pengusaha, administrator situs web, penulis konten, dan mahasiswa. Semua jenis penulis ini lebih menyukai file pdf untuk transaksi data…
Menulis Hanya Butuh Kemauan Dan Lakukan Menulis - Banyak orang yang beranggapan bahwa menulis itu pekerjaan yang susah. Kebanyakan mereka bingung harus mengawali tulisan dengan kalimat yang bagaimana dan seperti apa. Seolah semakin dipikir semakin macet dan…
Berganti Template Simplify 2 Responsive Blogger Templates Simplify 2 Responsive Blogger Templates - Congratulations!!!, selamat untuk blog PUNAKAWANKU yang memiliki tampilan baru. setelah sekian lama memakai template evomagz dari mas sugeng, kini www.punakawanku.com memakai template dari mbak…
Membuat Paragraf menjorok kedalam pada Blog Hal yang harus diketahui oleh para Blogger pemula selain membuat artikel yang menarik, kerapian sebuah artikel bisa di bilang cukup penting dalam menjaga kenyamanan pengunjung saat membaca artikel pada blog…
Manfaat Sering Update Artikel di Blog Setiap Hari… Manfaat Sering Update Artikel di Blog - Pada pembahasan sebelumnya saya pernah membuat artikel tentang dampak buruk akibat jarang update artikel dengan tujuan agar saya dan pembaca blog punakawanku kembali…
Cara Cek Kepadatan Kata Kunci Menggunakan Keyword Density Cara cek kepadatan kata kunci menggunakan keyword density - Menempatkan kata kunci serta menyebarkan kata kunci keseluruh bagian artikel merupakan tehnik SEO yang sering digunakan agar artikel cepat terindeks oleh google.…
Cara Membuat daftar Isi di Blog dengan kode HTML Cara membuat Daftar Isi di Blog - Ada banyak cara untuk melakukan optimasi blog, salah satunya yaitu dengan membuat daftar isi pada blog. Salah satu cara agar blog kita semakin…
Cara Riset Keyword Menggunakan Keywords Everywhere Cara riset keyword - Bagi seorang blogger yang fokus pada traffic dan penghasilan melalui google adsense. Riset keyword adalah salah satu cara untuk mendapatkan kata kunci yang paling banyak di…
Curhatan Seorang Blogger Blog, blog dan blog. Ketika kita sudah memutuskan untuk terjun dalam dunia blogging, tentu butuh totalitas yang luar biasa. Kenapa saya bilang totalitas yang luar biasa? Bagi kita para blogger…
Cara mengetahui URL Gambar dan Memasangnya pada Blog Satu lagi tips blogger dari saya, yaitu bagaimana memasang gambar pada blog. INGAT YA,pada blog, bukan pada postingan. Manfaatnya dari memasang gambar ini yaitu, kita bisa memasang ruang iklan/advertising pada…
Cara Cek Posisi Artikel Blog di Google Menggunakan… Cara Cek Posisi Artikel Blog di Google - Memiliki artikel yang berkualitas dan bisa nangkring pada halaman pertama google merupakan tujuan utama para pelaku SEO bahkan para blogger pemula. Artikel…
Bagaimana Cara Mengetahui Artikel Blog Kita di Copas… Cara Mengetahui Artikel Blog Kita di Copas Blogger Lain - Blogging tidak pernah lepas dari yang namannya copy paste. Tapi bukan berarti tindakan copas itu legal dikalangan blogger sehingga bisa…
Cara Menggunakan Longtail Keyword Untuk Mengejar Pageone Cara menggunakan longtail keyword - Memiliki artikel yang selalu pageone merupakan hal yang di idamkan bagi para blogger. Demi mendapatkan pageone google para blogger berlomba-lomba mulai dari meningkatkan SEO blog, sampai…
Tutorial Mendaftarkan dan Memasang Blog ke Feedburner Tutorial Mendaftarkan Blog ke Feedburner - Salam salam salam, jumpa lagi dengan saya. Postingan kali ini akan membahas Tutorial atau cara mendaftarkan blog ke feedburner. Mungkin bagi teman-teman yang sudah…
Cara Agar Artikel Cepat Terindeks Google Setelah… Cara Agar Artikel Cepat Terindeks Google - Bagi seorang blogger pemula, membuat artikel menarik adalah langkah utama agar blog cepat dilirik oleh robot google untuk mengindeks semua isi artikel blog. Akan…
Mengenali Fungsi Fetch As Dan Render Pada Webmaster Tools Fungsi Fetch As Dan Render Pada Webmaster Tools - Bagi seorang blogger hal yang paling penting ialah indeks dari google. Sehingga hal pertama kali yang dilakukan setelah kita membuat blog…
Artikel Berkualitas Menurut Google Artikel Berkualitas Menurut Google - Blog tidak pernah lepas dari yang namanya artikel. Bahkan bisa dibilang artikel adalah jantung dari blog agar tetap hidup dan bersaing dimesin pencari. Peran artikel sangat…
Alasan Mengapa Anda Harus Memilih Wordpress Dari… Alasan Mengapa Anda Harus Memilih Wordpress - selain platform Blogger, mungkin banyak diantara kita yang lebih memilih menggunakan plaatform wordpress sebagai platform website. Tapi tidak banyak yang tahu faktor utama mengapa…
Cara Membuat Blog Gratis Untuk Pemula di Dunia Blogging Cara Membuat Blog Gratis Untuk Pemula - Membuat blog baru dan gratis menggunakan paltform blogger sangatlah mudah, akan tetapi bagi seorang pemula yang belum pernah mengenal blog, tentu akan mengalami…
Cara Agar Judul Postingan Artikel Muncul di… Cara Agar Judul Postingan Artikel Muncul di Pencarian Google - Adakah seorang blogger yang menulis secara percuma? yang saya maksud percuma disini adalah tulisan anda tidak di indeks oleh google. Sehingga…
Script Anti Adblock UC Browser Otomatis Redirect ke Chrome Script Anti Adblock UC Browser - Bagi seorang publisher adsense, hal yang sangat dibenci adalah penggunaan adblock pada browser yang digunakan pengunjung. Browser yang memiliki pengguna cukup banyak dan memasang…
Tips Memilih Topik Blog Yang Menarik Banyak Pengunjung Tips Memilih Topik Blog Yang Menarik - Hal pertama yang harus dilakukan oleh seorang blogger jika ingin serius menyalurkan bakatnya didunia blog adalah topik blog. Pemilihan topik yang tepat dapat berpengaruh…
Rindu Nulis Saat Menunggu Approve Google Adsense Rindu Nulis - Google adsense oh google adsense, kapan kau beri keputusan?... Bagi teman-teman blogger, google adsense merupakan sesuatu yang didambakan agar blog yang dikelola bisa menghasilkan uang. Sehingga bukan…
(Tanpa Optimasi) Cara Agar Artikel Blog Tampil di… Cara Agar Artikel Blog Tampil di Halaman Pertama - Membuat blog bisa tampil dihalaman pertama google (Pageone) merupakan sebuah tujuan seorang blogger. Artikel yang bisa nangkring dihalaman pertama google sudah…