renovasi rumah cashback diskon

Tips Renovasi Rumah yang Tepat dan Hemat

by Newsrumahtips n trikTutorialwebsite

Semakin lama kamu tinggal dalam sebuah rumah, kamu mungkin akan menghadapi berbagai permasalahan bangunannya. Mulai dari dinding retak, atap bocor, perlunya ruangan baru, dan kebutuhan lainnya yang menuntut penghuni untuk renovasi rumah.

Selain untuk memperbaiki, renovasi rumah biasanya juga dilakukan bagi mereka yang ingin mengubah desain hunian. Renovasi rumah pun memiliki beberapa sifat, seperti renovasi rumah sebagian yang membutuhkan waktu singkat atau renovasi total yakni mengubah rumah lama menjadi rumah baru impianmu.

Namun, renovasi rumah tidak bisa dilakukan dengan sembarangan, ada beberapa hal yang perlu kamu pikirkan agar bisa berjalan dengan baik. Persiapan renovasi rumah yang tepat juga akan menghindarimu dari kerugian ataupun boros, lho!

Hal yang Perlu Diketahui untuk Renovasi Rumah

Saat ingin renovasi rumah, kamu tidak bisa sembarangan membeli material bangunan tanpa adanya rencana yang jelas, apalagi jika budget terbatas. Dengan perencanaan yang baik, kamu bisa memperhitungkan dari awal segaa sesuatunya.

Untuk itu, simak hal yang perlu diketahui untuk renovasi rumah agar bisa berjalan baik, efektif, dan hemat!

1. Membuat anggaran yang tepat

Hal yang paling penting dipikirkan dan perlu diketahui untuk renovasi rumah adalah membuat anggaran dana yang tepat. Kamu perlu mencatat seluruh kebutuhan renovasi, seperti biaya tukang, material bahan yang dipakai, biaya arsitek, pemilihan interior, dan biaya tidak terduga. 

Biaya tidak terduga dibutuhkan untuk alat-alat atau bahan yang mendesak harus dibeli, karena pasti ada perubahan dari tujuan awal yang membuat anggaran renovasi rumah.

Tips untuk membuatnya semakin mudah, kamu bisa berdiskusi dengan arsitek untuk anggaran renovasi rumah sesuai dengan ruangan yang akan direnovasi.

2. Mengatur jadwal renovasi

Mengatur Jadwal Renovasi

Sumber Gambar: Pixabay

Setelah membuat anggaran, tips renovasi rumah selanjutnya adalah membuat jadwal yang detail. Buatlah jadwal kedatangan barang ke rumah, tukang bangunan mulai bekerja, menyimpan perabotan di dalam rumah, dan juga target renovasi selesai. 

Hal ini harus dibuat secara detail karena akan berpengaruh pada anggaran dana yang sudah kamu buat pada renovasi rumah.

3. Komunikasi dengan orang setempat

Komunikasi dengan Orang Setempat

Sumber Gambar: Pixabay

Tips renovasi rumah yang satu ini juga penting, lho! Sebelum merenovasi rumah, kamu perlu tahu aturan dalam renovasi bangunan di lingkungan tempat tinggalmu. Mulai dari luas, lebar, dan tinggi rumah karena biasanya tempat tertentu memiliki aturan ukuran rumah tertentu.

Kamu bisa berbicara dengan pihak berwenang di tempat tinggalmu dan mengikuti peraturan yang berlaku. Tak lupa, izin juga kepada tetangga depan, samping, hingga belakang rumahmu jika sedang melakukan renovasi agar tidak mengganggu kenyamanan mereka.

4. Pilih arsitek sesuai keinginan

Pemilihan Arsitek

Sumber Gambar: Freepik

Memilih arsitek yang tepat juga menjadi salah satu tips renovasi rumah yang perlu kamu perhatikan demi rumah impian. Arsitek yang dipilih perlu memiliki jam terbang yang tinggi dan mumpuni dalam hal merenovasi rumah. Kamu perlu menyamakan ide dan juga desain tentang renovasi rumah agar bisa sesuai dengan keinginan.

Selain konsultasi mengenai desain rumah, kamu juga berdiskusi tentang bahan material bangunan. Seorang arsitek pastinya sangat paham dengan hal ini sehingga kamu bisa melakukan renovasi rumah dengan efektif.

5. Pilih dan beli bahan bangunan paling berkualitas

Pilih dan Beli Bahan Bangunan Paling Berkualitas

Sumber Gambar: Pixabay

Setelah berdiskusi dengan arsitek tentang bahan bangunan dan desain yang diinginkan, kamu perlu pilih dan beli bahan bangunan paling berkualitas. Membeli bahan bangunan dengan kualitas tinggi adalah hal penting agar rumah bisa berdiri kokoh dan tahan lama.

6. Pertimbangkan Karakteristik Lahan

Pertimbangkan Karakteristik Lahan

Sumber Gambar: Pixabay

Karakteristik masing-masing lahan orang yang akan renovasi pasti berbeda-beda, kamu perlu menyesuaikan karakteristik lahan sesuai dengan lokasi rumahmu. Jika rumah minimalis kamu dengan dengan jalan raya, kamu bisa menanam tanaman untuk mengurangi polusi udara.

Untuk kamu yang terkadang terkena banjir, pastikan lahan rumah tinggi dan terdapat penghalang agar tidak kebanjiran.

Selain itu, karakteristik lainnya seperti rumah di dataran tinggi, di perbukitan, atau dekat pantai perlu diperhatikan dengan baik agar rumah bisa kuat dan bisa berdiri kokoh.

7. Mempertimbangkan kebutuhan penghuni

tips renovasi rumah yang efektif

Sumber Gambar: Pexels

Mempertimbangkan kebutuhanmu sebagai penghuni adalah hal yang cukup penting dalam tips renovasi rumah. Kamu perlu berdiskusi dengan keluarga atau pasangan saat memutuskan untuk membeli sesuatu, seperti keramik, gagang pintu, bentuk ruangan, dan hal yang lainnya.

Selain itu, kamu juga perlu memerhatikan kebutuhan anggota keluargamu, misalnya butuh tambahan kamar, ruang bekerja, dapur dengan sirkulasi udara terbuka, atau ruang belajar.

8. Memperbaiki Saluran Listrik dan Air

tips renovasi rumah - keran air

Source: Pexels

Saluran listrik dan air merupakan elemen yang wajib ada dalam sebuah rumah. Beberapa ruangan di rumahmu, seperti kamar mandi, dapur, atau kamar dan ruangan lainnya butuh saluran ini. 

Saat ingin menambah ruangan, kamu perlu mempertimbangkan saluran air yang ketika renovasi rumah agar air berjalan dengan lancar sampai ruangan tersebut.

Selain itu, saluran listrik yang baik akan membuat para penghuni nyaman, jadi kamu perlu memenuhi kebutuhan panel listrik dengan baik saat renovasi. Perhatikan juga untuk memasang colokkan di setiap ruangan untuk memasang alat elektronikmu, Toppers.

Baca Juga: 8 Daftar Klinik Kecantikan Terbaik di Jakarta Selatan

Itulah 8 tips renovasi rumah yang perlu kamu ikuti. Apakah sudah siap untuk renovasi rumah menjadi hunian idamanmu? Setelah mengetahui hal penting yang perlu dilakukan saat renovasi rumah, kini perencanaan biaya, pemilihan bahan, hingga komponen yang ada di dalam rumah bisa direncanakan dengan matang.

Untuk kamu yang ingin renovasi rumah, silahkan menghubungi tim dari Usaha Duta Properti disini usahadutaproperti.com

pexels-photo-546819-1-1.jpeg

contoh skrip untuk membuat landing page di WordPress

by with No Comment codingTutorialWordpress 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Landing Page WordPress</title>
  <style>
    /* Gaya CSS khusus untuk landing page */
    body {
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
      text-align: center;
    }
    .container {
      max-width: 800px;
      margin: 0 auto;
      padding: 40px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }
    h1 {
      font-size: 28px;
      margin-bottom: 20px;
    }
    p {
      font-size: 18px;
      margin-bottom: 30px;
    }
    .cta-button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      font-size: 16px;
      text-decoration: none;
      border-radius: 4px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Welcome to Our Landing Page</h1>
    <p>Thank you for visiting our website. Learn more about our amazing products and services.</p>
    <a href="#contact" class="cta-button">Contact Us</a>
  </div>

  <div id="contact">
    <h2>Contact Us</h2>
    <p>Please fill out the form below to get in touch with us.</p>
    <?php echo do_shortcode('[contact-form-7 id="123" title="Contact Form"]'); ?>
  </div>

  <!-- Atau Anda bisa menambahkan formulir kontak langsung menggunakan HTML jika tidak menggunakan Contact Form 7 -->
  <!-- <div id="contact">
    <h2>Contact Us</h2>
    <p>Please fill out the form below to get in touch with us.</p>
    <form action="your-action-url" method="POST">
      <input type="text" name="name" placeholder="Your Name" required>
      <input type="email" name="email" placeholder="Your Email" required>
      <textarea name="message" placeholder="Your Message" required></textarea>
      <button type="submit">Send Message</button>
    </form>
  </div> -->
</body>
</html>

Untuk menggunakan skrip diatas, ikuti langkah-langkah sebagai berikut:

  1. Buka halaman WordPress Anda dan buka editor tema Anda (misalnya, melalui Appearance > Theme Editor).
  2. Buat file baru dan beri nama landing-page.php.
  3. Salin dan tempelkan skrip di atas ke dalam file landing-page.php.
  4. Simpan file tersebut dan keluar dari editor tema.
  5. Kembali ke halaman WordPress dan buka Halaman > Tambah Baru.
  6. Buat halaman baru untuk landing page Anda dan beri judul yang sesuai.
  7. Di bagian atribut halaman (Page Attributes) di sebelah kanan, cari opsi Template dan pilih “Landing Page”.
  8. Klik “Publikasikan” untuk menerbitkan halaman landing page Anda.

10 langkah untuk membuat video intro untuk background header di website

by with One Comment Artikeltips n trikTutorial

Untuk membuat video intro yang dapat digunakan sebagai background header di website, Anda dapat mengikuti langkah-langkah berikut:

  1. Rencanakan Konsep: Tentukan konsep dan pesan yang ingin Anda sampaikan melalui video intro. Sesuaikan dengan identitas merek atau tujuan situs web Anda.
  2. Tulis Skrip: Buatlah skrip singkat yang mencakup kata-kata yang ingin Anda sampaikan dalam video intro. Pastikan pesan yang disampaikan singkat, jelas, dan menarik perhatian.
  3. Kumpulkan Materi Visual: Siapkan elemen visual yang ingin Anda tampilkan dalam video intro. Ini dapat mencakup logo perusahaan, gambar produk, gambar latar belakang, atau elemen desain lainnya yang sesuai dengan konsep Anda.
  4. Gunakan Alat Video Editing: Anda dapat menggunakan alat video editing seperti Adobe Premiere, iMovie, atau Windows Movie Maker untuk membuat video intro. Impor elemen visual yang telah Anda siapkan ke dalam proyek video.
  5. Susun Skrip dan Visual: Tempatkan teks skrip di atas elemen visual dengan tata letak yang menarik. Gunakan efek transisi, animasi, atau efek khusus lainnya untuk meningkatkan tampilan video intro.
  6. Pilih Musik atau Audio: Tambahkan musik latar atau audio yang sesuai dengan suasana dan pesan yang ingin Anda sampaikan. Pastikan memiliki lisensi atau hak untuk menggunakan musik tersebut dalam proyek Anda.
  7. Periksa Durasi: Pastikan durasi video intro tidak terlalu panjang agar tidak mengganggu pengalaman pengguna. Biasanya, video intro sebaiknya tidak lebih dari 10-15 detik.
  8. Ekspor Video: Setelah selesai mengedit video intro, ekspor video ke format yang sesuai dengan persyaratan situs web Anda, seperti .mp4 atau .mov.
  9. Unggah ke Situs Web: Unggah video intro ke server situs web Anda dan pasang di header atau bagian yang relevan dengan menggunakan kode HTML5. Pastikan ukuran file video sesuai dengan batasan yang ditetapkan oleh platform atau tema situs web Anda.
  10. Uji dan Tinjau: Sebelum menerapkan video intro secara langsung di situs web, pastikan untuk menguji dan memeriksa tampilannya di berbagai perangkat dan browser yang berbeda. Pastikan video intro berfungsi dengan baik dan memberikan kesan yang diinginkan.

Dengan mengikuti langkah-langkah di atas, Anda akan dapat membuat video intro yang menarik dan efektif sebagai background header di situs web Anda. Jika Anda tidak memiliki pengalaman dalam mengedit video, Anda juga dapat mencari bantuan dari profesional di bidang desain atau video editing untuk memastikan hasil yang optimal.

Apa-Itu-Cron-Job

Apa itu Cron Job?

by Artikeltips n trikTutorial

Pengertian, Fungsi dan Cara membuatnya

Apa itu Cron Job?

Cron adalah salah satu fasilitas yang disediakan oleh sistem operasi berbasis UNIX (salah satunya Linux) untuk menjalankan pekerjaan secara terjadwal dan otomatis. Terjadwal yang dimaksud adalah pekerjaan itu akan berlangsung sesuai waktu yang kita tentukan.

Cron job adalah istilah penggunaan cron itu sendiri dan sifatnya berulang. Pada Cron Job ada beberapa hal yang diperlukan, diantaranya :

  1. Waktu atau jadwal

Pada cron Job ada 5 field waktu dalam pengeksekusiannya. Detail field waktunya seperti gambar berikut :

Field Waktu Cron Job

Cron Job yang ada di panel hosting cukup mudah. Kita tidak harus mengingat seting waktu penjadwalan dari Cronjob itu sendiri karena sudah ditampilkan dalam tampilan waktunya.

  1. Command atau perintah

Pada bagian ini kita dapat menuliskan perintah Linux maupun script PHP untuk dapat dieksekusi oleh Cron Job. Kita juga dapat mengisikan nama file yang akan dijalankan oleh Cron Job.

Fungsi atau manfaat Cron Job

Berikut admin informasikan beberapa fungsi atau manfaat Cron Job :

  • Membuat backup
  • Menghapus file
  • Menjalankan download dan upload
  • Melakukan proses kirim email
  • Dapat digunakan untuk monitoring server
  • Dapat digunakan untuk pembuatan symlink laravel tanpa SSH

Cara membuat Cron Job

Setelah menjelaskan tentang Cron Job dan manfaatnya, lalu bagaimana aplikasi penggunaan Cron Job itu sendiri?

Berikut admin lampirkan panduan cara membuat Cron Job bagi pelanggan yang memiliki layanan hosting Rumahweb.

Cara membuat Cron Job di cPanel

Bagi pelanggan yang memiliki layanan Unlimited Hosting, Cloud Hosting maupun VPS dengan cPanel, Anda dapat mengikuti salah satu panduan dari link berikut : https://www.rumahweb.com/journal/panduan-setting-cron-jobs-di-cpanel/

Cara membuat Cron Job di Plesk

Untuk pelanggan yang memiliki layanan WordPress Hosting maupun VPS dengan Plesk, silakan dapat mengikuti panduan cara membuat Cron Job dari link berikut : https://www.rumahweb.com/journal/setting-cronjobs-di-wordpress-hosting/

Contoh Penggunaan Cron Job

Cron Job dapat digunakan pada beberapa framework seperti CodeIginiter dan Laravel. Berikut admin informasikan contoh-contoh penerapan Cron Job yang dapat digunakan :

Cron Job CodeIgniter

  • Anda memiliki banyak subscriber website. Anda ingin setiap subscriber mendapatkan update informasi terbaru dari website setiap hari Sabtu. Informasi itu Anda kirimkan ke email setiap subscriber. Pekerjaan teknis ini dapat dilakukan dengan otomatis. Anda dapat membuat script agar dijalankan secara terjadwal oleh Cron Job. Hal ini menjadikan Anda tidak perlu didepan komputer setiap hari Sabtu untuk mengirimkan emailnya.
  • Anda memiliki aplikasi undangan dan ingin mengirimkan reminder kepada para partisipan h-1 sebelum acara berlangsung. Notifikasi reminder ini dapat dikirimkan ke email para partisipan dengan adanya script agar dijalankan Cron Jobs.

Baca Juga :

Cron Job Laravel

  • Anda tidak perlu login SSH secara manual untuk melakukan clear cache system laravel menggunakan Artisan. Buat script yang menjalankan perintah clear cache tersebut agar dijalankan otomatis oleh Cron Job. Hal ini memungkinkan setiap ada data yang baru tidak perlu melewati cache dahulu.
  • Anda baru saja upload file website Laravel ke hosting dan ingin membuat Symlink. Setelah Anda cek, ternyata paket hosting yang dimiliki tidak ada fitur SSH. Masalah ini dapat diatasi dengan pembuatan symlink melalui Cron Jobs.

Pada Laravel juga terdapat method yang dapat digunakan untuk pembuatan Cron Job. Berikut method-method yang bisa digunakan :

MethodDeskripsi
->cron(‘* * * * *’);menjalankan task custom cron schedule
->everyMinute();menjalankan task setiap menit
->everyTwoMinutes();menjalankan task setiap 2 menit
->everyThreeMinutes();menjalankan task setiap 3 menit
->everyTenMinutes();menjalankan task setiap 10 menit
->everyThirtyMinutes();menjalankan task setiap 13 menit
->hourly();menjalankan task setiap jam
->everyTwoHours();menjalankan task setiap 2 jam
->daily();menjalankan task setiap hari pada tengah malam
->dailyAt(’13:00′);menjalankan task setiap hari pada jam 13:00
->twiceDaily(1, 13);menjalankan task setiap hari pada jam 1:00 dan jam 13:00
->weekly();menjalankan task setiap minggu jam 00:00
->weeklyOn(1, ‘8:00’);menjalankan task setiap Senin jam 8:00
->monthly();menjalankan task setiap bulan pada jam 00:00
->monthlyOn(4, ’15:00′);menjalankan task setiap bulan di tanggal 4 jam 15:00
->twiceMonthly(1, 16, ’13:00′);menjalankan task setiap bulan di tanggal 1 dan 16 jam 13:00
->lastDayOfMonth(’15:00′);menjalankan task pada hari terakhir setiap bulan jam 15:00
->quarterly();menjalankan task pada hari pertama setiap kuartal pukul 00:00
->yearly();menjalankan task setiap tahun pada jam 00:00
->yearlyOn(6, 1, ’17:00′);menjalankan task setiap tahun pada tanggal 1 Juni pukul 17:00
->timezone(‘America/New_York’);Atur zona waktu untuk task

Cron Job Backup

  • Anda biasanya melakukan pengeditan website dan ingin file website terbackup otomatis setiap 3hari sekali, anda dapat menjalankan ini di Cron Jobs.
  • Website anda digunakan untuk registrasi, dan Anda ingin membackup database pendaftar secara otomatis setiap pkl 00.00.

Kesimpulan

Cron adalah salah satu fasilitas yang disediakan oleh sistem operasi berbasis UNIX (salah satunya Linux) untuk menjalankan pekerjaan secara terjadwal dan otomatis. Cron job adalah istilah penggunaan cron itu sendiri dan sifatnya berulang.

Ada dua hal yang perlu diperhatikan dalam pembuatan Cron Job, yaitu waktu (jadwal) dan command (perintah). Cron Job memiliki banyak manfaat diantaranya dapat digunakan untuk backup, upload, download, hapus file, pengiriman email otomatis dan masih banyak lagi.

sumber : Rumahweb

outputdone

Tutorial Membuat Aplikasi Blog Flutter Backend WordPress API

by with No Comment APIFlutterTeknologiTutorialWordpress

Artikel ini akan membahas tutorial bagaimana membuat aplikasi blog sederhana menggunakan flutter dengan menggunakan wordpress sebagai API-nya, studi kasus kali ini menggunakan backend.

Langkah pertamanya adalah membuat project di flutter

flutter create blogwp

create flutter project

main.dart

Ubah bagian main.dart pada folder lib

import 'package:flutter/material.dart';
void main() {
  runApp(const MyApp());
}
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}
class MyHomePage extends StatefulWidget {
  const MyHomePage({ Key? key,  }) : super(key: key);
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('belajarflutterapp'),
      ),
    );
  }
}

Add Dependency

lalu kita siapkan package yang dibutuhkan dengan menggunakan shortcut ctrl + shift + P, tampilannya akan seperti di bawah ini :

Dart :add dependency

Function Get

 

Selanjutnya kita akan membuat function / fungsi yang berfungsi untuk mengirimkan permintaan ke aplikasi mobile yang ingin kita buat.

Future<List> getPosts() async {
var response = await http.get(
Uri.parse("https://belajarflutter.com/wp-json/wp/v2/posts?_embed"),
headers: {
"Accept": "application/json",
},
);
return jsonDecode(response.body);
}

initstate

lalu tambahkan function getPosts ke dalam void initstate

 

void initState() {
getPosts();
super.initState();
}

Untuk full code nya di atas ada di bawah ini :

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Future<List> getPosts() async {
var response = await http.get(
Uri.parse("https://belajarflutter.com/wp-json/wp/v2/posts?_embed"),
headers: {
"Accept": "application/json",
},
);
return jsonDecode(response.body);
}
@override
void initState() {
getPosts();
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text(
'BelajarFlutterApps',
),
),
body: FutureBuilder(
future: getPosts(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
Map posts = snapshot.data[index];
return Text(posts['title']['rendered']);
});
}
return CircularProgressIndicator();
},
),
);
}
}

Output Sementara

Next Step

langkah selanjutnya kita akan tampung datanya di dalam column dan sedikit merapikan user interfacenya

Column

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Future<List> getPosts() async {
var response = await http.get(
Uri.parse("https://belajarflutter.com/wp-json/wp/v2/posts?_embed"),
headers: {
"Accept": "application/json",
},
);
return jsonDecode(response.body);
}
@override
void initState() {
getPosts();
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text(
'BelajarFlutterApps',
),
),
body: FutureBuilder(
future: getPosts(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
Map posts = snapshot.data[index];
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
posts['title']['rendered'],
style: TextStyle(
fontSize: 20.0,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
],
);
});
}
return CircularProgressIndicator();
},
),
);
}
}

Card dan Padding

tambahkan card dan padding pada desain yang kita buat

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Future<List> getPosts() async {
var response = await http.get(
Uri.parse("https://belajarflutter.com/wp-json/wp/v2/posts?_embed"),
headers: {
"Accept": "application/json",
},
);
return jsonDecode(response.body);
}
@override
void initState() {
getPosts();
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text(
'BelajarFlutterApps',
),
),
body: FutureBuilder(
future: getPosts(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
Map posts = snapshot.data[index];
return Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
posts['title']['rendered'],
style: TextStyle(
fontSize: 20.0,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
],
),
),
);
});
}
return CircularProgressIndicator();
},
),
);
}
}

Tampilkan Gambar

return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
Map posts = snapshot.data[index];
return Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.network(
posts['_embedded']['wp:featuredmedia'][0]['source_url'],
),
Text(
posts['title']['rendered'],
style: TextStyle(
fontSize: 20.0,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
],
),
),
);
});
Output finalnya adalah seperti di bawah ini :

Full Code nya : 

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Future<List> getPosts() async {
var response = await http.get(
Uri.parse("https://belajarflutter.com/wp-json/wp/v2/posts?_embed"),
headers: {
"Accept": "application/json",
},
);
return jsonDecode(response.body);
}
@override
void initState() {
getPosts();
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text(
'BelajarFlutterApps',
),
),
body: FutureBuilder(
future: getPosts(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
Map posts = snapshot.data[index];
return Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.network(
posts['_embedded']['wp:featuredmedia'][0]['source_url'],
),
Text(
posts['title']['rendered'],
style: TextStyle(
fontSize: 20.0,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
],
),
),
);
});
}
return CircularProgressIndicator();
},
),
);
}
}

Sumber : belajarflutter.com

bv1

Teknik SEO dalam 60 Menit untuk Meningkatkan Traffic Blog dari Search Engine Google

by ArtikelSEOtips n trikTutorial

Ada beberapa teknik SEO favorit saya yang hanya membutuhkan waktu 1 jam per hari tapi bisa langsung menaikkan traffic dan peringkat di search engine.

Dan kali ini saya akan mengajarkan tekniknya untuk pembaca Mas Sugeng Blog.

Bukan hanya 1 atau 2… …tapi 7.

Ketika anda sudah mengaplikasikan teknik-teknik mudah ini, dijamin, anda tidak akan lagi kembali ke teknik-teknik lama yang kadaluarsa dan buang-buang waktu.

Beberapa dari anda pasti sekarang berpikir, wah pasti teknik black hat nih…bahaya.

Jangan khawatir.

Ketujuhnya merupakan teknik white hat SEO yang 100% aman tapi sangat ampuh.

Bahkan untuk anda yang tidak percaya, saya akan lampirkan beberapa hasil penelitian dan studi kasus yang sudah dilakukan oleh praktisi SEO dunia.

Ada baiknya anda memahami dasar-dasarnya terlebih dahulu karena artikel ini menggunakan beberapa istilah SEO. Baca panduan belajar SEO untuk pemula.

Untuk pengguna blogspot, pastikan juga SEO website anda sudah maksimum.

Tanpa panjang lebar, mari kita langsung mulai.

Teknik #1 – Ubah teks di website orang lain jadi backlink

Saya rasa semua praktisi SEO sekarang ini sepakat bahwa backlink merupakan salah satu faktor terbesar yang mempengaruhi peringkat kita.

Masalahnya ini:

Beberapa jenis backlink seperti komentar blog, social bookmark, guest book, direktori, dan sejenisnya tidak lagi memberikan pengaruh yang besar.

Karena itu perhatikan pernyataan berikut.

“Backlink terbaik dan yang seharusnya anda bangun adalah yang berasal dari website yang memiliki reputasi bagus, masih aktif, dan atas ijin dari pemiliknya”.

Jadi, kitalah yang harus minta.

Tapi memangnya ada pemilik blog yang mau memberi backlink untuk kita?

Ada.

Tanpa sadar, sebenarnya ada blogger lain yang sudah “siap” memberikan kita backlink dalam konten mereka. Hanya saja belum dalam bentuk link.

Contohnya salah satu blogger ini:

Text jadi Link

Awalnya link tersebut hanya berupa teks, tapi kemudian pemiliknya saya hubungi dan minta untuk ubah jadi link yang bisa di-klik.

Teknik ini berkali-kali lipat lebih efektif daripada sekedar meminta pada sembarang orang.

Ini cara mencarinya:

Pertama, buka Google dan lakukan pencarian dengan kata kunci “namawebsite” -site:namawebsite.com.

Akan muncul daftar website yang menyebutkan nama website anda dengan tidak memunculkan alamat website anda sendiri.

Selanjutnya telusuri hingga halaman-halaman berikutnya.

Kadang di halaman 10 ke atas pun masih bisa anda temukan website seperti contoh di atas.

Supaya lebih praktis, masukkan kata kunci tadi ke Google Alerts supaya hasilnya langsung dikirimkan via email setiap kali muncul yang baru.

Teknik #2 – Perpanjang artikel menjadi 2500 kata

Dulu, di awal terjun di dunia blogging saya terpengaruh ucapan orang yang bilang kalau artikel 300 atau 500 kata saja sudah bagus.

Tapi ternyata mereka (dan saya) salah.

Jumlah kata tadi memang sudah cukup kalau website kita menyediakan konten berita atau konten lain yang non artikel. Untuk konten artikel, masih sangat-sangat kurang.

serpIQ melakukan penelitian untuk mengetahui panjang rata-rata artikel yang muncul di halaman pertama Google.

Berikut ini hasilnya:

Rata-Rata Panjang Artikel

Rata-rata artikel yang muncul di peringkat 1-3 adalah 2500 kata.

Logikanya begini,

Artikel yang panjang biasanya informasinya banyak. Semakin banyak informasinya, maka pembaca makin puas.

Artikel yang membuat pembacanya puas akan mendapatkan lebih banyak share dan tentunya backlink.

Tapi sebenarnya 2500 kata ini sudah digabung dengan teks-teks lain selain artikel, misalnya teks di header, sidebar, bahkan di komentar.

Oleh karena itu artikel sepanjang 1500 kata juga sudah cukup bagus.

Meskipun demikian, tetap melelahkan juga terutama kalau anda punya banyak artikel di website. Untuk mengakali ini, anda bisa mengedit artikel-artikel yang terpopuler saja dan abaikan yang tidak terlalu populer.

Perhatikan juga cara anda memanjangkan artikel.

Artikel yang bagus memang biasanya panjang dan mendalam. Tapi tidak semua artikel yang panjang itu bagus.

Kadang ada juga orang yang dengan sengaja menambahkan kata-kata sekedar basa-basi untuk mencapai jumlah kata tertentu. Jangan lakukan ini.

Cara memanjangkan artikel yang benar adalah dengan menambah bobotnya.

Misalnya anda punya artikel “5 teknik SEO untuk blog”. Daripada menambahkan kalimat-kalimat di setiap poinnya, lebih baik tambahkan dari 5 teknik menjadi 10.

Dengan demikian jumlah kata di artikel tersebut juga mestinya bertambah hampir 2 kali lipat.

Teknik #3 – Ubah judul konten supaya mengundang klik

Pada Juli 2014 lalu, Rand Fishkin dari Moz melakukan berbagai percobaan terkait SEO. Salah satunya adalah volume klik dari hasil pencarian dalam kata kunci tertentu.

Kesimpulan dari penelitian tadi cukup menarik.

Sebuah website yang mendapat banyak klik dari hasil pencarian, peringkatnya naik dari nomor 10 ke nomor 1.

Dalam 2 setengah jam!

Artinya, kalau persentase klik ke website anda lebih tinggi daripada ke website lain maka peringkat website anda akan naik melebihi mereka.

Jadi kalau kita bisa melakukan rekayasa terhadap website kita di hasil pencarian supaya orang-orang lebih tertarik untuk melakukan klik, maka kita bisa dengan segera meningkatkan rangkingnya.

Untuk itu mari kita lihat tampilan website di hasil pencarian Google.

evotemplates

Apa yang kira-kira membuat seseorang memilih salah satu website dari sembilan yang lain?

Judulnya.

Karena merupakan yang ukurannya paling besar dan paling menarik perhatian. Maka kalau kita optimasi akan sangat menentukan

Meskipun tidak drastis seperti penelitian dari Rand, tapi peringkat anda juga akan naik apabila judulnya dioptimasi.

Beberapa tips untuk mengoptimasi judul:

  1. Buat sedetail mungkin
  2. Jelaskan manfaat yang didapatkan setelah membaca artikel
  3. Gunakan angka
  4. Gunakan kalimat tanya

Tidak keempatnya harus anda gunakan.

Teknik #4 – Tambahkan LSI untuk meningkatkan relevansi dan variasi keyword

Sudah pernah dengar LSI, Latent Semantic Indexing?

Semua search engine modern memanfaatkan sistem LSI untuk bisa memahami arti dari suatu kata dalam artikel. Caranya dengan membaca kata-kata yang mengelilinginya.

Kita juga bisa memanfaatkan sistem LSI ini dalam 2 hal:

  • Meningkatkan relevansi artikel terhadap kata kunci. Semakin relevan maka peringkat akan semakin baik.
  • Menambah kemungkinan artikel untuk ter-rangking dalam kata kunci LSI lain.

Tempat termudah untuk menemukan keyword LSI adalah di hasil pencarian Google sendiri.

Seperti gambar berikut:

LSI keyword

Selain di hasil pencarian, anda juga bisa menemukan yang lainnya di Google Keyword Planner.

Langkah selanjutnya, edit artikel anda dan tambahkan kata-kata yang dicetak tebal.

Tempatkan di bagian awal artikel, di tengah, di akhir, atau dimanapun yang masuk akal.

Tapi ingat, musuh utama dari pembuat konten dalam SEO adalah optimasi yang berlebihan. Jadi jangan lakukan pengulangan kata berkali-kali dalam artikel anda.

Yang lebih penting lagi, pastikan setiap kalimatnya terbaca secara alami dan tidak dibuat-buat hanya untuk menampung keyword.

Teknik #5 – Buat aset yang bisa mengundang backlink untuk konten

Teknik nomor 5 ini luar biasa, karena itu saya sangat-sangat menyarankan anda untuk mempunyai aset di setiap konten yang sudah dan akan anda buat kedepannya.

Tapi sebelum membahas aset, ada yang perlu anda ketahui dulu.

Di teknik nomor 1 tadi saya membahas beberapa jenis backlink yang manfaatnya hampir tidak berguna lagi, dan yang sebaliknya.

Backlink terbaik didapatkan dari website lain… atas kemauan mereka sendiri.

Tapi apa yang membuat mereka mau memberikan backlink untuk anda?

Ada 2 alasan seseorang memberikan backlink:

  1. Anda punya konten unggulan yang luar biasa
  2. Anda punya aset dalam konten

Dari tadi saya bicara aset, apa sih aset itu?

Praktisi SEO internasional sering biasanya menyebutkan linkable assets, artinya aset yang bisa membuat website kita diberikan backlink.

Aset bisa berupa:

  1. PDF (ebook, checklist, workbook)
  2. Foto original yang menarik
  3. Grafik, tabel, dan visualisasi data lainnya
  4. Infografis
  5. Video, audio
  6. Badge
  7. Template

Mari bandingkan 2 artikel berikut.

Artikel A hanya berisi huruf dan kata tanpa aset.

Artikel B punya visualisasi data berupa grafik yang bisa dijadikan sebagai bahan rujukan untuk artikel-artikel milik orang lain.

Kira-kira mana yang akan mendapatkan backlink?

Yap.. artikel B.

Sekarang beberapa dari anda pasti berpikir, “susah amat sih mesti bikin aset?”. Jangan khawatir, membuat aset hanya memakan waktu dalam hitungan menit.

Grafik misalnya, bisa dibuat dengan mudah menggunakan Microsoft Excel atau Google Sheets.

Data yang anda butuhkan untuk grafik bisa didapatkan dari pencarian Google atau buat survey online sendiri menggunakan PollDaddy.

Yang lebih mudah lagi, PDF.

Copy semua teks dalam artikel terbaik di website anda, kemudian paste ke Google Docs. Lalu ikuti gambar berikut untuk download versi PDF-nya.

Terakhir, sajikan PDF ini di website anda.

Inilah cara membuat aset dalam kurang dari 3 menit.

Teknik #6 – Dapatkan traffic dan link ekstra dari situs komunitas

SEO dulu dan sekarang berbeda.

Dulu prosesnya begini:

Kita membuat website > melakukan optimasi SEO > mendapatkan peringkat bagus > barulah mendapatkan banyak pengunjung.

Sedangkan sekarang:

Kita membuat website > membuat konten unggulan > melakukan sosialisasi ke situs komunitas > mendapatkan banyak pengunjung > barulah peringkat di Google bagus dan pengunjung makin banyak.

Jadi kita yang harus keluar untuk memperkenalkan diri ke komunitas.

Mmemang masih bisa membuat website yang sukses tanpa sosialisasi, tapi prosesnya akan jadi sangat lama.

Setahun, dua tahun, bahkan lebih.

Padahal sebuah website baru dalam satu bulan pun sekarang sudah bisa jadi populer.

“Tapi mas…”, kata sebagian dari pembaca, “…saya tiap hari sudah spam ke Twitter dan Facebook, kok belum juga rame ya?”.

…

Serius, beberapa orang pernah tanya pertanyaan tadi ke saya.

Dengan teknik apapun, yang namanya spam itu pasti akibatnya tidak bagus.

Kalau anda mengelola sebuah komunitas lalu ada yang setiap hari posting link-link yang tidak nyambung dengan topik utama, apa yang anda lakukan? Apa yang akan orang-orang lakukan?

Marah-marah, lalu delete.

Hal yang sama akan terjadi kepada anda juga.

Ini langkah-langkah yang benar:

Pertama, cari situs yang tepat.

Anda bisa mencari situs forum dari Google dengan kata kunci: “topik” + forum. Atau bisa juga cari grup di Facebook dengan topik tertentu.

Jangan buang waktu di situs yang tidak berhubungan.

Kedua, setiap kali ada yang mengajukan pertanyaan usahakan untuk menjawab secara lengkap dan ramah. Harus ramah.

Lakukan ini selama 3 hari sampai 1 minggu, sebagian besar anggota komunitas akan mengenal anda.

Setelah itu barulah anda boleh posting link menuju website anda. Tapi ingat, kontennya harus berkualitas dan berhubungan dengan topik komunitas.

Dengan pendekatan yang tepat, anda tidak akan dibenci lagi setiap kali menaruh link.

Teknik #7 – Lakukan promosi silang dengan blogger lain yang topiknya mirip

Kalau anda sering aktif di Twitter dan Instagram pasti pernah dengar istilah follow for follow, retweet for retweet, like for like.

Promosi silang seperti ini memang sangat ampuh bagi pengguna social media untuk mendapatkan banyak follower dan like sekaligus.

Tapi kenapa tidak ada link for link bagi pemilik website?

Tunggu dulu, jangan salah sangka.

Dulu kita kenal istilah tukeran link yang marak di antara blogger, jadi blogger A akan memasang link blogger B di blognya apabila blogger B balik memasang link blogger A di blognya.

Biasanya di sidebar, atau di halaman khusus tempat menampung link.

Tapi tukeran link sudah dilarang oleh Google dan beresiko.

Promosi silang yang saya maksud di sini bukan tukeran link.

Tukeran link itu berbahaya, tapi promosi silang tidak berbahaya. Meskipun sama-sama dalam bentuk link.

Langkah-langkahnya sebagai berikut:

Temukan 1 atau 2 blogger lain yang memiliki blog dalam topik yang sama dengan anda. Sebaiknya progres blog anda dengan mereka tidak berbeda jauh.

Ajak mereka sebagai partner anda.

Buat 1 artikel baru atau edit artikel lama, tambahkan link menuju salah satu konten dari partner anda yang topiknya sama dengan artikel tersebut.

Perhatikan topiknya harus sama atau mirip.

Jangan pasang link ke artikel lain yang tidak ada hubungannya. Kuncinya, kalau pembaca jadi bingung dengan link anda, berarti salah.

Selanjutnya ajak partner anda melakukan hal yang sama tetapi di konten lain.

Dengan promosi silang ini, semua pihak akan diuntungkan.

Karena link yang anda pasang berhubungan dengan konten anda, maka anda sama sekali tidak akan mendapatkan masalah dari Google. Dan karena anda mendapatkan link dari konten yang berhubungan, maka secara SEO tentunya bagus.

Pembaca pun akan terbantu karena mendapatkan bacaan yang berhubungan.

Selain link, anda juga bisa melakukan promosi silang untuk akun jejaring sosial kalau memang anda dan partner sama-sama punya.

Itulah 7 teknik SEO untuk blog yang merupakan favorit saya. Semua teknik ini tidak membutuhkan waktu lama, malahan beberapa di antaranya bisa dilakukan dalam hitungan menit. Meskipun begitu, manfaatnya bisa terasa dengan segera.

Sekarang giliran anda.. Dari ketujuhnya, yang mana yang ingin anda lakukan sekarang?

Info tambahan :

  1. Apabila ada yang membutuhkan jasa pengurusan SLF pada gedung bertingkat bisa menggunakan jasa dari PT Damar Birawa Konsultan 
  2. Ada kendala dalam urusan Pajak? jangan kuatir kami kasih solusinya untuk penyelesaiannya oleh Pajakconsulting.com
  3. Ada yang punya usaha UMKM tapi belum punya website? jangan kuatir dengan harganya akan dibantu oleh Digimagine.web.id
  4. Butuh Aplikasi website atau mobile yang harganya terjangkau? Solusinya hanya di Trijaya Solution 

Cara Menempelkan Yahoo Messenger di Website / Blog

by with No Comment Links RekananPendidikanTutorial

Untuk para blogger atau web designer yang pemula, saya harap tutorial ini dapat membantu dan berguna untuk berkomunikasi dalam dunia maya(chatting), yaitu dengan menempelkan widgets dari Yahoo Messenger.

caranya mudah, hanya dengan meng -copy paste coding berikut :

<a href=”//messenger.yahoo.com/edit/send/?.target=tysarwin””>
<img border=”“0″” src=”//opi.yahoo.com/online?u=tysarwin&amp;m=g&amp;t=8&amp;l=us”” />
</a>

selanjutnya silahkan di paste di halaman web/blog > widgets anda pada bagian TEXT ( jika mengunakan blog wordpress ).

jika sudah di -paste jangan lupa pada bagian user id nya diganti dengan user id anda contoh :

bagian pertama : /?.target=tysarwin””> menjadi /?.target=user id anda””>

bagian kedua : /online?u=tysarwin&amp;m=g&amp;t=8&amp;l=us”” /> menjadi /online?u=user id anda&amp;m=g&amp;t=8&amp;l=us”” />

setelah ter -paste dan dirubah user id nya maka, yahoo messenger anda telah tertempel di blog / website anda.

silahkan mencoba dan nikmatilah komunikasi tanpa batas.