Cara membuat watermark di awal tulisan artikel

Hello sobat Bloggermuda kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat watermark di awal tulisan artikel dengan credits text yang bisa disesuaikan

Watermark

Apa itu watermark? Watermark jika di terjemahkan artinya tanda air, tanda air maksudnya apa? maksudnya meletakkan sebuah tanda copyright dalam suatu tampilan, meskipun didalam tampilan tersebut hanya menampilkan sebuah teks, hal tersebut sudah cukup untuk menyebutkannya sebagai watermark, tampilan yang dimaksud disini bisa berupa karya dalam bentuk vidio, tulisan, artikel, gambar dan sebagai

Fungsi Watermark

Menampilkan watermark terkhusus diawal artikel blog atupun website akan membuat blog ataupun website tersebut terlihat lebih profesional layaknya website berita yang banyak menggunakan watermark diawal artikel mereka, nah jika kamu ingin memasang dan menampilkan watermark tersebut didalam blog kamu, kamu bisa mempelajarinya lebih lanjut dengan menyelesaikan membacanya hingga selesai oke

Dibuat menggunakan CSS

Karena dalam pembahasan kita kali ini menjabarkan mengenai cara membuat credits diawal artikel maka kita akan fokuskan kepada topik pembahasan kita kali ini aja oke, dan untuk membuat watermark diawal artikel kita hanya perlu menggunakan kode CSS didalam pemuatannya, hal tersebut akan membuat tampilan menjadi sangat responsif

Contoh Tampilan

Agar kamu tidak penasaran dengan bagaimana contohnya watermark diawal artikel tersebut, kamu bisa langsung menggunakan tombol dibawah ini untuk bisa memeriksanya

Cara Pembuatan

Baiklah saatnya admin menjabarkan mengenai caranya membuat watermark di awal tulisan artikel, oke baca dan pelajari terus artikel ini hingga selesai ya

Kode CSS

Langkah pertama yang bisa kamu lakukan untuk membuat watermark ataupun credits text diawal tulisan artikel kamu bisa menyalin kode CSS dibawah ini, kemudian kamu bisa meletakkannya diatas kode ]]></b:skin>

.post-body::first-line:before{
content:'Bloggermuda.com - ';
font-family:normal;
font-size:normal;
font-weight:800;
z-index:5px;
margin-right:2px;
float:left;
}

Info: Ataupun sobat bisa menggunakan tag kode style untuk meletakkan kode CSS diatas