Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Ukuran Latar Belakang HTML backgroundSize Style DOM

Properti style backgroundSize DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai ukuran dari image background.


Sebelum memahami lebih dalam materi tentang Mengatur Ukuran Latar Belakang HTML backgroundSize Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Latar Belakang HTML Menggunakan backgroundOrigin Style DOM, Mengatur Klip Latar Belakang HTML backgroundClip Style DOM, dan Mengatur Perulangan Latar Belakang HTML backgroundRepeat Style DOM.

Sintak:
  • Digunakan untuk mendapatkan nilai dari properti backgroundSize: object.style.backgroundSize
  • Digunakan untuk mengatur properti backgroundSize: object.style.backgroundSize = " auto | length | percentage | cover | contain | initial | inherit "

Return Values: Berfungsi untuk mengembalikan nilai sebuah string yang merepresentasikan properti background-size dari suatu elemen.

Property Values:
  • auto: Digunakan untuk menampilkan image background dalam ukuran aslinya, dan juga merupakan nilai default dari properti backgroundSize.
  • length: Digunakan untuk mengatur ukuran panjang dan lebar dari image. Nilai tersebut mengatur ukuran lebar dan panjang secara berurutan. Jika hanya terdapat satu nilai saja yang diberikan, maka nilai lainnya secara otomatis akan diatur ke tipe 'auto'.
  • percentage: Digunakan untuk mengatur ukuran panjang dan lebar dalam satuan ukuran persen dari elemen parent. Nilai tersebut mengatur ukuran lebar dan panjang secara berurutan. Jika hanya terdapat satu nilai saja yang diberikan, maka nilai lainnya secara otomatis akan diatur ke tipe 'auto'.
  • cover: Digunakan untuk mengukur skala dari image background untuk menutupi keseluruhan elemen container.
  • contain: Digunakan untuk mengukur skala image background sebesar dari kemungkinan ukuran panjang dan lebar yang bersesuaian dengan area container.
  • initial: Digunakan untuk mengatur nilai properti ke nilai default-nya.
  • inherit: Digunakan untuk menerima turunan nilai dari properti background size yang berasal dari elemen parent.

Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img1 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;

/* melakukan pengaturan ukuran 

ke demonstrasi auto. */

background-size: 100px;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

class="bg-img1">

</div>

 

<button 

onclick="changePos1()">

Mengubah ukuran gambar

</button>

 

<script>

function changePos1() 

{

elem = document.querySelector('.bg-img1');

// Pengaturan ukuran ke tipe 

// auto

elem.style.backgroundSize = 'auto';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img2 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

class="bg-img2">

</div>

 

<button 

onclick="changePos2()">

Change size of image

</button>

 

<script>

function changePos2() 

{

elem = document.querySelector('.bg-img2');

// Pengaturan ukuran lebar ke 

// 200px dan panjang ke 50px.

elem.style.backgroundSize =

'200px 50px';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img3 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

class="bg-img3">

</div>

 

<button 

onclick="changePos3()">

Change size of image

</button>

 

<script>

function changePos3() 

{

elem = document.querySelector('.bg-img3');

// Pengaturan ukuran lebar ke 

// 25% dan panjang ke 50%.

elem.style.backgroundSize = '25% 50%';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img4 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

class="bg-img4">

</div>

 

<button 

onclick="changePos4()">

Change size of image

</button>

 

<script>

function changePos4() 

{

elem = document.querySelector('.bg-img4');

// Pengaturan ukuran cover

elem.style.backgroundSize = 'cover';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img5 {

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background

</p>

 

<div 

class="bg-img5">

</div>

 

<button 

onclick="changePos5()">

Change size of image

</button>

 

<script>

function changePos5() 

{

elem = document.querySelector('.bg-img5');

// Pengaturan ukuran untuk 

// contain

elem.style.backgroundSize = 'contain';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img6 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;

/* Pengaturan ukuran untuk 

demonstrasi initial */

background-size: 100px;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

class="bg-img6">

</div>

 

<button 

onclick="changePos6()">

Change size of image

</button>

 

<script>

function changePos6() 

{

elem = document.querySelector('.bg-img6');

// Pengaturan ukuran ke 

// initial

elem.style.backgroundSize = 'initial';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Contoh:

<!DOCTYPE html>

<html 

lang="en">

 

<head>

 

<title>

Properti Style backgroundSize 

DOM

</title>

 

<style>

.bg-img7 

{

height: 200px;

width: 200px;

border-style: solid;

background-image: url(

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fWTvYnJ4J4D_mj8vUbGpufPYHsq8Xsw2swXjSTyWIpM8K3UbEtnLBTytORLimGCcVDoHRuUrCyINBQFaCu30OBjFQwdo84zrF3aNZtbZSBa9JZk9ah7OTYVsDPard9U6oxAi6-y05Mg/s35/t%25252Bkotak%25252Bwhite.png');

background-repeat: no-repeat;}

 

#parent 

{

background-size: 100px 200px;}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style backgroundSize 

DOM

</b>

 

<p>

Klik tombol untuk mengubah 

ukuran dari image background.

</p>

 

<div 

id="parent">

 

<div 

class="bg-img7">

</div>

 

</div>

 

<button 

onclick="changePos7()">

Change size of image

</button>

 

<script>

function changePos7() 

{

elem = document.querySelector('.bg-img7');

// Pengaturan ukuran ke

// inherit

elem.style.backgroundSize = 'inherit';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style backgroundSize DOM

Klik tombol untuk mengubah ukuran dari image background.



Mengatur ukuran latar belakang dalam sebuah dokumen berbasis bahasa penanda hyperteks dapat dilakukan dengan menggunakan properti pengaturan yang tersedia. Salah satu cara untuk mengelola tampilan visual latar belakang adalah dengan memanfaatkan properti pengaturan ukuran latar belakang. Properti ini memungkinkan pengaturan ukuran elemen latar belakang sesuai kebutuhan, baik berdasarkan proporsi tertentu, ukuran tetap, maupun dengan menyesuaikan dengan dimensi elemen.

Properti pengaturan ukuran latar belakang memberikan fleksibilitas untuk menyesuaikan gambar latar dengan elemen yang menaunginya. Dengan menggunakan pengaturan ini, gambar latar dapat diatur agar menutupi seluruh elemen tanpa ada bagian yang terpotong, atau sebaliknya, mengisi elemen secara proporsional sehingga seluruh bagian gambar tetap terlihat meskipun tidak memenuhi seluruh area elemen. Pendekatan semacam ini bermanfaat ketika elemen memiliki ukuran yang dinamis atau berbeda di berbagai perangkat.

Salah satu opsi yang sering digunakan dalam pengaturan ukuran latar belakang adalah mengatur gambar agar memenuhi seluruh elemen. Metode ini memastikan bahwa seluruh area elemen tertutup oleh gambar latar, meskipun terdapat risiko bagian gambar yang terpotong apabila proporsi gambar tidak sesuai dengan proporsi elemen. Metode ini sangat berguna ketika tujuan utamanya adalah menciptakan tampilan visual yang penuh dan terintegrasi dengan elemen lain dalam antarmuka.

Selain itu, ada pula opsi untuk menjaga proporsi asli dari gambar latar saat menyesuaikan ukurannya. Dalam pendekatan ini, ukuran gambar disesuaikan berdasarkan salah satu dimensi elemen, baik itu lebar atau tinggi, tanpa mengubah perbandingan panjang dan lebar gambar. Pendekatan ini memastikan bahwa gambar tetap terlihat sebagaimana aslinya, meskipun mungkin terdapat ruang kosong pada elemen apabila proporsi gambar tidak sejalan dengan elemen tersebut.

Pengaturan ukuran latar belakang juga memungkinkan pengelolaan gambar secara eksplisit dengan menentukan ukuran tertentu dalam satuan panjang. Dalam metode ini, pengguna dapat menetapkan ukuran lebar dan tinggi gambar secara spesifik, misalnya dalam satuan piksel, sehingga menghasilkan ukuran yang seragam terlepas dari ukuran elemen. Metode ini bermanfaat untuk memastikan bahwa gambar latar memiliki dimensi yang konsisten di berbagai konteks penggunaan.

Sebagai tambahan, terdapat pendekatan lain yang memungkinkan gambar latar diatur secara otomatis untuk memenuhi kebutuhan elemen secara maksimal tanpa memperhatikan proporsi asli dari gambar. Dengan metode ini, gambar latar akan diperbesar atau diperkecil untuk memastikan bahwa seluruh area elemen terisi, meskipun hasil akhirnya dapat menyebabkan gambar terlihat terdistorsi. Penggunaan metode ini cocok untuk kasus tertentu ketika distorsi visual tidak menjadi masalah utama.

Pengelolaan ukuran latar belakang memiliki peranan penting dalam menciptakan desain yang responsif. Dalam konteks desain responsif, ukuran gambar latar perlu disesuaikan dengan perangkat yang digunakan sehingga elemen latar tetap terlihat menarik dan fungsional. Pengaturan semacam ini sangat membantu dalam menjaga konsistensi estetika, terutama pada perangkat dengan dimensi layar yang berbeda.

Selain itu, pengaturan ukuran latar belakang juga dapat dipadukan dengan properti lainnya untuk menciptakan efek visual yang lebih menarik. Misalnya, gambar latar yang diatur ukurannya dapat dikombinasikan dengan pengaturan posisi, pengulangan, atau lapisan tambahan sehingga menghasilkan tampilan yang lebih dinamis dan beragam. Kombinasi ini memberikan keleluasaan bagi pembuat dokumen untuk menciptakan tata letak yang sesuai dengan kebutuhan konten.

Kemampuan untuk mengatur ukuran latar belakang ini juga mempermudah pembuatan desain antarmuka yang terstruktur. Dengan memastikan bahwa latar belakang memiliki ukuran yang sesuai, elemen lain dalam dokumen dapat diatur dengan lebih presisi. Pendekatan ini meningkatkan keterbacaan dan pengalaman pengguna secara keseluruhan karena elemen-elemen visual saling mendukung dalam menyampaikan informasi.

Dalam pembuatan halaman dengan kebutuhan estetika tinggi, pemanfaatan properti pengaturan ukuran latar belakang memberikan nilai tambah. Gambar latar yang sesuai dapat memperkuat pesan visual yang ingin disampaikan serta menciptakan suasana yang sesuai dengan tujuan dokumen. Oleh karena itu, memahami dan memanfaatkan pengaturan ini menjadi salah satu aspek penting dalam pengelolaan tampilan dokumen.

Sebagai penutup, properti pengaturan ukuran latar belakang memberikan solusi fleksibel untuk mengelola elemen latar dalam dokumen berbasis bahasa penanda hyperteks. Dengan berbagai pendekatan yang tersedia, pengaturan ini memungkinkan penciptaan tata letak yang estetis, responsif, dan fungsional. Hal ini menjadikannya sebagai salah satu alat penting dalam mendukung proses desain yang optimal.

Pemanfaatan pengaturan ukuran latar belakang tidak hanya terbatas pada desain yang terlihat menarik, tetapi juga memiliki dampak pada aspek teknis seperti performa pemuatan halaman. Ketika gambar latar berukuran besar digunakan, proses pemuatan halaman dapat memakan waktu lebih lama, terutama pada perangkat dengan koneksi internet yang lambat. Oleh karena itu, penting untuk mempertimbangkan ukuran berkas gambar dan pengaturan skalanya. Dengan menggunakan gambar latar yang dioptimalkan untuk ukuran elemen, halaman dapat dimuat dengan lebih cepat tanpa mengorbankan kualitas visual.

Selain aspek performa, penting juga untuk mempertimbangkan kenyamanan visual. Ketika gambar latar tidak diatur dengan baik, hal ini dapat mengganggu fokus pada elemen utama dalam halaman. Sebagai contoh, gambar yang terlalu besar atau kecil dapat menyebabkan elemen teks sulit dibaca atau menciptakan kesan desain yang tidak teratur. Oleh karena itu, pengaturan ukuran latar belakang harus dilakukan dengan memperhatikan keselarasan antara elemen latar dan konten utama.

Dalam aplikasi praktisnya, properti pengaturan ukuran latar belakang sering digunakan pada berbagai jenis situs, mulai dari situs pribadi hingga platform profesional. Situs dengan fokus visual tinggi, seperti portofolio seni atau galeri gambar, memanfaatkan pengaturan ini untuk memastikan bahwa setiap gambar latar tampil dengan sempurna di berbagai perangkat. Di sisi lain, situs yang lebih berfokus pada informasi, seperti portal berita atau edukasi, menggunakan pengaturan ini untuk menciptakan suasana yang mendukung pembacaan tanpa mengalihkan perhatian dari konten utama.

Teknik pengelolaan ukuran latar belakang juga sangat relevan dalam pembuatan situs yang mendukung berbagai ukuran layar. Dengan berkembangnya perangkat seperti telepon genggam dan komputer tablet, desain yang responsif menjadi kebutuhan utama. Dalam konteks ini, pengaturan ukuran latar belakang sering dikombinasikan dengan pengelolaan media lainnya untuk memastikan bahwa tampilan halaman tetap proporsional di semua perangkat. Hal ini membantu menjaga pengalaman pengguna yang konsisten tanpa mengabaikan kebutuhan estetika.

Penerapan pengaturan ukuran latar belakang yang efektif juga memerlukan pemahaman tentang elemen-elemen lain dalam dokumen. Ketika gambar latar dipadukan dengan elemen teks, penting untuk memastikan bahwa teks tetap dapat terbaca dengan jelas. Sebagai contoh, jika gambar latar memiliki banyak warna atau pola, penggunaan lapisan tambahan seperti bayangan atau warna latar belakang semi-transparan pada teks dapat membantu meningkatkan keterbacaan. Pendekatan ini menciptakan keseimbangan antara estetika dan fungsi tanpa mengurangi keindahan gambar latar.

Selain aspek visual dan teknis, pengaturan ukuran latar belakang juga memberikan ruang untuk kreativitas. Penggunaan pola tertentu sebagai latar belakang, seperti pola geometris atau tekstur alami, dapat memberikan karakter unik pada halaman. Dengan memadukan pola ini dengan pengaturan ukuran yang tepat, halaman dapat memiliki identitas visual yang kuat dan mudah dikenali. Kreativitas dalam pengaturan ukuran latar belakang memungkinkan desain halaman menjadi lebih menarik tanpa mengorbankan tujuan utama dari halaman tersebut.

Dalam konteks desain modern, penggunaan gambar latar tidak hanya terbatas pada estetika, tetapi juga dapat digunakan untuk menyampaikan pesan atau tema tertentu. Sebagai contoh, halaman dengan tema lingkungan sering menggunakan gambar latar berupa pemandangan alam untuk memperkuat pesan yang ingin disampaikan. Dalam hal ini, pengaturan ukuran latar belakang memastikan bahwa gambar tersebut dapat terlihat dengan jelas tanpa mengganggu elemen lain. Hal ini menunjukkan betapa pentingnya pengelolaan ukuran latar belakang dalam menciptakan komunikasi visual yang efektif.

Dengan memanfaatkan pengaturan ukuran latar belakang secara maksimal, halaman dapat memberikan pengalaman yang lebih mendalam bagi pengguna. Setiap elemen dalam halaman, termasuk gambar latar, berkontribusi pada keseluruhan pengalaman tersebut. Oleh karena itu, memahami prinsip-prinsip dasar pengaturan ukuran latar belakang menjadi keterampilan yang sangat penting dalam pembuatan dokumen berbasis bahasa penanda hyperteks. Hal ini membantu menciptakan halaman yang tidak hanya terlihat indah, tetapi juga memberikan kenyamanan dan fungsi optimal bagi pengguna. 

Dalam pengembangan yang berkelanjutan, teknik pengelolaan latar belakang akan terus berkembang seiring dengan kemajuan teknologi dan kebutuhan desain. Oleh sebab itu, pemahaman tentang konsep ini akan tetap relevan dan menjadi bagian tak terpisahkan dari proses desain modern. Pengaturan ukuran latar belakang tidak hanya sekadar alat teknis, tetapi juga merupakan elemen penting yang mendukung penciptaan karya visual yang bernilai tinggi.

Artikel ini akan dibaca oleh: Eva Widianingrum, Evina Diva Prasiwi, Fahrizal Febrilliantza Abdullah, Fauzan Fakturohman, dan Febri Ajianto.

5 komentar untuk "Mengatur Ukuran Latar Belakang HTML backgroundSize Style DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti backgroundSize Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti backgroundSize Style DOM pada HTML:
      1. Chrome 4.0
      2. Internet Explorer 9.0
      3. Firefox 4.0
      4. Safari 4.1
      5. Opera 10.5

      Hapus
  2. Apa yang dimaksud dengan properti backgroundSize Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti backgroundSize Style DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai ukuran gambar latar belakang pada dokumen HTML.

      Hapus
    2. Properti backgroundSize atau properti latar belakang DOM pada HTML digunakan untuk mengatur atau mendapatkan nilai ukuran dari background pada dokumen html.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -