Cara menambahkan Text box baca juga Berwarna pada blog

Konten [Tampil]

Halo sobat blogger, kali ini aku akan membagikan tutorial cara membuat tampilan baca juga di template blog kalian ,seperti gambar diatas itu, dengan tampilan yang lebih elegan dan berwarna.

banyak cara para blogger dalam membentuk tampilan blog nya agar terlihat lebih menarik. salah satu dengan menambah beberapa script baik menggunakan kode html,css dan script script lain nya.

Cara membuat Text box baca juga Berwarna pada blog 

hal yang sama juga di inginkan oleh admin sendiri dalam membangun sebuah blog agar terlihat lebih cantik, sulitnya aku mendapatkan tutorial ini, dari banyak nya tutorial di blog lain,aku hanya menemukan kode tampilan warna nya saja, 

tetapi aku sendiri pun tidak tau cara memasang nya ,terkhusus cara memasangnya di template viomagz buatan mas sugeng ini.

Baca Juga : Membuat tombol download keren

dan pada akhirnya aku pun berhasil membuat tampilan baca juga blog ku, seperti gambar diatas, dan alhasil tampilan blog ku seperti punya nya para blogger yang sudah pro,wkwk bagi kalian yang pusing mencari cara nya bagaimana, simak tutorial ini sampai selesai ya.berikut ini cara memasang nya

1. silahkan kalian salin kode box warna nya di bawah ini

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Sobat Disini</div>

untuk " background-color: #f3f3f3 " = bisa kalian ganti dengan kode warna yang kalian sukai, untuk jenis warna bisa kalian searching saja di google.

untuk tulisan " kode script sobat disini " itu silahkan di hapus saja, dan sisakan kode </div> nya saja yang akan di gunakan sebagai penutup.

2. setelah kalian copy code nya, silahkan masuk ke dasbord blog - klik tema - edit html

    klik Ctrl+F - tulis kata " baca juga " pada kolom pencarian - klik enter 2 kali.

    lihat seperti gambar di bawah ini:

Letakan kode html warna baca juga diatas tepat dibawah kode </b:loop>, untuk kode </div> silahkan ditambahkan satu lagi paling bawah. lalu klik- simpan 

dan silahkan lihat hasilnya.

seandai nya belum juga berhasil silahkan pahami lagi dengan baik dan teliti. tutorial ini terkhusus bagi pengguna template viomagz, dan bisa saja pengguna lain untuk mencoba dengan cara ini. "tidak ada salahnya kita mencoba, sapa tau berhasil ".

Hasilnya akan seperti dibawah ini:

mungkin itu saja tutorial yang bisa aku share kali ini, semoga bisa memudahkan kalian dalam membangun sebuah blog, dengan tampilan yang lebih elegan, menarik, dan unik ok, semoga bermanfaat. " berbagi ilmu itu indah bosqu".

Klik Spasi Hi, Aku Masboy, Suka Menulis Berbagai Macam Tutorial seputar Dunia Tekno

Share :