cara membuat watermark pada seluruh gambar blogger - Ketahuilah bahwa gambar pada mesin pencarian google tidak semua gratis tanpa copyright, untuk ini memberi watermark pada gambar blog kamu sangatlah penting untuk idetitas gambar anda sendiri.

Membuat " Watermark " pada Seluruh Gambar Blogger


untuk ini saya disini ingin memberikan tutorial cara membuat watermark pada seluruh gambar blog dengan menggunakan tambahan CSS pada template anda dengan mudah tanpa mengurangi Speed blog anda sendiri :

Membuat Watermark pada Gambar

  • Langkah Pertama yaitu silahkan kalian login blogger.com
  • Jika sudah silahkan Pergi ke Tema dan Pilih Edit html


membuat watermark pada gambar blogger

  • Jika sudah silahkan kalian copy script dibawah ini :

.post-content figure,
.post-content .separator,
.post-content .tr-caption-container {
  position: relative;
  margin: 10px 0;
  overflow: hidden
}
.post-content figure::after {
  content: "JagoNgeblog";
  color: #FFF;
  background: rgba(0, 0, 0, .5);
  font-size: 12px;
  margin: 0;
  padding: 3px 10px;
  border-radius: 5px 0 0;
  position: absolute;
  right: 0;
  bottom: 7px
}

  • Lalu kalian tempel pada bagian css blog kalian di atas code ]]></b:skin></b:if>

Simpan Template kalian  

  • Langkah Kedua Yaitu pada image postingan artikel kamu
  • Buka postingan artikel kamu dalam mode html


membuat watermark pada gambar blogger

  • Setelah ini terdapat script atau code img untuk gambar postingan anda seperti ini :


membuat watermark pada gambar blogger

Script tersebut adalah untuk image atau gambar setiap artikel pada blog kamu, agar bisa menambahkan watermark pada gambar postingan artikel kamu harus mengubah script gambar bawaan kamu dengan script dibawah ini.

<fіgurе> 
  <іmg title="Judul Gambar" alt="Judul Altеrnаtіf Gаmbаr" ѕrс="URL Gаmbаr" wіdth="Lеbаr Gаmbаr" height="Panjang Gambar"/> 
</figure> 


  • Kalian bisa hapus script gambar bawaan pada artikel anda dan kalian copy link gambar lalu kalian ganti URL Gambar dengan Link gambar pada script diatas.
Silahkan kamu isi title dengan judul gambar dan alt image sesuai keinginan anda


membuat watermark gambar pada blogger

  • Taraaaaa Akhirnya gambar kamu sudah ada watermarknya.
  • Tetapi ada script tambahan untuk Thumbnail artikel kamu dengan copy script dari <figure sampai </figure> 
  • lalu kalian pasang script itu dibagian atas artikel dan dalam mode html 
  • lalu ubah <figure> menjadi <noscript> dan </figure> menjadi </noscript>
Untuk Perubahan silahkan kamu liat dihawah ini :

Kesimpulan

untuk membahkan watermark diperlukan mengubah script gambar artikel kamu untuk itu diperlukan ketelitian dengan benar agar tidak terjadi kesalahan pada artikel kamu. Itulah cara membuat watermark pada seluruh gambar artikel blog.