Selasa, 04 Agustus 2020

Penggunaan Library WebCodeCamJS Berbasis Web

Webcodecam adalah plugin jquery untuk membaca Barcode Dan QR Code yang dibuat oleh seorang developer asal Huangria bernama Toth Andras, library ini memiliki beberapa keunggulan di antaranya:
  1. Sangat Mudah Digunakan
  2. Ada Bayak pengaturan untuk menampilkan hasil scan
  3. Penggunaannya yang mudah
  4. Suport dengan banyak browser
Alat alat yang diperlukan
  1. Download Library WebcodeCamJs
  2. Editor Untuk Menulis syntak, contoh : notepad atau Visual Studio Code
Implementasi Penggunaannya
  1. Buat Folder project baru misal latihan
  2. Buat folder assets didalam folder latihan, masukan library webcodecamjs yang sudah sobat download,reneme menjadi webcodecamjs
  3. buat file index.html didalam folder latihan
  4. Jalankan dibrowser, url: https://localhost/latihan
  5. persiapkan contoh qrcodenya untuk keperluan testing
Code file index.html


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>WebCodeCamJS</title>
        <link href="assets/webcodecamjs/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/webcodecamjs/css/style.css" rel="stylesheet">
    </head>
    <body>

        <div class="container" id="QR-Code">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <div class="navbar-form navbar-left">
                        <h4>WebCodeCamJS.js Demonstration</h4>
                    </div>
                    <div class="navbar-form navbar-right">
                        <select class="form-control" id="camera-select"></select>
                        <div class="form-group">
                            <input id="image-url" type="text" class="form-control" placeholder="Image url">
                            <button title="Decode Image" class="btn btn-default btn-sm" id="decode-img" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-upload"></span></button>
                            <button title="Image shoot" class="btn btn-info btn-sm disabled" id="grab-img" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-picture"></span></button>
                            <button title="Play" class="btn btn-success btn-sm" id="play" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-play"></span></button>
                            <button title="Pause" class="btn btn-warning btn-sm" id="pause" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-pause"></span></button>
                            <button title="Stop streams" class="btn btn-danger btn-sm" id="stop" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-stop"></span></button>
                         </div>
                    </div>
                </div>
                <div class="panel-body text-center">
                    <div class="col-md-6">
                        <div class="well" style="position: relative;display: inline-block;">
                            <canvas width="320" height="240" id="webcodecam-canvas"></canvas>
                            <div class="scanner-laser laser-rightBottom" style="opacity: 0.5;"></div>
                            <div class="scanner-laser laser-rightTop" style="opacity: 0.5;"></div>
                            <div class="scanner-laser laser-leftBottom" style="opacity: 0.5;"></div>
                            <div class="scanner-laser laser-leftTop" style="opacity: 0.5;"></div>
                        </div>
                      
                    </div>
                    <div class="col-md-6">
                        <div class="thumbnail" id="result">
                            <div class="well" style="overflow: hidden;">
                                <img width="320" height="240" id="scanned-img" src="">
                            </div>
                            <div class="caption">
                                <h3>Scanned result</h3>
                                <p id="scanned-QR"></p>
                            </div>
                        </div>
                    </div>
                </div>
                
        <script type="text/javascript" src="assets/webcodecamjs/js/filereader.js"></script>
       
        <script type="text/javascript" src="assets/webcodecamjs/js/qrcodelib.js"></script>
        <script type="text/javascript" src="assets/webcodecamjs/js/webcodecamjs.js"></script>
        <script type="text/javascript" src="assets/webcodecamjs/js/main.js"></script>
    </body>
</html>

Hasil Dari Code Diatas


Untuk menjalankan scan klik tombol play di pojok kiri atas
Semoga Bermanfaat

Senin, 03 Agustus 2020

Membuat Qrcode dengan library Ciqrcode

Assalamualaikum Sobat Semua, 

Postingan kali ini akan membuat qrcode dengan mengunakkan framework Codeigniter dan library Ciqrcode langsung saja ya sobat semua

Peralatan yang di butuhkan

  1. Download Framework Codeigniter versi 3 Download Disini
  2. Download Library Ciqrcode Download Disini
  3. Sudah Terinstall xampp Pengguna Windows

Implementasi Code

  1. extract folder framework codeigniter, kemudian rename menjadi qrcode, taruh di dalam folder xampp/htdocs
  2. Buat File Controller Qrcode di dalam folder controller
  3. Buat File Model qrcode_model didalam folder model
  4. Buat File Qrcode_view didalam folder view
  5. Buat Database misal mahasiswa
Catatan untuk folder controller, model dan view sudah di sediakan oleh framework codeigniter yang sudah sobat download

File Qrcode Controller, Copy Code dibawah

<?php 
class Qrcode extends CI_Controller{
	function __construct(){
		parent::__construct();
		$this->load->model('qrcode_model'); //pemanggilan model mahasiswa
	}

	function index(){
		$data['data']=$this->qrcode_model->get_all_mahasiswa();
		$this->load->view('qrcode_view',$data);
	}

	function simpan()
	{
		$nim	= $this->input->post('nim');
		$nama	= $this->input->post('nama');
		$prodi	= $this->input->post('prodi');

		$this->load->library('ciqrcode'); //pemanggilan library QR CODE

		$config['cacheable']	= true; //boolean, the default is true
		$config['cachedir']		= './assets/'; //string, the default is application/cache/
		$config['errorlog']		= './assets/'; //string, the default is application/logs/
		$config['imagedir']		= './assets/images/'; //direktori penyimpanan qr code
		$config['quality']		= true; //boolean, the default is true
		$config['size']			= '1024'; //interger, the default is 1024
		$config['black']		= array(224,255,255); // array, default is array(255,255,255)
		$config['white']		= array(70,130,180); // array, default is array(0,0,0)
		$this->ciqrcode->initialize($config);

		$image_name=$nim.'.png'; //buat name dari qr code sesuai dengan nim

		$params['data'] 	= $nim; //data yang akan di jadikan QR CODE
		$params['level'] 	= 'H'; //H=High
		$params['size'] 	= 10;
		$params['savename'] = FCPATH.$config['imagedir'].$image_name; //simpan image QR CODE ke folder assets/images/
		$this->ciqrcode->generate($params); // fungsi untuk generate QR CODE

		$this->qrcode_model->simpan_mahasiswa($nim,$nama,$prodi,$image_name); //simpan ke database
		redirect('mahasiswa'); //redirect ke mahasiswa usai simpan data
	}
}


File Qrcode_model, Copy Code dibawah


<?php
class Qrcode_model extends CI_Model{

	function get_all_mahasiswa(){
		$hasil=$this->db->get('mahasiswa');
		return $hasil;
	}
	
	function simpan_mahasiswa($nim,$nama,$prodi,$image_name){
		$data = array(
			'nim' 		=> $nim,
			'nama' 		=> $nama,
			'prodi' 	=> $prodi, 
			'qr_code' 	=> $image_name
		);
		$this->db->insert('mahasiswa',$data);
	}

}

File Qrcode_view, Copy Code dibawah


<!DOCTYPE html>
<html>
<head>
	<title>Data Mahasiswa</title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/css/bootstrap.css'?>">
</head>
<body>
	<div class="container">
		<div class="row">
			<h2>Data <small>Mahasiswa</small></h2>
			<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">Add New</button>
			<table class="table table-striped">
				<thead>
					<tr>
						<th>NIM</th>
						<th>NAMA</th>
						<th>PRODI</th>
						<th>QR CODE</th>
					</tr>
				</thead>
				<tbody>
					<?php foreach($data->result() as $row):?>
					<tr>
						<td style="vertical-align: middle;"><?php echo $row->nim;?></td>
						<td style="vertical-align: middle;"><?php echo $row->nama;?></td>
						<td style="vertical-align: middle;"><?php echo $row->prodi;?></td>
						<td>
							<a href="<?= base_url().'index.php/qrcode/edit/'.$row->qr_code; ?>">
							<img style="width: 100px;" src="<?php echo base_url().'assets/images/'.$row->qr_code;?>"></a>
						</td>
					</tr>
					<?php endforeach;?>
				</tbody>
			</table>
		</div>
	</div>

	<!-- Modal add new mahasiswa-->
	<form action="<?php echo base_url().'index.php/mahasiswa/simpan'?>" method="post">
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Add New Mahasiswa</h4>
		      </div>
		      <div class="modal-body">
		    
		          <div class="form-group">
		            <label for="nim" class="control-label">NIM:</label>
		            <input type="text" name="nim" class="form-control" id="nim">
		          </div>
		          <div class="form-group">
		            <label for="nama" class="control-label">NAMA:</label>
		            <input type="text" name="nama" class="form-control" id="nama">
		          </div>
	       		  <div class="form-group">
		            <label for="prodi" class="control-label">PRODI:</label>
		            <select name="prodi" class="form-control" id="prodi">
		            	<option>Sistem Informasi</option>
		            	<option>Sistem Komputer</option>
		            	<option>Manajemen Informatika</option>
		            </select>
		          </div>
	        
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
		        <button type="submit" class="btn btn-primary">Simpan</button>
		      </div>
		    </div>
		  </div>
		</div>
	</form>

	<script type="text/javascript" src="<?php echo base_url().'assets/js/jquery-2.1.4.min.js'?>"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/js/bootstrap.js'?>"></script>
</body>
</html>

Buat Database db_qrku, buat tabel mahasiswa
Code Tabel mahasiswa


CREATE TABLE IF NOT EXISTS `mahasiswa` (
  `nim` varchar(15) NOT NULL,
  `nama` varchar(50) DEFAULT NULL,
  `prodi` varchar(40) DEFAULT NULL,
  `qr_code` varchar(50) DEFAULT NULL,
  PRIMARY KEY (`nim`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;


INSERT INTO `mahasiswa` (`nim`, `nama`, `prodi`, `qr_code`) VALUES
('1210158', 'Sigit', 'Sistem Informasi', '1210158.png'),
('1210159', 'Joko', 'Manajemen Informatika', '1210159.png'),
('1210160', 'Andi', 'Sistem Komputer', '1210160.png');


Jika Sudah Buka Browser dan ketik url sesuai dengan nama folder sobat, contoh: localhost/qrcode

Kurang Lebih Hasilnya akan seperti ini


Mungkin Cukup Itu dulu dan semoga bermanfaat. Download Full Source Code

dipostingan selanjutnya nanti kita belajar edit dan hapus data

Rabu, 29 Juli 2020

Membuat Koneksi ke database MySQLi part 4

Assalamualaikum Sobat Semua
Sesuai dengan judul postingan kali ini akan membuat koneksi php dengan database MySQLi mari langsung praktek saja

Persiapan alat alat:

  • sudah terinstall xampp untuk windows
  • sudah ada editor untuk menulis code atau syntak, kalau ane pakai visual studio code
Langkah Langkahnya
  • Buat Folder baru didalam folder xampp/htdocs/folder_sobat, tempatnya tergantung saat pertama installasi
  • Buat File koneksi.php
  • Taruh fale koneksi.php didalam folder_sobat
  • Jalankan xampp, apache dan mysql
  • buka browser, kemudian tulis url contoh url: http://localhost/folder_sobat
Contoh Penulisan code koneksi.php mysqli

<?php
$db_host = "localhost";
$db_user = "root";
$db_pass = ""; 	  // isi passwod jika menggunakan password
$db_name = "test"; // nama database anda
 
$koneksi = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
 
if(mysqli_connect_errno()){
	echo 'Gagal melakukan koneksi ke Database : '.mysqli_connect_error();
}else{
	echo 'Koneksi berhasil ^_^';
}
?>

Silahkan jalankan di browser jika code benar maka akan keluar tampilan seperti dibawah ini
Contoh Gambar

Sekian Postingan Kali ini, Semoga Bermanfaat

Selasa, 28 Juli 2020

Migrating a PHP 5 to PHP 7 part 5
















Assalamualaikum Sobat Semua

PHP version sekarang sudah mencapai php version 7. Apa perbedaan nya dari php terdahulu ? jelas dari sisi penulisan syntax terjadi perbedaan yang sangat signifikan dan ini menjadikan program Anda erorr terlebih pada saat di compile atau dijalankan.

Nah Bagaimana Solusinya?


1. Solusi pertama yaitu sobat harus mengganti code yang sudah anda buat misal:

mysql di ganti menjadi mysqli, untuk solusi ini menuru ane kurang bagus dikarenakan apila sobat semua sudah menulis code cukup banyak akan memakan waktu yang cukup lama untuk mengganti semua code

2. Solusi kedua yaitu dengan memakai library pihak ketiga, yaitu librari parse-php-version.php

Link Download parse-php-version.php


untuk implementasinya, taruh file hasil donwload tadi satu folder dengan file koneksi.php, kemudian includkan file hasil download di file koneksi.php sobat semua,

Contah Penulisan

		
<?php
// memanggil file parse-php-version.php
include "parse-php-version.php";

$host = mysql_connect("localhost","root","");
 
$db = mysql_select_db("database_anda");
 
if($db){
	echo "koneksi database berhasil.";
}else{
	echo "koneksi database gagal.";
}
?>
		
	

Setelah Mengikuti semua tahap otomatis script dengan versi php 5 bisa terbaca di php versi 7

Ok sobat semua, itu dulu ya semoga Bermanfaat

Kamis, 02 Juli 2020

Download Aplikasi Free

Dibahaw ini Ada Beberapa Contoh Aplikasi website untuk bahan pembelajaran Silahkan diDownload


Nama Aplikasi Bahasa Pemograman Detail Download
Aplikasi Order Percetakan Online PHP Native versi 5 keatas Selengkapnya
Aplikasi Promosi Wisata PHP Native versi 5 keatas Selengkapnya
Aplikasi SPP PHP Native versi 5 keatas Selengkapnya
Aplikasi Portal PHP Native versi 5 keatas Selengkapnya
Aplikasi Scan Validasi Dengan Qrcode webcodecamjs PHP Native versi 5 keatas Selengkapnya
Aplikasi Pencatatan Aset Framework Codeigniter 3 Selengkapnya

Belajar Dasar-Dasar PHP Part2



Assalamualaikum 

Kemarin ditutorial Belajar dasar PHP Part1, kita sudah belajar menampilkan Hello Word, sekarang di turorial kali ini kita akan belajar bareng bagaimana menggunakan looping, array dan fungsi di PHP.

Array

Array adalah suatu cara menyimpan banyak data dalam satu variabel, Biasanya dalam bahasa pemogramaan lain data-data yang disimpan pada array haruslah data yang sejenis.
Namun pada PHP data dengan tipe apa saja bisa disimpan di dalam variabel.
Penulisan Array dalam PHP diawali dengan tanda "$".

Contoh Penulisan Array $buah = 'mangga';

mudah bukan

Dalam PHP ada 3 jenis array
  1. Numeric array: Seubah array dengan indeks numerik
  2. Asosiatif array: Seubah array dimana setiap key ID adalah terkait dengan nilai
  3. Multidimensional array: Sebuah array yang berisi satu atau lebih array
Array Numeric
Contoh Penulisan Numeric Array dengan index otomatis, index dimulain dari angka(0,1,2,3,4,dst..)
<?php
$mobil = array("BMW","HONDA","TOYOTA");
?>

Contoh Penulisan Numeric Array dengan index manual
<?php
$mobil[0] = "BMW";
$mobil[1] = "HONDA";
$mobil[3] = "TOYOTA";
?>

Contoh kita ingin mengakses nilai variabel dengan mengacu pada nama array dan indeks
<?php
 $mobil[0] = "BMW";
 $mobil[1] = "HONDA";
 $mobil[3] = "TOYOTA";
 
 echo "Mobil ".$mobil[1]. " dan ".$mobil." Adalah Beda Perusahaan";
?>

Hasilnya akan tampil seperti gambar

Array Asosiatif
Array assosiatif adalah array yang tidak menggunakan angka sebagai kunci di setipa nilainya jika tidak ditentukan kunci dari sebuah elemen di array maka otomatis memberikan kunci berupa angka

Contoh Penulisan

<?php
 $array_ku = array( 
 'Nama'  => 'Ahmad', 
 'JenisKel' => 'Laki Laki', 
 'umur'   => 25);

 // Untuk Menampilkan Array
 echo "Nama: ".$array_ku['Nama'];
 echo "<br>";
 echo "Jenis Kelamin: ".$array_ku[ 'JenisKel'];
 echo "<br>";
 echo "Umur: ".$array_ku[ 'umur'];
?>

Hasil yang di tampilkan di browser


Kamis, 12 Maret 2020

Belajar Dasar Dasar Javascript/Jquery Part1



Assalamualaikum

Menyeleksi Elemen Halaman dengan ID

Instalasi untuk dapat menggunakan Jquery
  1. Include file jquery.js kedalam halaman html
Langkah Langkah
  1. Buat File index.html simpan (Tidak harus di dalam folder xampp/htdocs)
  2. Buka file index.html dibrowser
Cdn Jquery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Code jquery
<script>
        function warna(){
            $('#ketiga').toggleClass('diwarnai');
        }
</script>

Code Lengkap

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        function warna(){
            $('#ketiga').toggleClass('diwarnai');
        }
    </script>
    <style>
        p.diwarnai{
            background-color: chocolate;
        }
    </style>
</head>
<body>
    <h1>Pilih Paragraf</h1>
    <div>
        <p>Paragraf 1</p>
        <p>Paragraf 2</p>
        <p id="ketiga">Paragraf 3</p>
    </div>
    <input type="button" value="Warnai" onclick="warna()">
</body>
</html>

Hasil Bila dibuka di browser

Demikan Mudah Bukan Silahkan Dicoba dan semoga bermanfaat

Rabu, 11 Maret 2020

Belajar Pemograman PHP Part1 Sintak Dasar



Assalamualaikum

Sebelumnya setelah mengenal mempelajari dasar-dasar HTML, kita berpindah ke pengenalan pemograman dengan PHP,

untuk sekarang banyak sekali framework yang di bangun dari PHP seperti Codeigniter, Laravel,Yii tapi sebelum belajar menggunakan Framework menurut saya, sebaiknya belajar PHP Nartive Dulu, karena seuai judulnya kita akan belajar mengenal dari dasar PHP itu sendiri.

Persiapan yang perlu dipersiapkan
  1. Install XAMPP 
  2. Install Editor Visual Studio Code
  3. Sesuaikan Dengan os masing

Langkah Langkah
  1. Buat sebuah file dengan nama index.php
  2. Taruh filde index.php di dalam folder xampp/htdocs/nama_folder (nama_folder bebas saja)
  3. Jangan Lupa Untuk mengaktifkan xampp
  4. Buka Browser kemudian ketikan localhost/nama_folder
  5. Bila Berhasil maka akan keluar kalimat Hello Word dihalaman browser 

Sintak index.php

<?php
    echo "Hello Word";
?>

Hasil dibrowser

Demikan Mudah Bukan Silahkan Dicoba dan semoga bermanfaat

Rabu, 26 Februari 2020

Belajar Css, Merubah Warna Background Halaman Website






Assalamualaikum

Belajar CSS Mengubah Background Dengan CSS

Background atau latar belakang pada sebuah halaman website merupakan salah satu
bagian yang wajib di design untuk menghasilkan sebuah halaman website yang terlihat menarik dan modern. ada beberapa cara mempercantik background atau latar belakang website. bisa mempercantik background website dengan menggunakan gambar. jika tidak ingin menggunakan gambar bisa juga dengan mengubah warna background dengan bantuan CSS. untuk mengubah background dengan CSS gunakan property background pada CSS. property background selain di
gunakan untuk mengubah background body website bisa juga di gunakan untuk mengubah gambar
background pada sebuah elemen HTML yang di inginkan.

Cara mengubah background dengan CSS

pada tutorial belajar CSS mengubah background dengan css ini akan di jelaskan bagaimana cara mengubah background dengan menggunakan CSS. langsung saja masuk ke cara mengubah background menggunakan CSS.

Tahapan

buat sebuah file html dengan nama file dengan nama index.html.
kemudian buat sebuah file css dengan namanya juga dengan nama style.css
kita akan menggunakan penulisan dengan gaya external

href="../style.css"

Mengubah warna background dengan CSS

File index.html yang sudah kita buat
index.html

        <!DOCTYPE html>
<html lang="en">
<head>">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
   <h1>Merubah Warna Background Dengan CSS</h1>
</body>
</html>
    
File style.css

        body{
            background-color: sandybrown;
            color:#fff;
        }
    
pada syntax css kita menentukan body yang akan di modifikasi kemudian memberikan property background dengan value
sandybrown dan warna color font dengan warna white #fff.

Hasilya Seperti gambar di bawah ini









Bagaimana Kalau Mau mengubah warna background dengan gambar

Pertama kita harus menyiapkan gambar yang mau di jadikan background dan kita modif sedikit code di css kita
Berikut code css yang kita modif style.css
        body{
            background-image:url("css.jpg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
        }
    
Hasilya Seperti gambar di bawah ini


















Sekian lah tutorial dasar tentang belajar merubah background warna dan gambar.

Silahkan Dicoba dan Semoga Bermanfaat

Minggu, 16 Februari 2020

Menampilkan Gambar Dan Teks Dengan HTML Dan CSS


Assalamualakum...

Kembali lagi ni temen2, kali ini mau berbagi cara menampilkan gambar di html dan Tekstag untuk menampilkan gambar di html adalah sebagai berikut:

<img src="html.png" alt="Gambar HTML"> 
src berfungsi untuk mengambil gambar dari komputer temen2, file gambar terletak di folder yang sama dengan filehtml

Misal untuk menampilkan gambar di luar folder ditambahin aja cara manggil file gambar contoh

<img src="../html.png" alt="">
Untuk menggambil gambar dari internet cukup masukan url gambar yang di pilih dari internet

<img src="https://1.bp.blogspot.com/--4BtFfIaH8Y/Xke8oDNMSMI/AAAAAAAAABE/DukrbgwfkyANADdroteW0-NDZDyd38mpgCEwYBhgL/s400/html.png" alt="">
Untuk kasus di bawah kita akan menampilkan gambar dan teks dipercantik dengan css, langsung saja

Hasil Bila dibuka di webbrowser


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis

Code HTML di taruh di dalam taq <body></body> di HTML

    <img src="html.png" alt="" align="left">
    <div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis
    velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat,
    purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan
    convallis.
    </div>
    
Code Css nya

        img{
            margin: 5px 15px 5px 20px;
            width: 300px;
        }
        div, h2{
            text-align: justify;
            margin: 20px;
        }
    
Mudah Bukan? Silahkan dicoba dan semoga bermanfaat

Kategori