7 Membuat Efek Stabilo/ Background Tulisan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Kalau sebelumnya anaa pernah membuat postingan cara membuat background pada postingan, kali ini anaa ingin sharing lagi cara membuat efek stabilo atau cara membuat background pada tulisan. Seperti ini: 
Contoh tulisan Dengan Efek Stabilo

Contoh tulisan Dengan Efek Stabilo
Bagaimana cara membuatnya? Mudah saja hanya dengan menambahkan code berikut

<span style="background-color:#FFFFB3;"> Disini letak tulisan yang ingin diberi efek stabilo </span>
Untuk menambahkan code tersebut anda harus dalam edit HTML.
Untuk melihat code warna dapat merujuk disini


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

7 komentar :

  1. asslmkum wr.wb
    salam sahabat
    wah bagus Ukhti izin saya praktekkan ya..thnxs n good luck ya

    BalasHapus
  2. wslmun'alaik wr wb
    wslm lagi nie? mksh bnyk nebar slm!
    tafadhol ukh, barakallahu fiik!

    BalasHapus
  3. mmg mudah, terimakasih jg komentarnya!

    BalasHapus
  4. baguis2 uklhti.. mw tya lagi klw malasah ini ana suka tapi klw mau bikin posting misalnya ada tulisan klik disinni terus langsung ke link yg ditujku bagaimna ukhti???

    misalnya marah, ada garis bawahnya dan bisa diklik pada postingan tolong yah bantu ana...

    BalasHapus
  5. @ Chomisah: Ukhty khan udah bisa? Itu buat link dan anchor teks. Caranya Ukhty bisa ngikutin contoh pada navbar (Horizontal menu) atau pada daftar link ukhty.

    Itu khn yg dimaksud? Diatas klik disini itu adalah anchor teks dari link yg dituju. Lbh mudah lagi klu ukhty posting tulisan dgn editor entri terbaru. Cara ngaturnya. Pada dasbor klik pengaturan, dasar, bagian akhir ada pilihan pilih editor entri, beri tanda bulatan kecil editor entri. simpan.

    Nah klu mau posting tuk ngisi link langsung aja klik yg bertuliskan link dan isi teks to display dgn anchor teks (Exp diatas klik disini).

    Smg dapat membantu.

    BalasHapus
  6. Mau langsung dipraktekkan, thanks tutornya, ya.

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!