• Beranda
  • Animanga
  • Astronomi
  • Berita
  • FYI
  • Gambar
  • Kesehatan
  • Manhwa
  • Meme
  • Misteri
  • Pemrograman
  • Quotes
  • Template
  • Tips
  • Video
  • Lihat Lainnya..
    • Subscribe (Youtube)
    • LNG Blog
    • Catatandroid.com
    • Kirim Artikel
    • Google News
    • Instagram
    • Telegram

fyi.

Website Informasi Seputar Meme, Astronomi,Fakta,Misteri dan berbagai Informasi Lainnya

    • Beranda
    • Contact
    • Disclaimer
    • Subscribe
    • Tentang Kami
    • Terms of Service
    • Privacy Policy
    • Beranda

    • Animanga

    • Astronomi

    • Berita

    • FYI

    • Gambar

    • Kesehatan

    • Manhwa

    • Meme

    • Misteri

    • Pemrograman

    • Quotes

    • Template

    • Tips

    • Video

    • Lihat Lainnya..

    Postingan Populer

    Meme Upin dan Ipin Part 16 : Upin ipin jadi tuyul

    Meme Upin dan Ipin Part 16 : Upin ipin jadi tuyul

    Meme
    Mei 10, 2020
    0
    Meme Upin dan Ipin Indonesia Part 23

    Meme Upin dan Ipin Indonesia Part 23

    Meme
    Juli 24, 2020
    0
    Meme Upin dan Ipin Indonesia Part 19

    Meme Upin dan Ipin Indonesia Part 19

    Meme
    Mei 15, 2020
    0
    Mengungkap Identitas Pandora di Re:Zero

    Mengungkap Identitas Pandora di Re:Zero

    Animanga
    September 12, 2020
    0
    Author
    IDLang
    Tautan disalin ke papan klip!
    Share Posts "Cara Memasang Plugin JQuery Watermark di Blogger"
  • Salin link
  • Simpan Ke Daftar Bacaan
  • Bagikan ke Facebook
  • Bagikan ke Twitter
  • Bagikan ke Pinterest
  • Bagikan ke Telegram
  • Bagikan ke Whatsapp
  • Bagikan ke Linkedin
  • Bagikan ke Tumblr
  • Bagikan ke Line
  • Bagikan ke Email
  • HomeFYIPemrogramanCara Memasang Plugin JQuery Watermark di Blogger
    Cara Memasang Plugin JQuery Watermark di Blogger

    Cara Memasang Plugin JQuery Watermark di Blogger

    Simpan Postingan
    fyi.my.id - Plugin JQuery Watermark membantu Anda menyegel kumpulan gambar, seperti alat prangko.

    Karena plugin ini ditulis dalam HTML5 dan Javascript, sehingga akan beroperasi tanpa server untuk pemrosesan gambar, batas bandwidth tidak lagi menjadi hal yang perlu Anda khawatirkan.

    Penggunaan yang sesuai untuk server web bandwidth rendah, atau layanan pembuatan web, forum gratis tanpa server manajemen seperti Blogspot, Forumotion, ...

    Cara Memasang Plugin JQuery Watermark di Blogger

    Fitur Plugin JQuery Watermark

    • Menggunakan gambar atau teks untuk mencap.
    • Memungkinkan Anda memilih posisi yang akan dicap di 8 sudut gambar.
    • Opsi ukuran dan format setelah gambar yang dicap.
    • Ekspor gambar ke tipe base64, jadi alih-alih langsung ke foto lama atau server unggah memungkinkan, misalnya, Imgur.

    Kekurangan Plugin JQuery Watermark

    • Tidak berfungsi di browser lama yang tidak mendukung HTML5.

    Cara Memasang Plugin JQuery Watermark di Blogger

    1. Login dulu ke Blogger.
    2. Pada saat di Dashboard Blogger pilih menu Tema dan Edit HTML.
    3. Setelah itu copy code dibawah ini diatas </body>

    <script type='text/javascript'>
    /*<![CDATA[*/
    $(function () {
      $('img').each(function () {
        var $this = $(this),defaultConfig,dataConfig;
        defaultConfig = {
          path: 'https://1.bp.blogspot.com/-s19SBYfsI4k/Xo_O9jk1JuI/AAAAAAAAADA/x8l152tYTJEzhNzEV-qDeQ3-j46LMhXugCK4BGAYYCw/s200/Logo.png',
          text: 'FYI.MY.ID',
          textWidth: 130,
          textSize: 13,
          textColor: 'white',
          textBg: 'rgba(0, 0, 0, 0.4)',
          gravity: 'sw',
          opacity: 0.7,
          margin: 10,
          outputWidth: 'auto',
          outputHeight: 'auto',
          outputType: 'webp' };
    
        dataConfig = {
          path: $this.data('path'),
          text: $this.data('text'),
          textWidth: $this.data('textWidth'),
          textSize: $this.data('textSize'),
          textColor: $this.data('textColor'),
          textBg: $this.data('textBg'),
          gravity: $this.data('gravity'),
          opacity: $this.data('opacity'),
          margin: $this.data('margin'),
          outputWidth: $this.data('outputWidth'),
          outputHeight: $this.data('outputHeight'),
          outputType: $this.data('outputType') };
    
        if ($this.attr('data-isWm') !== 'false') {
          $this.watermark($.extend({}, defaultConfig, dataConfig));
        }
      });
    });
    //]]>
    </script>
    <script src='https://cdn.staticaly.com/gh/lelinhtinh/watermark/2dd6d88f/dist/jquery.watermark.min.js'></script>
    

    4.Selesai, tinggal kalian atur atur saja beberapa bagian.

    untuk yang belum mengerti/cara penggunaannya, kalian bisa mengkontak fb saya di : Klik disini
    FYI Pemrograman
    April 12, 2020 • 2 komentar
    Disclaimer: gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami di halaman ini.
    Isi dari komentar adalah tanggung jawab dari pengirim. FYI Indonesia mempunyai hak untuk tidak memperlihatkan komentar yang tidak etis atau kasar. Jika ada komentar yang melanggar aturan ini, tolong dilaporkan.
    1. Anonim20 April 2020 21.42

      mantap tutorial nya

      BalasHapus
      Balasan
        Balas
    2. AriefTewe12 Juni 2020 14.37

      Keren webnya bos..

      BalasHapus
      Balasan
        Balas
    Tambahkan komentar
    Muat yang lain...

    fyi.my.id

    fyi.my.id Website Informasi Seputar Meme, Astronomi,Fakta,Misteri dan berbagai Informasi Lainnya

    • Subscribe Channel Youtube
    • Ikuti Blog
    • Beli Domain Murah
    Copyrights 2020 FYI Indonesia.
    • Beranda
    • Cari
    • Posting
    • Trending
    • Tersimpan