Memasukkan Timeline Akun Twitter ke Halaman Utama Aplikasi V2

Kembali membahas konten example webview pada aplikasi V2, kali ini mengenai cara memasukkan timeline akun twitter ke halaman utama aplikasi yang bisa berfungsi untuk memberikan informasi kepada pengguna dengan lebih mudah. Bagi yang belum memilik aplikasi android versi 2 atau V2 atau bahkan belum memiliki script pulsa (web pulsa online) siakan hubungi saya dengan buka halaman kontak pada blog ini, atau klik disini. Mau mencoba sensasi menggunakan aplikasi V2? Silakan buka halaman demo pada blog ini. Berikut tutorialnya:

Memperoleh Kode Embedded Timeline

1. Buka halaman publish.twitter.com kemudian geser sedikit kebawah dan pilih Embedded Timeline.
Pilih embedded timeline.

2. Masukkan URL profil akun twitter yang mau kamu masukkan timeline nya ke aplikasi. Jika tidak tahu apa URL profil akun itu yang mana, coba buka twitter dari browser (misal googlr chrome / firefox / dll) kemudian buka profil akun. Lihat URL yang tertera di bagian atas browser, itu adalah URL profil akun twitter kamu.

Masukkan URL profil akun twitter.

3. Tekan Preview kemudian akan muncul kode beserta contoh tampilan timeline nya.
Muncul kode dan contoh tampilan timeline.

4. Agar timeline yang tampil tidak terlalu panjang, bisa tekan tulisan set customization options. Kemudian masukkan tinggi timeline yang diinginkan pada kolom Height misalnya bisa isi dengan 1024. Kolom dan pengaturan lainnya juga silakan disesuaikan dengan keinginan, kolom Width kosongkan saja. Jika sudah, tekan tombol Update. Muncul kode yang baru. Silakan salin atau simpan kode tersebut ke notepad atau media lain.
Atur tinggi timeline.

Membuat File Webview

5. Login ke panel web kamu (cPanel / Direct Admin / Webuzo / Cyber Panel / dll yang kamu gunakan).

6. Cari menu File Manager, kemudian pada file manager buka public_html > application > views >  cari file dengan nama Example_webview.php kemudian edit file tersebut. (Kamu bisa juga membuat file dengan nama lain / membuat file baru, panduannya bisa klik disini.)

7. Ganti isi file dengan script berikut:
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Info</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="<?php echo base_url('assets/css/bootstrap.min.css');?>" rel="stylesheet"/>
    <link href="<?php echo base_url('assets/css/bootstrap-theme.css');?>" rel="stylesheet"/>
  </head>
  <body style="background: #f6f6f6;">
    <div class="container">
      <div class="panel panel-default" style="margin-bottom: 0; height: 1024px;">
KODE DARI HALAMAN PUBLISH TWITTER PASTE DISINI
      </div>
    </div>
    <script src="<?php echo base_url('assets/js/jquery.min.js');?>"></script>   
    <script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
  </body>
</html>

7. Ganti tulisan warna biru dengan kode script yang didapatkan pada langkah nomor 4 kemudian simpan.

Menampilkan Konten Webview ke Halaman Utama Aplikasi

8. Buka dan login menggunakan akun administrator, kemudian buka menu Admin Panel > Aplikasi Android > Halaman Utama. Tekan tombol Tambah Konten.
Admin panel > aplikasi android > halaman utama > tambah konten.

9. Pilih webview saat menambahkan konten, kemudian masukkan URL file webview nya, misal:
https://blanksreload.com/example_webview
Jika sudah membuat file dengan nama lain silakan untuk memasukkan URL file tersebut.

10. Keluar dari aplikasi kemudian buka kembali aplikasi untuk melihat perubahan.

Semoga bermanfaat untuk semua pengguna script pulsa dan semoga kita semua diberi kelancaran dan kemudahan serta keberkahan dalam menjalankan usaha web pulsa online ini. Kembali ke halaman tutorial script pulsa silakan klik disini.

Comments

Popular posts from this blog

Spark Sebagai Alternatif Pengganti Jabber API

Cron Job untuk Menstabilkan Transaksi

Panduan Menangkap SN Transaksi dengan Baik

Membuat Menu Teks Berjalan di Aplikasi Android V2

Modul HT - Notifikasi WA Edisi Terbatas