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:

Salam Sapa Blogger Personal Salam Sapa Blogger Personal - Salam salam salam sahabat Punakawanku. Perkenalkan nama saya Arif Subur Wijianto tetapi lebih dikenal dengan nama Arif Punakawan. Kenapa harus Arif Punakawan? sebenarnya orang-orang terdekat sayapun…
4 Penyebab Artikel Hilang Dari Mesin Pencarian Google Penyebab artikel hilang dari mesin pencarian google - Artikel adalah salah satu bagian terpenting yang menentukan baik atau tidaknya penilaian mesin pencari(google, bing, yahoo, yandex) terhadap sebuah blog. Banyak para blogger…
(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…
Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool - Salam salam salam:), jumpa lagi dengan artikel lama tapi baru. Mungkin sudah banyak di bahas oleh para master blogger tentang Cara…
Cara Memperbaiki Broken Link Pada Blog Agar BLog Sehat Cara memperbaiki broken link pada blog - Salah satu cara untuk menjaga kesehatan blog adalah dengan cara mengecek link rusak yang terdapat didalam blog secara rutin. Pengecekan bisa anda lakukan…
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…
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…
Cara Meningkatkan Nilai DA dan PA Cara Meningkatkan Nilai DA dan PA - Dalam mengelola dan mengembangkan sebuah situs tentu banyak hal yang wajib anda ketahui. Salah satu yang harus dan wajib anda ketahui adalah tentang Domain…
Pengertian dari Domain Authority dan Page Authority… Pengertian dari Domain Authority dan Page Authority - Dalam dunia blogging, banyak sekali istilah SEO yang harus anda pahami dan terapkan untuk blog anda. SEO bukan hanya sekedar mengacu pada seo…
Penyebab Blog Sepi Pengunjung atau Visitor Penyebab Blog Sepi Pengunjung atau Visitor - Setiap orang yang terjun kedalam dunia blogging tentu memiliki latar belakang yang berbeda-beda tentang tujuan awal dari ngeblog. Jika tujuan awal hanya untuk menulis…
Blogger Asal Tuban Blogger Asal Tuban - Salam MATOH kanggo wong Tuban. hehehehehehe. Apa itu matoh? Kalau anda orang Tuban pasti tahu apa itu arti matoh. Yap, bener sekali, matoh itu adiknya keren…
Tutorial Membuat Menu Navigasi di Blog Javascript Tutorial membuat Menu Navigasi di Blog - Salam buat sahabat punakawanku, postingan saya kali ini akan membahas tentang Cara mudah membuat menu navigasi di blog. Apa itu Menu Navigasi? Menu…
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…
Cara Mengatur Jumlah Postingan di Halaman… Cara Mengatur Jumlah Postingan di Halaman Depan - Artikel ini sengaja saya buat karena banyak teman-teman blogger yang tanya melalui whatsapp, Bagaimaa cara mengatur jumlah postingan di Hompage. Bagi yang sudah…
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…
6 Langkah Mudah Membuat Blog Gratis Di Wordpress Sebelum anda memulai untuk terjun ke dunia Blogging, tentu anda harus tahu pengertian blog itu sendiri. Apa itu Blog? Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang…
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…
Membuat dan Memasang Script Iklan Banner di Blog Memasang Script Iklan Banner di Blog - Anda blogger pemula pasti pernah melihat sebuah kotak gambar yang terdapat di blog-blog tetangga. Biasannya kotak gambar tersebut berisi tulisan space iklan atau ada…
8 Niche Blog Yang Selalu Ramai Pengunjung Sebelum mulai membuat blog baru di blogspot, Anda harus menentukan dahulu niche atau topik apa yang akan dipilih untuk blog Anda nantinya. Hal ini perlu agar nantinya blog Anda bisa…
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…
Manfaat dan Keuntungan Menjadi Seorang Blogger Manfaat dan keuntungan menjadi seorang blogger - Sebenarnya ngapain sih ada orang yang sok jadi penulis blog dan menyebut dirinya seorang blogger? Saya pernah mendapatkan pertanyaan demikian dari salah satu teman.…
Mengenal Fungsi Tombol Icon Pada Editor Posting di Blogspot Memulai Membuat Artikel di Blog - Dari artikel sebelumnya tentang Cara membuat blog baru di blogspot untuk pemula. Artikel yang saya bagikan kali ini yaitu tentang fungsi tombol icon pada…
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…
3 Cara Agar Visitor atau Pengunjung Blog Stabil Cara Agar Visitor atau Pengunjung Blog Stabil - Bagi seorang blogger, hal yang paling penting adalah traffik atau pengunjung blog. Apalah arti sebuah blog jika tidak ada yang mengunjungi. Sangat horor…
Pengertian dan Kegunaan Tools Parse HTML atau HTML Converter Pengertian dan Kegunaan Tools Parse HTML - Pernah dengan kata PARSE kan? kalau anda seorang blogger pasti pernah mendengar kata Parse bahkan pernah melakukan parse kode html. Dikalangan blogger memparse Html…