Cara Membuat Watermark Gambar Di Postingan Blog - ndelet.com
Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Watermark Gambar Di Postingan Blog

GAWARIBLOG-Watermark sangatlah penting untuk menunjukkan suatu karya baik itu tulisan, lukisan, atau benda benda lain memiliki hak cipta akan ke-orisinilitasnya. Kali ini saya akan membagikan bagaimana cara memberi watermark pada gambar secara otomatis yang kita upload pada postingan.


Contohnya seperti gambar diatas. Bisa dilihat ada watermark berupa link gawarii.blogspot.com.

Simak langkah dibawah ini jika kamu ingin menerapkannya di blog kamu.

Cara Membuat Watermark Gambar Otomatis Di Postingan Blog

Dalam dunia Blogging memasang watermark menjadi hal yang ‘harus’, terlebih lagi jika konten pada Blog itu berisikan tutorial yang notabenenya harus memberikan gambar step-by-step.

Memasang watermark pada gambar yang akan dipasang ke dalam postingan blog biasanya dilakukan satu-persatu dengan di edit manual. Tentu hal itu sangat memakan waktu.

Maka dari itu seiring berkembangnya waktu para ahli css membuat cara ini. Yuk ikuti step by stepnya dengan seksama.

1. Login ke akun Blogger kamu.
2. Masuk Menu Tema > Edit HTML.
3. Gunakan Fungsi CTRL + F untuk mencari kode ]]></b:skin>.
Pastekan Kode dibawah ini DIATAS kode ]]></b:skin>.



/* Watermark Blog */
.separator{position:relative}.separator::before{content:"GAWARIBLOG";color:#fff;font-size:12px;font-weight:bold;position:absolute;right:0px;bottom:8px;border:1px solid #3a3a3a;border-top-left-radius: 10px;;background-color:#3a3a3a;padding:4px;opacity:.8;height:14px;line-height:14px}


Ganti kata GAWARIBLOG dengan watermark pilihanmu.

4. Selesai dan klik Simpan.

Sekarang coba kamu buat postingan baru dan upload sebuah gambar lalu publish lihat hasilnya.
Cukup mudah kan penerapan tutorial Cara Membuat Watermark Gambar Di Postingan Blog ini.
Silahkan dipraktekkan dan jika mengalami masalah silahkan tinggalkan komentar dibawah.