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

Membuat Blog di Blogger dan Setting Custom Domain

Selamat datang di blog masri id

Pada kesempatan kali ini penulis akan berbagi artikel tentang tagihan modul 1 TOT

Pada tugas pertama ini peserta diminta seting custom domain, nah penulis coba praktek kan dengan sub domain https://blog.masri.id

Sebelumnya peserta sudah diwajibkan mempunyai blog hasil sagusablog lanjut dengan menggunakan domain premium

untuk seting sub domain blog.masri.id, langkah pertama adalah seting sub domain di cloudflare

langkahnya sebagai berikut

1. login blogger dan pilih blog yang akan kita jadikan sub domain nantinya, setelah itu pilih setelan, klik Domain Kustom (1) pada bagian Mempublikasikan – tuliskan nama domain premium (2) – SIMPAN (3)

Pada gambar di atas saya memberi contoh dengan memasukan domain premium blog.masri.id, silahkan sesuaikan dengan nama domain bapak ibu. 

Sampai disini berhenti dulu dan jangan ditutup, pindah ke situs cloudflare.com dengan menambah tab baru pada browser. 

2. Buka situs cloudflare.com dan klik Sign Up

3. Masukan email dan password, kemudian klik tombol Create Account, untuk penulisan password yang dizinkan contohnya seperti ini: Rahasia#22

4. Klik menu Add site, kemudian tuliskan nama domain anda, dan klik tombol Add site

5. Pilih paket gratis (free), kemudian klik tombol Get started

Tunggu proses scan settingan DNS domain sampai selesai.

Jika sebelumnya anda pernah melakukan setting DNS di panel domain tempat anda membeli domain, maka semua settingan akan terdeteksi dan bisa langsung tersimpan di cloudflare. Supaya cepat terdeteksi, anda bisa nonaktifkan proxied dengan cara klik icon awan orange, supaya berubah jadi abu-abu, setelah itu anda klik tombol Continue.

 6. Salin dua baris name server cloudflare untuk dimasukan di panel domain anda. 

Jangan lupa lakukan verifikasi kepemilikan email berupa klik link verifikasi yang dikirim cloudflare ke email yang anda gunakan untuk mendaftar.

7. Pada langkah ini, silahkan anda login di panel domain dimana anda membeli domain, pada panduan ini saya anggap anda membeli domain di domain.mungbisnis.com, maka silahkan anda klik menu Customer Login di domain.mungbisnis.com dengan menggunakan email dan password yang terdaftar.

8. Setelah berhasil login, klik menu My Domains yang ada di sebelah kiri, dan klik nama domain anda, perhatikan gambar berikut:

9. Klik nama domain anda, kemudian scroll ke bawah cari pengaturan Name Server dan klik tombol Modify 

10. Silahkan masukan name server dari cloudflare yang sudah anda copy sebelumnya, kemudian klik tombol Update Name Servers.

Sambil menunggu proses pendeteksian perubahan name server pada domain, silahkan anda kembali ke cloudflare untuk melanjutkan dengan klik tombol: Done, check nameservers - Configurasi domain untuk mengoptimalkan settingan dicloudflare, silahkan anda ikuti untuk mengaktifkan fitur-fitur yang direkomendasikan cloudflare untuk domain anda dengan cara klik tombol Get started.

Setelahklik Get started, silahkan anda aktifkan fitur-fitur yang dibutuhkan, kemudian klik tombol Save, ikuti petunjuk sampai dengan tombol Finish.

11. Klik menu DNS – klik Add record – Pilih type CNAME – masukan www dan target ghs.google.com – non aktifkan proxy – klik tombol Save

Lakukan hal yang sama untuk memasukan kode verifikasi blogger selanjutnya. 

Setelah kedua baris kode verifikasi custom domain blogger dimasukan di cloudflare, silahkan anda kembali ke blogger untuk klik tombol simpan settingan custom domain.

Jika belum bisa tersimpan, anda bisa tunggu beberapa menit dan bisa dicoba simpan kembali.

B. Setting Custom sub domain di cloudflare

Untuk praktik setting custom sub domain di cloudflare, anda bisa membuat blog baru terlebih dahulu dengan desain sagusablog melalui kode template blog (download template sagusablog), kemudian untuk pengaturan sub domain di cloudflare langkahnya sama dengan langkah custom domain utama, bedanya hanya ada dinama sub domainya saja, jika custom domain utama menggunakan www.masri.id jika setting custom sub domain, anda bisa membuat nama lain seperti contoh: bot.masri.id.

Setting yang dilakukan di cloudflare seperti gambar di bawah ini:

Selamat mencoba, semoga bermanfaat.

Update

Video tutorial cara seting subdomain di cloudflare bisa cek di video berikut

Read More

Sampingan Guru Menjadi Blogger Sukses

Apa salahnya seorang guru menjadi blogger? Bukan hal yang aneh, sebab ini bisa menjadi kerja sampingan guru yang menjanjikan. Karena pekerjaan seorang blogger bisa di lakukan siapa saja, kapan saja dan di mana saja.

Termasuk seorang guru yang notabene mempunyai hobi menulis atau menyampaikan mata pelajaran kepada muridnya, bisa di tuangkan kedalam tulisan ke dalam blog dan menjadi sebuah arsip yang bisa dibuka kapan saja.

Lantas apakah hal ini bisa menjadi sumber uang sebagai penghasilan tambahan? Tentu saja bisa banget..Baiklah, mari kita lanjutkan artikel ini.

Merupakan moment yang sangat tepat jika kerja sampingan guru adalah membuat blog, sebab sebagian materi sudah barang tentu di kuasai. Seorang guru setiap hari sudah bergumul dengan mata pelajaran yang di sampaikan sehingga materi tersebut terkadang hafal di luar kepala.

Alangkah baiknya jika di arsipkan dan dikumpulkan dalam satu wadah yang di sebut dengan blog. Dengan begitu seorang guru bisa berkarya dan memberikan penghasilan tambahan.

Lantas bagaimana seorang guru menghasilkan uang dengan blog?

Sebagai seorang pembelajar tentunya sudah sangat akrab sekali dengan hal menulis, apakah anda tahu jika setiap tulisan yang anda buat bisa di jadikan uang?

Baiklah, setiap tulisan yang dikumpulkan setiap hari akan berkembang menjadi sebuah kumpulan artikel. Dan jika artikel tersebut sudah banyak akan berpeluang memancing pengunjung untuk datang dan mencari artikel yang di butuhkan.

Semakin banyak artikel yang bermanfaat, akan semakin banyak mendatangkan pengunjung. Dari sinilah akan tercipta trafik sehingga kondisi blog akan menjadi ramai oleh visitor. Dari trafik inilah uang akan dihasilkan.

Kok bisa?? Dibawah ini penjelasannya.

Menghasilkan uang dari monetisasi blog

Salah satu hal yang berpotensi untuk menghasilkan uang dari blog dan sebagai kerja sampingan guru adalah memonetize blog tersebut. Silahkan daftarkan blog anda ke Google adsense dan jika blog di setujui, anda sudah bisa memulai mendulang dolar dari blog anda sendiri. Ini adalah peluang usaha baru .

Tentunya blog yang di daftarkan harus memenuhi kriteria dan ketentuan dari google adsense dan tidak melanggar TOS. Jika artikel yang dimuat adalah bahan pembelajaran dan seputar ilmu pengetahuan, maka kemungkinan besar akan segera mendapat persetujuan dari Tim Adsense.

Apakah seorang guru mempunyai banyak waktu untuk mengelola blog?

Untuk menjadi seorang blogger sukses tidaklah dibutuhkan waktu seharian penuh buat mengurus blog, kita bisa mengerjakan blog manakala ada waktu luang atau waktu longgar setelah tugas utama menjadi guru.

Bahan atau materi posting bisa berkembang dengan sendirinya berdasarkan pengalaman mengajar atau pengalaman lain yang berhubungan dengan sekolah.

Mengapa saya begitu antusias bahwa menjadi blogger adalah kerja sampingan guru yang menjanjikan?

Saya mempunyai paman, dia setiap hari mengajar di sebuah sekolah swasta di kota saya. Hobinya memang menulis dan dia salurkan melalui blog, saat ini rutinitas tersebut sudah di jalani selama hampir 3 tahun.

Dan sampai saat ini pula sudah menerima beberapa kali pembayaran dari google adsense. Jumlahnya cukup fantastis, sehingga saat ini beliau bertambah rajin untuk menulis artikel setiap hari.

Penutup

Kerja sampingan guru menjadi seorang blogger sebenarnya bukan menjadi keharusan, tetapi jika mempunyai waktu luang bisa kita manfaatkan untuk hal hal positif dan tentunya menghasilkan.

Saya dulu juga seorang murid, dan ingin berbagi pengalaman bermain google adsense untuk ibu atau bapak guru, semoga ada seorang guru saya yang membaca artikel ini.

Hormat saya kepada beliau… yang telah mendidik untuk hal hal yang berguna bagi banyak orang. Semoga artikel ini bermanfaat.

Sumber 

Read More