MGABit.org
Download Unduh Apk Pro Cracked, Android Trick, Game Android And PC MOD, Guide Android, AIDE Tutorial, Software Full Version,Blogger Tips Trick

Advertisement

Cara Membuat Widget Page View Di Setiap Postingan Blogspot

Widget Page View Tanpa Masa Expired

0 2,347

Advertisement

MGABit.org – kali ini MGA akan membahas “Cara Membuat Widget Page View Di Setiap Postingan Blogspot“.

Memang sudah banyak yang membahas mengenai widget ini, tapi 99.99% gagal, dan besar kegagalannya karena widget yang mereka gunakan sudah kadaluarsa atau sudah tidak bisa di gunakan lagi.

di tutorial ini MGA menggunakan Firebase, sudah tau apa itu Firebase?
Ok MGA akan jelaskan sedikit mengenai Firebase, siapa tau di antara pembaca disini belum tau apa itu Firebase.
Firebase adalah sebuah platform pengembangan aplikasi mobile dan web yang dikembangkan oleh Firebase, Inc. pada tahun 2011, akan tetapi di akusisi oleh Google pada tahun 2014.
mungkin bagi para pengembang aplikasi Android sudah tak asing dengan Firebase ini, tapi untuk para Blogger mungkin sebagian besar masih asing, terutama Para Blogger di Indonesia.
Di Indonesia sendiri MGA sudah cari tutorial widget ini tapi zero results.

Advertisement

KELEBIHAN DAN KEKURANGAN POST VIEW:

KELEBIHAN!

    • Tidak ada masa expired atau masa kadaluarsa.
    • Post View realtime (setiap pengunjung atau reload akan menambah 1 view, bila template sudah support realtime preview atau pratinjau langsung, maka akan masuk dalam hitungan).
  • Simpel dan mudah ditempatkan di manapun admin blog mau.

KEKURANGAN!

  • Post View start dari nol (Zero View).

Ok tanpa berlama-lama kita langsung praktekkan

LIVE DEMO

A. tahap pertama

  • Silahkan kunjungi Firebase
MGABit IMG 0.1 – Google Sign in

Karena Firebase menggunakan akun Gmail, silahkan login ke Gmail, bila belum punya silahkan datang ke kelurahan untuk daftar ya!, just kidding.

  • Buat Project baru
MGABit.org IMG 0.2 – Firebase New Project

bila sudah login silahkan buat Project baru untuk blog kamu.

  • Isikan data blog
MGABit.org IMG 0.3 – Project Details

PENJELASAN:

  1. Nama Project/Blog (Bebas)
  2. ID Firebase (ID Firebase ini harus diingat, kalau perlu tulis di notepad atau aplikasi text lainnya, karena akan digunakan di blog)
  3. Pilih Negara (Bebas)
  4. Centang dua persetujuan (Wajib)
  5. Bila selesai Klik “Add Firebase”
    Bila sudah kamu akan menunggu beberapa detik, maksimal 1 menit, bila Project selesai kamu akan di arahkan ke halaman depan aplikasi.
  • Buat Database Baru

Advertisement

MGABit.org IMG 0.4 – Create New Database

Lihat di samping kiri, di kelompok “DEVELOP“, pilih Database.

  • Buat Realtime Database
MGABit.org IMG 0.5 – New Database Realtime

Buat Realtime Database untuk Post atau Page View secara langsung atau realtime.

  • Aktivasi Realtime Database
MGABit.org IMG 0.6 – Aktivasi Realtime Database

Setelah kamu memilih Realtime Database, Kamu akan di beri dua opsi, pilih nomor dua yaitu “Start In Test Mode“, dan klik “ENABLE“.

Kita sudah selesai dengan Firebase, sekarang kita beralih ke blogger atau blogspot.

B. Taham Kedua

  • Login Blogger.com And Open Theme
MGABit.org IMG 0.7 – Eidt HTML

silahkan kamu login ke blogger, dan pilih theme atau tema, dan klik “Edit HTML” button

  • Script JavaScript ID Firebase

Cari </body> dan tempel atau paste script dibawah ini tepat di atasnya.

Silahkan ganti “ID_FIREBASE” dengan ID Firebase aplikasi yang kamu buat sebelumnya.

– Penempatan Post View
Copy dan Paste kan script ini dimana kalian inginkan, usahakan paste kan di tempat seperti dibawah judul atau di barisan author code atau date code.

SAVE AND DONE!
Silahkan lihat hasilnya, perlu di ingat, jangan ubah script javascript, karena bisa merusak codenya, bila ingin merubah cukup ubah font awesome nya saja.
WARNING!!!
penghitungan Post View akan di mulai dari jam, menit, dan detik kamu memasang atau meng-install dua script di atas, jadi bila postingan kamu sudah memiliki ratusan atau bahkan ribuan views sebelumnya, penghitungan akan di mulai nol lagi (penghitungan di Firebase nya, bukan blog).

Bila keculitan meng-copy script di atas silahkan download codenya dibawah ini

DOWNLOAD FILE

password ZIP : www.mgabit.org
Mungkin cukup sekian, terimakasih sudah berkunjung di MGABit.org, jangan lupa like fanpage, follow juga Instagram dan Twitter MGABit, untuk mendapatkan info baru tentang blogger, dan jangan sungkan untuk bertanya di kolom komentar.
Salam Blogger
#MGABit #HappyBlogging

Bila ingin me-Reshare mohon cantumkan sumber, Terimakasih.

MGABit.org Open Source Indonesia

Advertisement

Advertisement

Leave A Reply