Skip to content Skip to sidebar Skip to footer

cara membuat kotak script di dalam postingan blog

cara membuat kotak script dalam postingan blog

Panduan membuat kotak script di dalam postingan blog


Membuat teks yang menarik dalam postingan blog adalah salah satu cara para blogger memanjakan pengunjungya lewat artikel yang terlihat lebih menarik .contohnya membuat kotak script di dalam postingan blog mereka.

Dengan adanya kotak script di postingaan blog maka postingan blog kita akan terlihat lebih menarik. Dan sangat berguna untuk menyisipkan sesuatu yang penting misalnya (teks. Link. Html. Dan lain sebagainya ) agar dapat di cerna dan di pahami oleh pengunjung / pembaca postingan blog kita dengan mudah

Untuk kalian yang ingin membuat postingan blog dengan adanya kotak script ini kalian tidak bisa dapatkan secara otomatis di blogger jadi kalian harus membuatnya sendiri dan menambahkan kode html pada postingan blog kita

Nah untuk kalian yang masih bingung cara membuat kotak script di postingan blog silahkan baca artikel ini sampai habis. Karena saya akan memberikan sedikit tutorial cara membuat kotak script dalam postingan blog, sebenarnya artikel seperti ini sudah banyak sekali di temukan dan di posting oleh blogger blogger lain, namun saya akan terus menulis berdasarkan pengalaman saya di blogger dan akan membagikan sedikit demi sedikit pengalaman yang saya dapatkan di blogger ini

Okee langsung saja kita ke pembahasan awal

Ada beberapa style kotak script yang akan saya bagikan di sini untuk melihat tampilannya silahkan lihat contoh di bawah ini.

Berikut adalah style kotak script dalam postingan blog


1. scroll

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Pasang
Kode Script Kalian Disini</div>


2. double
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Pasang Kode Script kalian Disini</div>

3. left border

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">Pasang Kode Script Kalian Disini</div>

4. minimalis
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Pasang Kode Script Kalian Di Sini</div>


Itulah beberapa style kotak scrip untuk postingan blog, kalian tinggal pilih mana yang akan kalian pakai dalam postingan blog kalian.

sekarang saya akan memberikan tutorial cara pemasangannya

Untuk memasang kotak scrip dalam postingan blog juga sangat mudah, silahkan ikuti panduan di bawah ini


Sebelum membuat postingan kalian copy dulu salah 1 kode di atas ya

Berikut langkah langkah pemasangan kotak scrip dalam postingan blog


1. Silahkan kalian login ke blogger

2. Login ke menu postingan, pilih entri baru        seperti biasa kalian akan membuat postingan baru

3. Kalian pilih compose
   
   • buatlah tulisan apa saja yang akan kalian tulis dalam postingan blog

Lihat contoh gambar di bawah ini

Cara membuat kode script di postingan blog


4. Lalu pilih html

    • paste kan kode scrip yang sudah kalin  copy

Lihat contoh gambar di bawah ini

Kotak scrip | memasang kotak scrip


 5  silahkan kembali ke mode kompose  dan lihat 
hasilnya
    
Cara membuat kota scrip di postingan


Selesai, dan hasilnya seperti gambar di atas, cukup mudah bukan untuk membuat kotak script dalam postingan blog .
sekian tutorial kali ini, jika bermanfaat buat kalian silahkan share artikel ini agar bermanfaat juga untuk orang lain. Terima kasih sudah berkunjung

Post a Comment for "cara membuat kotak script di dalam postingan blog"