Omega 99

Rabu, 27 Oktober 2021

Cara membuat halaman sitemap (daftar isi) blog otomatis

Apa sih fungsi Halaman Sitemap ? Apakah halaman sitemap memang merupakan halaman (anggaplah) wajib untuk sebuah situs / blog ? Sebelum membahas tentang bagaimana cara membuat sitemap blog secara otomatis, sedikit akan kita tinjau mengenai apa itu Sitemap blog.

Dalam blogging, kata sitemap digunakan untuk mewakili 2 jenis konten. Pertama, Sitemap XML, yaitu sebuah file XML yang berisi URL-URL postingan blog. 

Selain untuk Sitemap XML, kata ini juga sering kali digunakan untuk mewakili Halaman daftar isi blog. Dengan kata lain, kata sitemap juga bisa mengarah pada halaman html yang berisi link menuju ke semua postingan blog. Halaman daftar isi blog ini bisa kita sebut sebagai Halaman Sitemap.

Antara Sitemap XML dan Halaman Sitemap jelas berbeda. Sementara Sitemap XML merupakan sebuah file XML, Halaman Sitemap tidak ubahnya seperti halaman web pada umumnya.

Dilihat dari fungsinya, sitemap xml dan halaman sitemap memiliki fungsi yang sama yaitu untuk memudahkan crawler mesin pencari dalam menjelajahi / mengindeks halaman blog.

Jika saya sudah melakukan submit sitemap xml di google search console, apakah saya juga perlu membuat halaman sitemap ?
Proses penambahan sitemap XML tidak akan banyak membantu untuk keperluan indeks halaman yang akan diterbitkan selanjutnya. Dengan kata lain, crawler google tidak melakukan scan ulang terhadap file sitemap XML yang ditambahkan secara berkala.

Untuk lebih jelasnya, saya misalkan blog anda memiliki 20 postingan yang belum terindeks oleh google. Ketika anda menambahkan URL sitemap XML di google search console, crawler google hanya akan membaca file sitemap ini satu kali. Postingan yang akan anda terbitkan selanjutnya tidak akan secara otomatis ditambahkan pada daftar konten yang tersubmit.

Jumat, 22 Oktober 2021

[UPDATE] Cara Membuat Contact Form Blogger pada halaman statis

 Contact form adalah sebuah formulir yang bisa digunakan pengunjung sebagai sarana untuk berkomunikasi secara pribadi lewat email dengan pemilik blog / Website. Secara umum formulir kontak terdiri dari beberapa kolom isian seperti nama, email, dan pesan yang ingin disampaikan.

Form Contact Us Blogspot


Keberadaan Contact form pada sebuah situs web / blog. Bisa dijadikan sebagai indikator bahwa situs tersebut memiliki keseriusan dalam pengelolaan, sehingga dapat meningkatkan kepercayaan pengguna terhadap apa yang ada di dalamnya.

Sebenarnya Blogger.com sudah menyediakan fitur / layanan formulir kontak gratis yang bisa dipasang sebagai widget contact form di Blogspot. Tapi, sepertinya jarang sekali kita jumpai blog yang menggunakan widget formulir kontak. Mereka lebih memilih untuk membuat contact form pada halaman statis, meskipun harus menggunakan layanan contact form dari pihak ketiga.

Pada tutorial kali ini saya akan menjelaskan cara membuat / memasang Contact Form Blogger pada halaman statis blog. Silahkan ikuti langkah-langkah berikut ini.

1. Masuk Blogger, pilih Blog yang ingin Anda buatkan halaman contact form.

2. Pilih menu Laman (Pages), kemudian klik Laman baru.

3. Buat judul laman, misalnya Contact Us, Contact Me, Hubungi Kami, atau yang lainnya.

4. Masuk mode HTML (sebelah compose), kemudian copy dan pastekan kode di bawah ini sebagai isi Laman.
<script>
var blogId = '134777113111111111';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.';
var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.';
var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.';
var contactFormInvalidEmailMsg = 'Alamat email harus valid.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<div class="Form">
<form name="contact-form">
<p></p>
Nama
<br />
<input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
Email
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
Pesan
<span style='font-weight: bolder;'>*</span>
<br />
<textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<p></p>
<div style="max-width: 400px; text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>


5. Ganti kode yang ditandai warna merah dengan kode blogId milik blog Anda. Untuk mendapatkan kode tersebut, Anda bisa melihatnya pada bar address di halaman manapun dari dasbor blog Anda. Lihat contohnya pada gambar di bawah ini.
Contoh Blog Id



6. Nonaktifkan kolom komentar, kemudian langsung publikasikan halaman contact form pada mode HTML.

7. Lihat atau kunjungi halaman contact form Anda, kemudian cobalah kirim pesan untuk mengetahui apakah formulir kontak bekerja sesuai dengan yang diharapkan



Catatan:

  • Selama proses pembuatan halaman contact us / contact form, sebaiknya Anda tidak mengubah atau bergonta-ganti mode penulisan.
  • Jika Anda ingin melakukan pengeditan setelah halaman contact form dipublikasikan, usahakan agar langsung masuk pada mode HTML.

UPDATE!!!
Lama tidak login Blogger, ternyata banyak perubahan baru pada Blogger. Dan artikel ini salah satu yang terkena dampaknya, Contact Form Blogger tidak bisa mengirim pesan.

Untuk mengatasi hal ini, kalian bisa bisa gunakan salah satu dari dua cara berikut

Jumat, 15 Oktober 2021

Cara membuat autoblog otomatis dengan IFTTT (gratis)

 

Selamat Datang di Blog Orang IT. Pagi ini, ketika melihat rincian statistik blog tanpa sengaja saya melihat beberapa situs perujuk yang mengalirkan pengunjung atau mungkin googlebot ke blog helmykediri.com . Hal itu membuat saya penasaran , kemudian saya mengunjungi blog-blog tersebut dan betapa kagetnya mengetahui semua artikel diblog ini telah disalin dengan menyertakan sumber.

Saya tidak marah karena merasa sudah mencantumkan keterangan disetiap halaman yang intinya mengijinkan artikel dari blog helmykediri.com disalin atau diterbitkan ulang ditempat lain asalkan mencantumkan sumbernya

Itu karena saya sudah tidak ada waktu luang lagi untuk melakukan takedown terhadap blog-blog copas , alhasil selama mereka masih mau mencantumkan sumber maka saya anggap tindakan mereka menduplikasi seluruh artikel diblog ini sudah mendapatkan ijin

Ketika saya membuka autoblog tersebut, didalamnya terdapat beberapa label IFTTT berarti autoblog tersebut dibuat dengan mengikuti umpan RSS Feeds dari blog helmykediri.com yang secara default disetting agar terbuka untuk umum dan ketika saya menerbitkan konten maka saat itu juga autoblog mereka ikut-ikutan memposting konten yang isinya sama persis dengan konten milik saya 

Sebenarnya saya juga menggunakan salah satu layanan dari IFTTT untuk autoshare postingan blog ke beberapa akun sosial media yang saya miliki (pinterest , fanspage , twitter dll) dan itu gratis kalau dibandingkan dengan dlvrit yang berbayar mahal (meski sepadan dengan fitur yang mereka berikan)

Di IFTT juga ada layanan untuk autoposting artikel dari RSS Feeds ke blogger , dan itu bisa disetting otomatis sehingga sering dimanfaatkan oleh segelintir orang untuk membuat autoblog versi mereka sendiri

Namun sebelum melangkah kesana, lebih baik saya menjelaskan dasar-dasarnya terlebih dahulu

Pengertian RSS Feed

RSS Feed merupakan sekumpulan artikel postingan dari beberapa blog/website yang diterbitkan dan secara otomatis di urutkan berdasarkan daftar konten terbaru. Baik blogger maupun wordpress memiliki RSS Feeds yang disetting terlihat untuk umum secara default. 

Keberadaan RSS Feed memudahkan seseorang untuk membaca artikel terbaru dari sekumpulan blog yang mereka ikuti melalui aplikasi pembaca feed seperti wordpress reader atau RSSOwl.  Ini sangat berguna untuk mengumpulkan daftar situs web favorit kemudian memantau setiap postingan terbaru mereka melalui satu layar feed

Format feed default untuk blog wordpress adalah  www.situs.wordpress.com/feed

Sementara bagi blogger formatnya kurang lebih sama saja www.helmykediri.com/atom.xml

Semua platform atau layanan blogging memiliki RSS Feedsnya sendiri.

Keuntungan berlangganan artikel melalui RSS Feed

Katakanlah anda mempunyai 10 blog favorit, mengunjungi blog secara manual setiap hari hanya untuk memeriksa artikel terbaru tidaklah efisien. Sementara feed akan memudahkan anda memeriksa konten terbaru yang diterbitkan oleh 10 blog yang anda ikuti setiap saat. Bahkan untuk beberapa artikel menarik bisa disimpan didalam feed untuk dibaca lain waktu

Selain itu, berlangganan RSS Feed lebih menghemat kuota internet karena anda bisa membaca artikel terbaru dari sebuah blog tanpa harus mengunjungi situs blog tersebut yang mungkin memuat beberapa iklan yang menyusahkan.

Jika anda berkaca pada situs press release akan terlihat jelas kalau mereka memiliki beberapa web agregator yang cukup banyak artinya mereka menyediakan feed untuk di ikuti oleh siapa saja.

Sampai disini saya harap anda sudah paham mengerti arti RSS Feed

Pengertian IFTTT

IFTTT adalah platform konektivitas terkemuka yang memperkuat transformasi digital produk menjadi layanan terintegrasi. Satu koneksi memungkinkan Anda untuk berintegrasi dengan layanan apa pun di ekosistem server dengan satu kali ketukan tombol dan dengan sedikit biaya.

Sederhananya ini adalah platform yang menyediakan berbagai layanan untuk mengotomatisasi dan mengintegrasi berbagai keperluan digital seperti autoshare postingan blog ke berbagai akun sosial media , autoposting RSS Feed ke blogger dsb

Layanan ini memang gratis untuk 1 integrasi saja, sementara apabila anda ingin mengintegrasikan beberapa layanan sekaligus dengan fitur yang lebih lengkap maka anda harus membayar dengan biaya yang terjangkau

Sampai disini saya harap anda sudah paham mengenai platform IFTTT , kalau masih penasaran silahkan kunjungi langsung situs resminya https://ifttt.com/ daftar menggunakan akun facebook atau akun gmail only

Selanjutnya akan saya berikan tutorial sederhana bagaimana cara membuat autoblog yang otomatis update menggunakan IFTTT (masalah pro dan kontra nanti dibahas di akhir ya..)

Tutorial membuat autoblog dengan IFTTT terbaru


Mencari blog dengan RSS Feed yang ingin dijadikan sebagai sumber artikel autoblog

1. Semua platform blogging memiliki RSS Feed yang secara default terbuka untuk umum, tentukan dulu niche autoblog yang ingin dibuat seperti apa
Seperti yang sudah saya jelaskan bahwa Feed merupakan aliran data dari sebuah blog/website yang berisi sekumpulan artikel yang baru saja mereka terbitkan. Sayangnya tidak semua browser memiliki kemampuan untuk menginterpretasikan feed, contohnya ketika anda membuka feed dari blog www.helmykediri.com/atom.xml itu hanya akan terlihat seperti karakter teks tidak beraturan

feed dari blog

Chrome dibuat tidak untuk menafsirkan feed oleh sebab itu anda membutuhkan bantuan ekstensi pihak ketiga yang bernama > RSS Feeder

Install ekstensi diatas kedalam google chrome. Kalau sudah saatnya mencari target

Kita akan mencari targetnya di google dengan query

site:blogspot.com home design
site:wordpress.com home design

Site Search