http://trikkuampuh.blogspot.com/. Contoh laman HTML
SELAMAT DATANG DI BLOG KAMI "NIKI TRIK KULO"

Cara Membuat Widget Kosong Baru di Atas Judul Artikel Blog Untuk Iklan

Blog yang membahas tentang tutorial IT, tutorial VB.NET, tutorial microsoft excel, tutorial blog, tutorial youtube dan tutorial-tutorial lainnya. Semua yang dirasa bermanfaat pasti admin share di blog ini. Okey kali ini admin akan membahas tentang Cara Membuat Widget Kosong Baru di Atas Judul Artikel Blog.


Membuat Widget Kosong Baru di Atas Judul Artikel Blog Untuk Iklan

Membuat widget untuk iklan diatas judul artikel. Biasanya di website/blog terdapat iklan di atas judul artikel blog tersebut. Itu sangat bagus sekali jika kita hendak menampilkan iklan panjang dari google adsense. Apalagi google adsense menampilkan iklan sesuai dengan apa yang di bahas di artikel yang di buat tentunya sangat besar kemungkinan iklan dari adsense tersebut di klik oleh pembaca. Lalu bagaimanakah cara membuatnya? Sebelum kita membuat widget/menambahkan widget baru di bahah judul, silahkan lihat contoh gambar yang sudah admin prakterkkan diatas :

Memang dari template bawaan blogger sudah disediakan widget kosong yang gunanya untuk memembuat menu navigasi pada blog tersebut. Tetapi jika widget tersebut sudah di pakai/di isi dengan menu halaman, kita tidak akan bisa lagi menambah sesuatu lain seperti halnya di widget bagian kanan postingan.
Jika dibagian kanan postingan, setelah anda menambah widget baru seperti "Pencarian" misalnya maka akan secara otomatis akan terdapat widget baru "Tambahkan Widget" yang bisa kita gunakan lagi. Untuk cara menambah widget baru yang dapat di isi, silahkan ikuti langkah-langkah di bawah ini :

1. Login ke akun blogger anda.

2. Klik menu Template di bilah sisi kiri => Klik Edit HTML. Berikut adalah screenshot gambarnya :


3. Jika anda sudah klik Edit HTML maka anda akan diarahakan ke form edit script yang sebagian besar isinya adalah koding dari template blogger anda. Langsung saja cari kode di bawah ini (gunakan ctrl + F untuk memudahkan pencarian).

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

5. Jika sudah ketemu, ganti semua kode di atas dengan kode di bawah ini.

<b:section class='header' id='header' preferred='yes'>

6. Klik simpan template yang letaknya di pojok kanan atas berwarna orange.

7. Selesai ! Sekarang lihat hasilnya di tata letak maka tampilan gadget atasnya akan bertambah. Sekarang gadget baru tersebut bisa anda gunakan untuk memasang iklan dari google adsense. Tapi kalau sudah di terima jadi publishernya lho ya, jika belum di terima ya bersabar saja atau pasang iklan dan situs penyedia iklan lainnya ;).

Okey demikianlah tutorial yang dapat admin bagikan di blog Cara1Komputer (CK) kali ini. Semoga tutorial Cara Membuat Widget Kosong Baru di Atas Judul Artikel Blog yang admin tulis di blog Cara1Komputer (CK) kali ini dapat bermanfaat. Selamat mencoba dan terimakasih.

MEMBUAT PENGONTROL 8 RELAY ESP8266


Dalam r4ngkaian ini, kita akan melihat cara m3ngendalikan banyak relay dengan mikrokontroler NodeMCU32S atau ESP8266 dan register geser 74HC595. Kemudian, kita akan melihat cara menangani setiap relai secara individual. Terakhir, kita akan membuat antarmuka web untuk mengendalikan setiap relai melalui internet. Proyek ini merupakan dasar yang baik untuk mengembangkan sistem otomasi rumah untuk rumah Anda.

Tutorial ini dapat diterapkan pada mikrokontroler mana pun. Anda harus berhati-hati dalam memodifikasi diagram koneksi dan kode agar s3suai dengan penggunaan Anda.

Bahan-bahan:

  • NodeMCU32S atau ESP8266 adalah komputer yang terdiri dari 32 komponen utama, ...
  • Papan tempat memotong roti
  • Kabel jumper
  • Modul relai 8
  • Register pergeseran 74hc595

Prinsip Kerja:

Untuk mengendalikan 8 modul relai, 8 keluaran digital mikrokontroler harus disediakan. Untuk menghemat jumlah masukan/keluaran mikrokontroler, rangkaian terpadu yang berbeda dapat digunakan. Khususnya, register geser. Register geser 74HC595 memiliki 8 keluaran yang dapat diprogram, yang dapat diatur ke 0 atau 5V dan hanya memerlukan 3 masukan digital. Oleh karena itu, solusi ini ideal untuk memungkinkan kita mengendalikan relai dan menyimpan keluaran mikrokontroler untuk fungsi lainnya.


Skema

Untuk m3ngontrol register geser, NodeMCU dihubungkan sebagai berikut:

  • Ground sirkuit terpadu GND
  • Pin catu daya Vcc. Biasanya terhubung ke 5V
  • SH_CP atau RCLK terhubung ke pin 33
  • ST_CP atau SRCLK terhubung ke pin 32
  • DS atau SER terhubung ke pin 25

0utput dari sirkuit terpadu 74HC595 (Q0-Q7) terhubung langsung ke input modul relai 8. 

Dalam tutorial ini, k4mi tidak menggunakan pin Enable (OE) dan Reset (MR).

  • Output OE aktif, mengaktifkan LOW. Pin terhubung ke GND untuk mengaktifkan output.
  • Reset MR Master, aktif LOW. Pin reset. Tersambung ke 5V

Perhatian: Output dari mikrokontroler dibatasi oleh arus. Untuk menggerakkan banyak relai, sangat disarankan untuk menggunakan sumber tegangan eksternal.

esp32_74HC595x1_8relays_bb-1280x1082 Mengontrol 8 relai dengan ESP32 dan register geser

Kode File:

Dal4m kode berikut, pertama-tama kita akan mendefinisikan fung5i dasar untuk mengelola shift register. Kemudian kita akan mengoperasikan relay satu per satu menggunakan for loop.

//Konstanta 
#define  jumlah_74hc595  1 
#define  numOfRegisterPins  jumlah_74hc595  *  8 
#define  SER_Pin  25 
#define  RCLK_Pin  33 
#define  SRCLK_Pin  32

//Variabel 
boolean  register  [numOfRegisterPins];

void  setup (){ 
//Inisialisasi Serial USB 
Serial .begin (115200); Serial .println ( F ( "Inisialisasi Sistem" )); //Inisialisasi register pinMode (SER_Pin , OUTPUT ); pinMode (RCLK_Pin , OUTPUT ); pinMode (SRCLK_Pin , OUTPUT ); clearRegisters(); writeRegisters(); delay (500); }


 
 
 





batal  loop (){ 
tulisGrpRelay(); 
}

void  clearRegisters(){ /* function clearRegisters */  
//// Hapus variabel register 
for ( int  i  =  numOfRegisterPins - 1;  i  >=   0;  i -- ){ 
  registers[i]  =  HIGH ; //LOW; 
}}

void  writeRegisters(){ /* function writeRegisters */  
//// Tulis register setelah ditetapkan 
digitalWrite (RCLK_Pin ,  LOW ); 
 for ( int  i  =  numOfRegisterPins - 1;  i  >=   0;  i -- ){ 
  digitalWrite (SRCLK_Pin ,  LOW );  int  val  =  registers[i]; 
  digitalWrite (SER_Pin ,  val); 
  digitalWrite (SRCLK_Pin ,  HIGH ); 
} 
  digitalWrite (RCLK_Pin ,  HIGH ); 
}

void  setRegisterPin( int  index , int  value){ /* function setRegisterPin */  
////Tetapkan variabel register ke HIGH atau LOW 
registers[index]  =  value; 
}

void  writeGrpRelay(){ /* fungsi writeGrpRelay */  
untuk ( int  i  =  numOfRegisterPins - 1;  i  >=   0;  i -- ){ 
   Serial.print ( F ( "Relay" )); Serial.print (i); Serial.println ( F ( "TINGGI" ) ) ; setRegisterPin (i , RENDAH ) ; writeRegisters(); tunda (200); Serial.print (F( "Relay" )); Serial.print (i); Serial.println (F( "RENDAH" ) ) ; setRegisterPin (i , TINGGI ); writeRegisters(); tunda ( 500) ;
    
   
    
   
    
   
   
      

Bahasa Indonesia :

Hasil

Setelah komponen tersambung dengan benar dan kode dimuat ke mikrokontroler, relai akan aktif satu demi satu.

nodemcu32s-74hc595-8relays-monitor Mengontrol 8 relai dengan ESP32 dan register geser

Bonus: Kontrol 16 relai dengan dua register pergeseran.

Skema

esp32_74HC595x2_16relays_bb-1280x662 Mengontrol 8 relai dengan ESP32 dan register geser

Kode

Keistimewaan kode ini adalah untuk membuatnya bekerja d3ngan register geser kedua, Anda hanya perlu mengub4h parameternya:

#definisikan  jumlah_74hc595s  2

Hasil

nodemcu32s-74hc595-16relays-monitor Mengontrol 8 relai dengan ESP32 dan register geser

untuk file ino bisa di download di link DISINI

Flag Counter