Desain Header dan Banner Iklan dengan Canva

Salam Mitra, pada artikel kali ini kita akan berbagi tentang cara desain Header dan Banner Iklan dengan Canva, artikel kali ini adalah tagihan Modul 3 TOT: Desain Header dan Banner Iklan dengan Canva, adapun yang akan kita praktekan adalah: 

- Memadukan lebih dari 3 gambar dalam header dan membuat gambar header animasi
- Membuat banner informasi/ iklan

Mari Simak dan praktek panduan Desain Header Animasi dan Banner Iklan dengan Canva:

Simak juga Video Panduan mendapatkan akun @igi.or.id dan akun Canva Pendidikan:

Read More

Mengedit Template Blogger

Salam bahagia untuk kita semua, ok, pada artikel kali ini kita akan mengedit Template Blogger, artikel kali ini adalah tagihan pada modul 2 TOT yang berisi

- Merubah warna dasar template
- Mengganti gambar background template

Merubah warna dasar template di blogger ada 2 cara:
1. Merubah melalui pengaturan tema tanpa harus menyentuh kode template blog
2. Merubah melalui kode template blog


Merubah melalui pengaturan tema tanpa harus menyentuh kode template blog ini tidak semua template pihak ke 3 mendukung, biasanya yang menyediakan fitur ini template-template bawaan blogger atau template pihak ke 3 yang berbayar.


Pada artikel ini, akan kita pelajari bagaimana mengganti warna dasar template blog dalam hal ini template sagusablog melalui kode template blog (download template sagusablog). (link bisa didapat setelah mengikuti pelatihan, yuk daftar di IGI


1. Mengganti warna menu navigasi

Penulis coba ganti dengan warna berikut

Silahkan cari kode: .menu-secondary-container dan pada kode background:, silahkan anda ganti kode warna seperti contoh ini: #5B5E60 dengan kode warna lain yang anda inginkan.
Untuk memilih kode warna anda bisa menggunakan tool online disini:
https://www.w3schools.com/colors/colors_picker.asp

Silahkan rubah juga kode warna background pada baris kode berikutnya:

.menu-secondary li a:hover
.menu-secondary li li a
.menu-secondary li li a:hover


2. Mengganti warna tombol readmore

Penulis coba ganti dengan pilihan warna berikut

Silahkan cari kode: .readmore a, pada baris kode ini silahkan anda ganti juga kode warna untuk background sesuai selera anda.

3. Mengganti warna footer Copyrights

Silahkan cari kode: #copyrights, pada baris kode ini silahkan anda ganti kode warna untuk background dengan kode warna sesuai selera anda.

Penulis coba ganti dengan warna berikut

4. Mengganti Gambar Background Body

Penulis coba dengan ganti pilihan animasi berikut

Silahkan cari kode: body{background:url(
Pada kode tersebut terdapat alamat gambar yang bisa anda ganti dengan alamat gambar background sesuai keinginan anda.
Contoh alamat gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dY4ItguAWcK0SeDMm8BH6tGSMf6VC_vAGydJS8VgtE7ipORD48E8TM3UbULe_2veebb7956mTUtpprn4SBJRoPfu1q7o8ksf3xSY71YzfRnvvsAbsuKml09pwIJHfP9T2DgeJY2duw/s1600/bg-igi-abu2.gif

Read More

Cara Mengetahui ID Facebook dan Twitter

Tips tutorial bagi yang merasa kesulitan mengisi rentetan kode yang harus di isi adalah kode sosial media pemilik blog, Facebook maupun twitter

Berikut Penampakannya !






Note :
"XXXXX" - itulah yang akan penulis ganti dengan ID Facebook penulis .

Untuk mengisinya, penulis pun search di Google dengan kata kunci "Cara Mengetahui ID Facebook dan Twitter". 10 artikel teratas pun muncul...

Hasilnya tidak jauh berbeda...

Kalau tidak melalui Graph Facebook, pasti dengan melihat koleksi foto yang ada. (tool get id fb, juga termasuk graph facebook).

Keduanya dicoba, Dannnnn GAGAL.

Lalu, bagaimana penulis mengetahui ID Fb ?

Mudah kok!

Langkah #1. Buka situs Findmyfbid.com

Langkah #2. Selanjutnya, masukkan alamat (URL) facebook Anda atau siapapun yang ingin Anda ketehui ID-nya.


Contoh punya penulis : https://www.facebook.com/lengxxang
Kalau belum tahu alamatnya, bisa di lihat di address bar di halaman profil akun Anda.





Kalau sudah tahu alamatnya, masukkan di kotak yang tersedia dan klik Find numeric ID.

Langkah #3. Tunggu loadingnya sebentar, dan... SELESAI.








Sekarang, Anda sudah tahu ID Facebook Anda... Semoga bermanfaat.

Akhirnya, penulis selesai juga...

TWITTER
kita telah sama-sama membahas tentang cara mengetahui id facebook dengan cepat dan mudah. Kalau Anda belum baca, silahkan dibaca dulu biar lebih paham.


Kali ini yang kita bahas adalah Twitter.

Sama seperti sebelumnya, kode ini nantinya akan penulis gunakan dalam pengisian meta tag agar lebih seo-friendly.

Berikut kode yang penulis maksud.






Note :
Kode XXXXX di ataslah yang akan penulis hapus dan ganti dengan ID Twitter penulis .
Langkah-langkahnya tidak jauh berbeda dengan ID Facebook kemarin, cuman ada sedikit perubahan saja...

...itupun tidak terlalu signifikan, jadi penulis yakin Anda tidak akan kebingungan dalam mempraktikkan apa yang ada di artikel ini.

Cara Mengetahui ID Twitter Dalam 3 langkah:

Langkah #1. Buka Mytwitterid.com

Langkah #2. Masukkan username akun Twitter Anda atau orang lain.

Contoh ID penulis  : @senibudaya_org, tapi yang icon @ tidak perlu di masukkan.
Lihat gambar agar lebih jelas!



Langkah #3. Terakhir, klik icon search yang berbentuk kaca pembesar. Tunggu, dan ID-nya akan segera di tampilkan.

Sekarang, kode meta tag-nya sudah selesai...

Read More

Desain Ruangan Seni Budaya SMA Negeri 2 Lengayang

Desain Ruangan Studio

SMA Negeri 2 Lengayang

Thanks For My Students

Read More