Cara Membuat PopUp Windows Menggunakan Artikel Kita Sendiri - BLOG PRODUKTIF

Cara Membuat PopUp Windows Menggunakan Artikel Kita Sendiri

Baca Juga

Pada kesempatan tutorial kali ini, mimiin akan mengajarkan dan memberi tahuu kepada kepada kalian semua yang telah memaca blog ini lalu bagaimana caranya membuat PopUp Jendela menggunakan kode HTML dan CSS. 
Apa itu Jendela Pop Up adalah jendela yang keluar secara otomatis dan muncul secara tiba-tiba di depan layar handphone kita atau saat kita membuka website seseorang,
Fungsi jendela Pop Up  adalah untuk menyampaikan ataupun memberi tahu pesan yang berada di website kita atau website seseorang sebelum kita membuka halaman-halaman lain yang ada di website tersebut. Biasanya jendela Pop Up sendiri di buat dengan bantuan Plugin jQuery , tetapi semakin kesini berkembangnya teknologi kode CSS jendela POP Up juga bisa di buat menggunakan CSS. Okelah kita langsung saja ke pembahasan.

Cara Membuat PopUp Windows di Blogger Memakai Artikel 

Sebelumnya mimin sangat berterima kasih sudah berkunjung diblog kecil ini , kita langsung saja ke pembahasannya, Jika Sebelumnya PopUp digunakan untuk Iklan atau adsense, Namun kali ini saya akan share tentang Cara Membuat PopUp Windows diBlogger Memakai Artikel.

Cara seperti ini cocok untuk kalian yang ingin menambahkan trafik blog dengan menanamkan sedikit kode html PopUp nya, Gambar dibawah ini contoh yang saya maksud dari awal :


Sebelumnya juga saya sudah membahas yang berhubungan dengan Iklan Atau Adsense untuk meningkatkan pendapatan trafik dan pendapatan kalian, Berikut 

Bagaimana Cara Membuat PopUp Windows Pada Blogger

1. Login Ke Account Blogger Kalian
2. Setelah diDasboard Blogger Kalian Tekan Tema
3. Lalu Tekan Edit Html
4. Kalian Cari Kode </body> Jika kalian bingung mencarinya kalian bisa menggunakan CTRL + F Lalu kalian ketik </body> dan Enter akan otomatis menuju ke tulisan tersebut

Setelah kode diatas ditemukan kalian copy kode dibawah ini dan pastekan di atas kode </body>
 <ѕсrірt  type="text/javascript">  funсtіоn addEvent(obj, eventName, func){       іf (оbj.аttасhEvеnt)      {      obj.attachEvent("on" + eventName,  func);      }      еlѕе іf(оbj.аddEvеntLіѕtеnеr)      {       оbj.аddEvеntLіѕtеnеr(еvеntNаmе, funс, true);      }      else      {       оbj["оn" + еvеntNаmе] = func;      }      }      addEvent(window,  "lоаd", funсtіоn(е){          аddEvеnt(dосumеnt.bоdу, "click",  funсtіоn(е)          {             if(document.cookie.indexOf("bkc=lyk")  == -1)             {          params = 'wіdth=' + screen.width;           раrаmѕ += ', hеіght=' + ѕсrееn.hеіght;                  раrаmѕ += ',  tор=1000, left=1200px ,ѕсrоllbаrѕ=nо';                  раrаmѕ += ',  fullѕсrееn=уеѕ,wіdth=1000,hеіght=800';                  var w = wіndоw.ореn("https://www.blogproduktif.com/2018/12/cara-agar-artikel-tidak-dicopy-paste-kecuali-quote.html", 'wіndоw', раrаmѕ).blur();                   dосumеnt.сооkіе = "bkс=lуkѕhорtіnhос";                  wіndоw.fосuѕ();              }          });      });  </ѕсrірt>
Kalian ganti yang mimin beri warna hijau dengan link yang ingin anda jadikan popup

Setelah kalian taruh diatas kode </body> kalian simpan. 

Oke itu saja yang bisa mimin BlogProduktif sampaikan sedikit ilmu pada kalian, semoga selalu bermanfaat untuk kita semua, Demikian Tentang Cara Membuat PopUp di Blogger Windows Menggunakan Artikel
Copyright All www.blogproduktif.com
Comments

2 komentar


EmoticonEmoticon