Widget HTML #1

Cara Membuat Blog AGC dengan Node JS

1. Silahkan buka situs repl.it. Jika belum punya akun, silahkan buat akun terlebih dahulu. 

2. Lalu klik tombol Create Lihat gambar berikut :

Membuat Blog AGC

3. Di bagian “Languange” pilih NodeJs dan di bagian “Name your repl” isikan dengan nama bebas terserah kamu lalu klik Create Repl. Lihat gambar berikut :

Membuat Blog AGC1

4. Jika sukses maka akan tampil seperti berikut :

Membuat Blog AGC 2

5. Selanjutnya silahkan kamu download dan buka file “AGC versi Node JS helmynia.com.zip” lalu extract filenya. Lihat gambar berikut :

Membuat Blog AGC dengan Node JS

6. Selanjutnya, silahkan blok semua file yang telah di extract tadi lalu Tarik ke dalam panel repl. Silahkan lihat gambar berikut :

Membuat Blog AGC dengan Node JS 1

7. Jika muncul notif “Overwrite ?” silahkan klik Replace. 

8. Pastikan file “index.js” yang ada di repl sudah terisi dengan code script. Jika belum terisi maka silahkan kamu seret file “index.js” yang kamu extract tadi ke dalam repl lalu klik replace lagi.

Membuat Blog AGC dengan Node JS 2

9. Selanjutnya silahkan kamu klik tombol “RUN”. Lihat gambar berikut :

Membuat Blog AGC dengan Node JS 4

10. Silahkan tunggu sampai proses instalasi selesai. 

11. Proses instalasi dikatakan selesai jika link akses url sudah muncul. Lihat gambar berikut :

Membuat Blog AGC dengan Node JS 6

12. Sekarang coba kita buka link akses yang telah muncul tadi. Maka hasilnya akan menampilkan web target yang telah kita agc.

Membuat Blog AGC dengan Node JS 8

13. Disini saya menargetkan web “https://www.helmynia.com/” sebagai web yang akan ditampilkan secara default di halaman home. Nah jika kamu ingin mengubah target web ini. Silahkan baca dokumentasi bagian “Cara Mengubah Web Target di Halaman Home”.

Cara Mengubah Web Target di Halaman Home. 

1. Silahkan kamu buka file “setting.json” di repl.it. Lihat gambar berikut :

2. Lalu di bagian kode "target":"https://www.helmynia.com/". Silahkan kamu rubah link web target yang ingin kamu tampilkan di halaman home. Lihat gambar berikut :

Blog AGC dengan Node JS

3. Sebagai contoh, disini saya akan merubah linknya menjadi link web “https://www.helmynia.com/”. Maka codenya menjadi "target":"https://www.helmynia.com/". Lihat gambar diatas!

4. Untuk “name-web” dan “author” silahkan kamu kondisikan sesuai nama web yang kamu inginkan. 

5. Setelah kamu ganti, maka ini secara otomatis akan tersave ke dalam system. Jadi gak perlu Tanya gimana untuk meng-save nya. 

6. Setelah itu silahkan kamu tekan tombol “Stop” Lalu klik tombol “Run” lagi. Lihat gambar berikut :

Blog AGC dengan Node JS 1

7. Setelah itu, silahkan kamu buka lagi link aksesnya. Maka tampilan halaman home akan berubah menjadi tampilan blog helmynia.com. 

Seluruh link yang ada di tampilan hasil agc ini tidak ada yang menuju ke luar web lain, semua link akan berubah menjadi link website kita baik itu link gambar, css, js dan link yang terdapat di dalam meta html. 

Nah, bagaimana jika kita ingin memasukkan iklan di dalam web agc ini ? Silahkan kamu baca di bagian “Cara Memasukkan Iklan Adsen Ke Dalam Web Agc”

Cara Memasukkan Iklan Adsen Ke Dalam Web Agc

Pastikan domain kamu sudah di approve adsen untuk menampilkan iklan adsen. Silahkan kaitkan domain repl ke domain kamu yang sudah ada adsennya untuk menampilkan iklan adsen. Cara menghubungkan domain repl menjadi domain costom milik kita silahkan baca “Cara Merubah Costom Domain Di Repl.it” 

Untuk iklan adsen, biasanya iklan ini terdiri dari iklan auto ads dan iklan custom ads. Iklan auto ads ini adalah iklan yang secara auto tampil di bagian tertentu secara otomatis. Sedangkan iklan custom ads adalah iklan yang tampil di bagian yang kita tentukan sendiri dimana posisinya. Untuk iklan auto ads biasanya bentuk kode iklannya adalah seperti berikut :

Blog AGC dengan Node JS 6

Sedangkan untuk iklan costom ads biasanya bentuk kodenya adalah seperti berikut :

Blog AGC dengan Node JS 8

Nah, untuk memasang kedua jenis iklan adsen ini, kita bisa mengikuti panduan berikut ini. 

A. Pemasangan Iklan Auto Ads. 

Iklan auto ads biasanya terletak di bagian element <head></head>. Nah untuk itu silahkan kamu ikuti panduan berikut ini : 

1. Buka file “setting.json” di repl. Lalu cari kode berikut :

Blog AGC dengan Node JS 9

2. Silahkan ganti kode ca-pub-2860170400056904 dengan kode ca-pub-xxxxxxx adsen kamu. 

3. Setelah kamu ganti, maka ini secara otomatis akan tersave ke dalam system. Jadi gak perlu Tanya gimana untuk meng-save nya

4. Setelah itu jangan lupa kamu klik tombol “stop” lalu klik lagi tombol “Run”

Pemasangan Iklan Custom Ads 

Iklan Custom Ads adalah iklan yang kita tentukan sendiri dimana posisinya. Misalnya nih saya ada website dengan alamat link https://AGC-Helmykediri.helmykurniawan.repl.co. Nah, di website ini saya ingin menempatkan iklan adsen di posisi element html yang saya inginkan. 

Sebelumnya kita harus tau dulu posisi element html ini di bagian mana dengan cara melihatnya melalui inspect element. Nah untuk membuka menu inspect element ini silahkan kamu tekan tombol Ctrl+Shift+I atau klik kanan mouse lalu pilih Inspect.


Setelah itu akan muncul tampilan inspect element di bagian sebelah kanan browser. Lihat gambar berikut :

buat Blog AGC dengan Node JS

Selanjutnya saya coba arahkan cursor mouse ke bagian element html <div class="container wmx100 w100 p-ff-source">. Maka di bagian samping kiri sebelah area inspect element akan terblock warna biru yang menunjukkan bahwa itu adalah posisi element html dari cursor yang kita arahkan sebelumnya. Lihat gambar di bawah :

buat Blog AGC dengan Node JS2

Setelah kita mengetahui posisi element html yang ingin kita pasang iklan adsen maka silahkan kita ambil nilai selector dari element tersebut. Misalkan kode element yang saya targetkan tadi adalah <div class="container wmx100 w100 p-ff-source">. Maka nilai selectornya adalah “.container”. Setelah kita dapatkan nilai selector ini, silahkan kamu buka file “inject.js”. File ini berada di folder “assets”. Lihat gambar berikut :

buat Blog AGC dengan Node JS4

Setelah itu silahkan ganti kode iklan adsen yang saya block itu dengan kode iklan adsen kamu. Lalu perhatikan kode yang saya block berikut ini :

buat Blog AGC dengan Node JS

Perhatikan kode yang saya blok warna biru tersebut, disitu saya menambahkan 3 nilai selector yaitu “.container” , “#container”, dan “.content”.
  • “.container” adalah nilai selector yang ada pada halaman html website https://www.helmynia.com/
  • “#container” adalah nilai selector yang ada pada halaman html website subdomain https://www.helmynia.com/ Sedangkan,
  • “.content” adalah nilai selector yang ada pada halaman html website m.tribunnews.com.
Kenapa saya masukkan 3 nilai selector ? karena saya ingin menampilkan iklan adsen di 3 target website yang berbeda.

Setelah kamu ganti, maka ini secara otomatis akan tersave ke dalam system. Jadi gak perlu Tanya gimana untuk meng-save nya.

Selanjutnya coba kamu buka dan lihat hasilnya

Cara Merubah Costom Domain Di Repl.it

buat Blog AGC dengan Node JS1

2. Lalu masukkan nama domain kamu di dalam kolom input domain. Setelah itu copy kode CNAME Record yang di berikan. Lihat gambar berikut :

buat Blog AGC dengan Node JS7

3. Setelah itu Jangan kamu klik next. silahkan kamu arahkan (pointing) domain kamu ke Kode CNAME Record itu. Pointing ini dilakukan di halaman dashboard tempat kamu membeli domain (domainesia, namecheap, dll). 

buat Blog AGC dengan Node JS

4. Setelah kamu arahkan, silahkan klik tombol next. Lalu klik kaitkan domain (linking domain).

Blog AGC dengan Node JS

5. Done

Blog AGC dengan Node JS 1

Cara Submit Sitemap Ke GSC

SITEMAP wajib kita submit ke GSC agar terindex oleh google. Disini kita bisa melakukan submit sitemap dari sitemap web target.

Misalkan, kita ingin melakukan agc terhadap target web berikut ini :

https://www.helmynia.com/
 
Dimana  target web ini memiliki link sitemap sebagai berikut :

https://www.helmynia.com/sitemap.xml

Maka kita cukup merubah link sitemap web target ini menjadi format sebagai berikut :

Misalkan saya punya website agc utama dengan link
http://tanamanobat.info/

Lalu saya harus menambahkan kode permalink /host-https- setelah link website agc utama sehingga linknya sekarang menjadi http://tanamanobat.info//hosthttps- 

Selanjutnya saya akan menambahkan link target web ini ke dalam akhiran link http://tanamanobat.info/host-https- 
.
Nah, sekarang link sitemap agcnya menjadi :

http://tanamanobat.info//hosthttps- /host-https://www.helmynia.com/sitemap.xml

Setelah itu, silahkan kamu submit kedua link sitemap ini ke GSC dan tunggu beberapa saat, maka link sitemap ini akan terbaca.

Kamu juga bisa melakukan input list url target ke dalam sitemap. Silahkan kamu buka file sitemap di dalam folder “sitemap” di repl. Lihat gambar berikut :

Blog AGC dengan Node JS

Nah, silahkan kamu ganti isi dari file sitemap tersebut dengan link url artikel / page web target. Setelah kamu ganti, silahkan kamu klik tombol “stop” lalu klik “run” lagi.

Cara Menghapus Element Tertentu Di Halaman Hasil AGC

Buat kamu yang ingin menghilangkan beberapa element di dalam halaman web hasil agc, kamu
dapat mengikuti tutorial berikut ini :

1. Silahkan kamu buka file “setting.json” di repl. Lihat gambar berikut ini :

Blog AGC dengan Node JS

Perhatikan blok yang saya tandain itu, disitu ada kode “target”. Silahkan kamu ganti dengan domain web target. Lalu dibawahnya ada kode “element-remove-selector”. Silahkan kamu ganti value kode ini dengan nilai selector dari element html web target yang ingin di hapus. Jika sudah, jangan lupa klik stop dan run kan lagi.

Untuk yang mau pasang selain adsense contoh disini saya pasang adstera

Seperti ini, Ambil scriptnya dulu di adstera

<script type='text/javascript' src='//flickerbridge.com/b3/b0/36/b3b036f4444e8fb788a93a1f1857704c.js'></script>

Kemudian ubah ke bentuk javascript dom

Jadinya seperti ini

// ------- inject Adstera ------
let elAdstera=document.createElement("script");
elAdstera.setAttribute("src","https://flickerbridge.com/b3/b0/36/b3b036f4444e8fb788a93a1f1857704c.js");
document.body.append(elAdstera);

Kemudian replace file yang ada di asset/inject.js

Ganti isinya dengan kode tersebut

wwww.helmynia.com

Pegawai Kantoran dan Pekerja Serabutan Online
Pegawai Kantoran dan Pekerja Serabutan Online "Apabila anak adam (manusia) telah meninggal dunia, maka terputuslah amalnya darinya, kecuali tiga perkara, yaitu sedekah jariyah (sedekah yang pahalanya terus mengalir), ilmu yang bermanfaat, atau anak saleh yang selalu mendoakannya." (HR Muslim No. 1631)

Posting Komentar untuk "Cara Membuat Blog AGC dengan Node JS "