search

Bagaimana cara menggunakan templat bootstrap yang diunduh?

1 years ago
Komentar: 0
Dibaca: 114

Dengan begitu banyak perangkat dengan resolusi, ukuran layar, dan sistem operasi yang berbeda, situs web dan aplikasi yang responsif telah menjadi persyaratan penting untuk kehadiran online suatu merek.

Show

Lebih dari 52% dari semua lalu lintas web berasal dari perangkat seluler dan jumlahnya terus meningkat. Pengembang web, pemasar, dan perancang memahami potensi besar jika situs web responsif dan dapat dilihat, dinavigasi, dan dijelajahi dengan mudah di perangkat apa pun, terlepas dari resolusi dan rasio aspek apa pun

Tema responsif adalah pendekatan untuk mendesain web di mana elemen situs web menyesuaikan diri sesuai dengan ukuran layar dan browser untuk keterbacaan, pengalaman pengguna, dan waktu muat yang lebih baik. Pengembang dan perancang tema menguangkan konsep situs web responsif. Banyak merek semakin mempekerjakan Pengembang WordPress juga untuk membuat situs web mereka responsif dan ramah seluler

Kembali pada November 2013, Matt Cutts, kepala tim webspam Google, merilis video yang menjelaskan bahwa desain responsif tidak akan berdampak negatif pada Anda di SERP. Selanjutnya, Google juga telah menerbitkan panduannya tentang situs web ramah seluler yang berisi detail tentang bagaimana Google memperlakukan situs web yang responsif

Dengan maraknya smartphone dan perangkat serupa lainnya, penggunaan desktop dan laptop mengalami penurunan (lambat). Ini berarti orang-orang menggunakan smartphone mereka untuk mencari apa saja. dari berita hingga toko lokal, dari pertanyaan penerbangan hingga film terbaru. Tren yang meningkat ini menghadirkan peluang bisnis yang besar bagi komunitas online

WordPress dan Web Responsif

WordPress adalah CMS paling populer yang memberdayakan sebagian besar Internet. Itu menikmati dukungan dari komunitas pengembang dan desainer sumber terbuka yang kuat. Dengan munculnya desain web responsif, banyak pengembang tema terkenal beralih ke desain responsif dan memperkenalkan kerangka kerja yang mudah dipahami, seperti Redux Framework, Carrington Core, dan Bootstrap, yang ideal untuk membuat tema WordPress responsif dari awal.

Apa itu Bootstrap?

Bootstrap adalah kerangka kerja open source yang digunakan untuk pengembangan web ujung depan ramah seluler. Ini berarti dapat digunakan untuk membuat tema WordPress yang responsif melalui template desain berbasis CSS dan Java Script

Bootstrap adalah toolkit yang menyederhanakan proses dev untuk aplikasi web yang kompleks. Ini adalah gagasan dari tim pengembang Twitter dan tersedia untuk komunitas sumber terbuka. Framework ini menjadi populer karena strukturnya yang ringan karena dikodekan dalam LessCSS

Dengan menambahkan Bootstrap ke situs web Anda, Anda dapat memanggil kelasnya untuk menambahkan elemen yang dibuat sebelumnya seperti tombol, kisi, tabel, menu, dll. Demikian pula, Anda dapat membuat elemen yang sudah ada menjadi responsif, tanpa menambahkan kueri media yang rumit

Buat Tema Bootstrap WordPress

Membuat tema bootstrap WordPress sebenarnya adalah proses 8 langkah. Kabar baiknya – membangun tema bertenaga Bootstrap itu mudah

Hosting WordPress Terkelola Mulai dari $10/bulan

Peningkatan yang dijamin dalam skor Data Web Inti. uji coba gratis 3 hari

Langkah 1. Buka kemasan Bootstrap

  1. Pilih penyedia hosting WordPress yang andal, dan instal WordPress di domain Anda
  2. Unduh dan unzip Bootstrap
  3. Setelah selesai, sambungkan Menggunakan klien FTP seperti FileZilla
  4. Arahkan ke konten-wp> tema
  5. Buat folder baru di folder Themes dan beri nama BootSTheme. Unggah konten Bootstrap yang sudah di-unzip ke folder ini
  6. Hampir setiap instalasi WordPress berisi file-file berikut
  • footer. php
  • tajuk. php
  • indeks. php
  • gaya. css

Sekarang, buat empat file kosong dengan nama di atas di folder BootSTheme

Bagaimana cara menggunakan templat bootstrap yang diunduh?

Langkah 2. Konfigurasi Bootstrap

Di folder BootSTheme, buka file style. css dan rekatkan kode berikut

/*
Theme Name: MyTheme
Theme URI: https://cloudways.com
Description: Mytheme Built on bootstrap
Version:1.1
Author: Ahsan Parwez
Author URI: https://cloudways.com
*/

Ini pada dasarnya adalah komentar yang memberikan deskripsi dan detail tentang tema. Saya sangat menyarankan Anda mengubah komentar ini untuk mencerminkan detail tema Anda

Langkah 3. Menyalin Kode

Untuk tutorial ini, saya tidak akan menggunakan semua file CSS dan JS yang disediakan dalam paket Bootstrap. Untuk memulai proses dev, salin kode di bootstrap. min. file css dan rekatkan dalam gaya. file css. Pada titik ini, gaya. file css akan terlihat seperti ini

Bagaimana cara menggunakan templat bootstrap yang diunduh?

Catatan. Anda bisa mendapatkan kode CSS minified lengkap dari website Bootstrap

Pembuat Halaman Memungkinkan Anda Mengembangkan Situs Web Tanpa Kode

Cari tahu pembuat halaman mana yang berkinerja terbaik dan fitur apa yang Anda perlukan untuk membuat situs web

Langkah 4. Menyiapkan Template HTML

Saya perlu memiliki template HTML dasar untuk digunakan. Untuk mempermudah, saya akan menggunakan tema HTML ini. Saya sarankan Anda mengunduhnya untuk melanjutkan tutorial

WordPress memiliki fungsi bawaan get_header() dan get_footer() yang secara default memanggil header file. php dan footer. php masing-masing

Mulailah dengan memotong kode HTML dari atas hingga div kontainer pertama dan menempelkannya ke header. file php. File akan terlihat seperti

Bagaimana cara menggunakan templat bootstrap yang diunduh?

Catatan kaki. php file akan berisi sisa kode

Bagaimana cara menggunakan templat bootstrap yang diunduh?

Pada titik ini, jika Anda mengunggah tema Bootstrap WordPress dan mengaktifkannya, Anda tidak akan melihat apa pun karena file index. php tidak mengandung apa-apa

Untuk memuat header dan footer, saya akan menggunakan fungsi bawaan WordPress untuk memanggil elemen-elemen ini. Untuk ini, rekatkan kode berikut di index. php
_

Sekarang elemen header dan footer akan dimuat di situs web kami, tetapi kami akan mendapatkan halaman dasar tanpa gaya apa pun

Bagaimana cara menggunakan templat bootstrap yang diunduh?

Di tajuk. php, saya akan mengimpor Bootstrap stylesheet dengan menggunakan fungsi WordPress echo get_stylesheet_uri() (baca lebih lanjut fungsinya di Codex WordPress). Th akan mengimpor gaya. css ke situs web dan Anda akan melihat bilah menu teratas sekarang

Anda juga dapat menambahkan gaya. css dengan menambahkan kode berikut di bagian atas header. file php

Bagaimana cara menggunakan templat bootstrap yang diunduh?




Tapi ini belum semuanya, fitur JavaScript di halaman kami masih tidak berfungsi, dan kami tidak akan melihat menu drop-down. Untuk mengaktifkan ini, kita akan mengimpor file js kita dengan langsung mengimpor file dengan URL di footer. php. Paste kode berikut sebelum tag body penutup
WordPress is known for its customization and plugins. To tell WordPress where to place the plugins hooks, we are going to paste and in header.php and footer.php files. Also, to set dynamic titles of the website, we are going to use wp_title(); function in the header.php file between the  tags.
 
<?php wp_title(' | ',true,'right'); ></p><p>Kode di atas akan memanggil judul postingan yang dipisahkan dengan '. ’ daripada nama situs. Boolean true akan menampilkan judul. Jika Anda menyetelnya ke false, itu hanya akan mengembalikan nilai dan tidak menampilkannya. 'kanan' menentukan lokasi judul posting di sebelah kanan pemisah</p><h3 id="langkah-6-menampilkan-posting-unggulan">Langkah 6. Menampilkan Posting Unggulan</h3><p>Selanjutnya, saya akan memanggil posting secara dinamis ke beranda (seperti yang ditampilkan oleh ) dan menampilkannya di atas (mirip dengan posting fitur yang kita lihat di banyak situs bertenaga WordPress)</p><p>Tulis kode berikut ke dalam index. php</p><pre>
<p>
<h2></h2>
<p></p>
</p>

</pre>_<p>Seperti yang Anda lihat, saya menggunakan while loop dan mengatur jumlah posting menjadi satu dengan menggunakan post_per_page. Baris ini hanya akan menampilkan postingan blog terbaru di bagian atas halaman, dan setelah loop ditutup, query_posts akan disetel ulang</p><p>Kelas jumbotron didefinisikan dalam bootstrap. min. file css. Saya akan menggunakannya untuk menata posting unggulan dengan menggunakan</p><h2 id="tag-dan-the-permalink-hyperlink-dibuat-pada-judul-posting-dan-the-permalink-untuk-menampilkan-kutipan-dari-postingan-tersebut-saya-telah-menggunakan-fungsi-wordpress-bawaan-lainnya-the-excerpt">tag dan the_permalink(); . Hyperlink dibuat pada judul posting, dan the_permalink(); . Untuk menampilkan kutipan dari postingan tersebut, saya telah menggunakan fungsi WordPress bawaan lainnya, the_excerpt();</h2><h3 id="langkah-7-cantumkan-kategori-anda">Langkah 7. Cantumkan Kategori Anda</h3><p>Sekarang saya akan membuat daftar kategori di sebelah kiri beranda. Saya akan membuat beberapa contoh div yang ditata dengan kelas Bootstrap dan fungsi WordPress wp_list_categories();</p><p>Paste kode berikut di index. php</p><pre><p class="panel panel-default panel-body">
<p>
<p>

<ul>

</ul>

</p>
</p>
</p></pre><p>Ini akan mencantumkan kategori berdasarkan nama dengan efek hover yang bagus</p><h3 id="langkah-8-tampilkan-posting-dan-penulis-terbaru">Langkah 8. Tampilkan Posting dan Penulis Terbaru</h3><p>Terakhir, kami akan menampilkan postingan blog terbaru di beranda. Kita akan memulai tag div lain dan di bawah div ini, kita akan menggunakan teknik while loop serupa yang kita gunakan di postingan unggulan, tetapi kita tidak akan membatasinya dengan query_posts();</p><div style="width:100%; margin:10px auto; display:block">
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></p><pre><p>



<h3></h3>

<p> posted by 



</p></pre>_<p>WordPress berfungsi the_author(); . Kita dapat menggunakannya untuk menampilkan nama penulis secara dinamis di setiap kiriman</p><p><div class="imgBox"><img alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh---aHR0cHM6Ly93d3cuY2xvdWR3YXlzLmNvbS9ibG9nL3dwLWNvbnRlbnQvdGhlbWVzL2Nsb3Vkd2F5cy90ZW1wbGF0ZS9pbWcvZ3JleS5naWY=.webp" ></div></p><p>Setelah Anda menyelesaikan semuanya dengan sukses, Anda akan memiliki halaman seperti yang Anda lihat pada gambar di atas</p><h2 id="menambahkan-bootstrap-di-tema-wordpress-yang-ada">Menambahkan Bootstrap di Tema WordPress yang Ada</h2><p>Jika Anda menggunakan tema WordPress yang tidak responsif, Anda dapat menambahkan Bootstrap agar ramah seluler. Anda dapat menggunakan WordPress dan Bootstrap dengan dua cara berbeda</p><h3 id="menambahkan-bootstrap-menggunakan-cdn">Menambahkan Bootstrap Menggunakan CDN</h3><p>Anda dapat mulai menggunakan elemen Bootstrap hanya dengan menambahkan CDN-nya ke header Anda. file php</p><p>Metode ini dapat menyebabkan masalah kompatibilitas; </p><p>Catatan. Cloudways menawarkan Cloudfare Enterprise CDN hanya dengan $4. 99</p><pre>



</pre><p>Anda dapat mengakses tajuk. php baik dengan menggunakan FTP atau menggunakan plugin. Kode di atas berisi versi file CSS dan JS yang diperkecil yang menawarkan kinerja lebih baik</p><h3 id="menambahkan-fungsi-bootstrap-di-dalam-php">Menambahkan fungsi Bootstrap di dalam. php</h3><p>Dalam metode ini, Anda perlu mengunduh pustaka Bootstrap. Unggah Bootstrap. min. file css dan tema Bootstrap. min. css ke folder CSS tema Anda dan unggah file Bootstrap. js ke folder tema yang disebut "js" dari tema WordPress Anda</p><p>Sekarang, akses fungsi Anda. php untuk mengantrekan skrip ini</p><p>Tambahkan kode berikut di dalam file functions.php Anda. file php</p><pre>function reg_scripts() {
    wp_enqueue_style( 'bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrapthemestyle', get_template_directory_uri() . '/css/bootstrap-theme.min.css' );
    wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true );
}
add_action('wp_enqueue_scripts', 'reg_scripts');</pre>_<p>Anda juga dapat melewati bagian pengunggahan dan langsung membuat CDN bootstrap seperti itu</p><pre>function my_scripts_enqueue() {
    wp_register_script( 'bootstrap-js', '://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', array('jquery'), NULL, true );
    wp_register_style( 'bootstrap-css', '://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css', false, NULL, 'all' );

    wp_enqueue_script( 'bootstrap-js' );
    wp_enqueue_style( 'bootstrap-css' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_enqueue' );</pre>_<p>Simpan file dan unggah kembali ke server</p><h2 id="apa-berikutnya">Apa berikutnya?</h2><p>Tutorial ini terutama difokuskan untuk membuat tema WordPress dasar dari template HTML dan membuatnya responsif dengan menggunakan Bootstrap 3. x. Di posting mendatang, saya akan membuat lebih banyak halaman seperti single. php, halaman depan. php, dan fungsi. php. Saya juga akan menjelaskan cara mengimpor stylesheet dan JavaScript dari fungsi. file php</p><p>Jika Anda memerlukan bantuan, cukup kirim komentar di bawah ini dan saya akan menghubungi Anda kembali</p><p><p><p><h3 id="q-bagaimana-cara-menggunakan-bootstrap-di-wordpress">Q. Bagaimana cara menggunakan bootstrap di WordPress?</h3><p><p><p>WordPress dan Bootstrap dapat digunakan untuk membuat tema yang responsif. Anda dapat menambahkan Bootstrap baik dengan menautkan jalur CDN atau dengan memasukkan skrip ke dalam fungsi. php</p><p><h3 id="q-haruskah-saya-menggunakan-bootstrap-atau-wordpress">Q. Haruskah saya menggunakan bootstrap atau WordPress?</h3><p><p><p>Bootstrap adalah kerangka kerja yang digunakan untuk membuat tata letak web yang responsif. Anda dapat menggunakan WordPress dan Bootstrap bersama untuk membuat tema yang responsif</p><p><h3 id="q-apa-itu-bootstrap">Q. Apa itu Bootstrap?</h3><p><p><p>Bootstrap adalah framework gratis dan opensource dengan elemen bawaan yang dapat digunakan untuk membuat situs web responsif. Bootstrap dengan WordPress dapat membantu Anda membuat tema yang responsif</p><p><p>Tinjauan Pelanggan di<div class="imgBox"><img alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh---aHR0cHM6Ly9pMC53cC5jb20vd3d3LmNsb3Vkd2F5cy5jb20vYmxvZy93cC1jb250ZW50L3VwbG9hZHMvZzItY3Jvd2QtbG9nby5wbmc=.webp" ></div></p><h4>“Hosting yang dioptimalkan dengan indah untuk WordPress dan Magento”</h4><p>Arda Burak [Pemilik Agensi]</p><p><p><p></p><p><h4>Ahsan Parwez</h4><p>Ahsan adalah Manajer Tim Komunitas di Cloudways. Dia suka memecahkan masalah dan membantu klien Cloudways dalam aspek apa pun yang dia bisa. Di waktu luangnya, Anda dapat menemukannya bermain game PC RTS</p><div></div> <div></div>
			<h3 id="apa-yang-harus-dilakukan-setelah-mengunduh-template-bootstrap">Apa yang harus dilakukan setelah mengunduh template Bootstrap?</h3>
			<div>Setelah pembelian Anda diunduh,  <span>unzip file</span> . Dalam kebanyakan kasus, Anda akan menemukan folder dokumentasi dan folder tema. Folder dokumentasi akan terdiri dari file aset, css, js Anda. Folder tema akan berisi halaman HTML yang dapat Anda edit untuk menambahkan konten Anda sendiri. </div>
		
			<h3 id="bagaimana-cara-mengimpor-template-bootstrap-studio">Bagaimana cara mengimpor template Bootstrap Studio?</h3>
			<div>Untuk mengimpor file CSS terkompilasi dari tema Anda,  <span>buka dialog Pengaturan dan klik tombol Kelola Tema</span> . Di sana Anda dapat mengimpor tema Anda dan itu akan muncul di tarik-turun tema, di samping tema bawaan. Tema yang diimpor mengambil versi Bootstrap dari desain Anda saat ini. </div>
		
			<h3 id="bagaimana-cara-kerja-templat-bootstrap">Bagaimana cara kerja templat Bootstrap?</h3>
			<div><a i=0>Apa Itu Template Bootstrap? . Dengan template, CSS khusus minimal terutama digunakan untuk tujuan tata letak, dan hanya sedikit keputusan gaya atau desain yang dibuat. </a><span>pre-designed website or software frameworks or base layouts that leave minimal space for custom styling</span>. With templates, minimal custom CSS is mainly used for layout purposes, and few styling or design decisions are made.</div>
		
			<h3 id="bagaimana-cara-melampirkan-file-bootstrap-dalam-html">Bagaimana cara melampirkan file Bootstrap dalam HTML?</h3>
			<div><div><span>Gunakan salah satu dari tiga metode berikut untuk menambahkan Bootstrap ke HTML. </span> . </div> <div>Metode 1. Menggunakan Jaringan Pengiriman Konten Bootstrap (CDN)</div> <div>Metode 2. Mengunduh file secara lokal</div> <div>Metode 3. Menggunakan pengelola paket untuk mengimpor Bootstrap ke HTML</div> <div>Contoh dari Tim Kreatif</div> <div>Kesimpulan</div> </div></p></td></tr></table>
																						 <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script>
							 <div class="lazyhtml" data-lazyhtml>
								<script type="text/lazyhtml">
									<div class="youtubeVideo"><h3>Video yang berhubungan</h3>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/uOd5HCIm8aQ?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe>
									</div>
								</script>
							  </div>
														
							  <div class="tags pt-3">
                                                                  <a href="https://ketajaman.com/tags/kode" class="tag-link">kode</a>
                                                                  <a href="https://ketajaman.com/tags/bootstrap" class="tag-link">bootstrap</a>
                                                                </div>
								
								
							 <div class="post-tools">
                                    <button data-postid="bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh" class="btn btn-answerModalBox"><img class="mr-1" alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?" src="/dist/images/svg/messages_16.svg">Reply</button>
                                    <button data-postid="bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh" data-vote="up"  class="btn btn-doVote"><img class="mr-1" alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?"  src="/dist/images/svg/face-smile_16.svg">6</button>
                                    <button data-postid="bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?"  src="/dist/images/svg/poo_16.svg">1</button>
                                    <button class="btn"><img class="mr-1" alt="Bagaimana cara menggunakan templat bootstrap yang diunduh?"  src="/dist/images/svg/facebook_16.svg">Membagikan</button>
                            </div> 	
                            </div><!-- end question-post-body -->
                        </div><!-- end question-post-body-wrap -->
                    </div><!-- end question -->
                    
                    <div id="answers_bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh" class="answers"> </div><!-- end answer-wrap -->
					
					<div class="entryFooter">
							<div class="footerLinkAds"><div style="width:100%; margin:0 auto;">
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
							
                           
							<div class="footerRelated"><div class="postRelatedWidget">
<h2>Pos Terkait</h2>
<div class="questions-snippet layoutNews border-top border-top-gray">
 	 <div class="max-width:840px">					
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/cara-menggunakan-optimize-query-mysql"><img src="https://ap.cdnki.com/r_cara-menggunakan-optimize-query-mysql---552fa0aad6c4bc6b1e654bafa4421a7e.webp" alt="Cara menggunakan optimize query mysql"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-optimize-query-mysql">Cara menggunakan optimize query mysql</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/bagaimana-cara-mendapatkan-ukuran-array-di-javascript"><img src="https://ap.cdnki.com/r_bagaimana-cara-mendapatkan-ukuran-array-di-javascript---8c85df5388932e6bcb51eb41d695da9c.webp" alt="Bagaimana cara mendapatkan ukuran array di javascript?"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-mendapatkan-ukuran-array-di-javascript">Bagaimana cara mendapatkan ukuran array di javascript?</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/bagaimana-cara-memindahkan-mysql-ke-drive-lain"><img src="https://ap.cdnki.com/r_bagaimana-cara-memindahkan-mysql-ke-drive-lain---60528b0b375de746a6b71a13270c8883.webp" alt="Bagaimana cara memindahkan mysql ke drive lain?"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-memindahkan-mysql-ke-drive-lain">Bagaimana cara memindahkan mysql ke drive lain?</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/dapatkah-anda-melakukan-variabel-dalam-html"><img src="https://ap.cdnki.com/r_dapatkah-anda-melakukan-variabel-dalam-html---fc0438c6f968b779c07566c992345885.webp" alt="Dapatkah Anda melakukan variabel dalam html?"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/dapatkah-anda-melakukan-variabel-dalam-html">Dapatkah Anda melakukan variabel dalam html?</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/cara-menyalin-pemformatan-bersyarat-dari-excel-ke-word"><img src="https://ap.cdnki.com/r_cara-menyalin-pemformatan-bersyarat-dari-excel-ke-word---17f3e72ae8ff9844dbd7dd010c666d68.webp" alt="Cara menyalin pemformatan bersyarat dari excel ke word"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/cara-menyalin-pemformatan-bersyarat-dari-excel-ke-word">Cara menyalin pemformatan bersyarat dari excel ke word</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	 <div class="max-width:840px">					
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/cara-menggunakan-konsolidasi-jumlah-di-excel"><img src="https://ap.cdnki.com/r_cara-menggunakan-konsolidasi-jumlah-di-excel---f9784603aa0f46351862cb3880502bfe.webp" alt="Cara menggunakan konsolidasi jumlah di excel"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-konsolidasi-jumlah-di-excel">Cara menggunakan konsolidasi jumlah di excel</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/baca-file-dan-simpan-di-kamus-python"><img src="https://ap.cdnki.com/r_baca-file-dan-simpan-di-kamus-python---dcf9ec9a7872807b1322b7c99fa850f4.webp" alt="Baca file dan simpan di kamus python"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/baca-file-dan-simpan-di-kamus-python">Baca file dan simpan di kamus python</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/cara-menggunakan-for-pada-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-for-pada-python---5599ecb24c330ad086bbac57258f476b.webp" alt="Cara menggunakan for pada python"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-for-pada-python">Cara menggunakan for pada python</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/sistem-informasi-koperasi-simpan-pinjam-menggunakan-php"><img src="https://ap.cdnki.com/r_sistem-informasi-koperasi-simpan-pinjam-menggunakan-php---fc9a733a73b6b37745228328a92cebb0.webp" alt="Sistem informasi koperasi simpan pinjam menggunakan php"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/sistem-informasi-koperasi-simpan-pinjam-menggunakan-php">Sistem informasi koperasi simpan pinjam menggunakan php</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->
	<div class="media media-card  rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
    <div class="media-image">
       <a href="/mana-yang-lebih-cepat-peta-atau-objek-javascript"><img src="https://ap.cdnki.com/r_mana-yang-lebih-cepat-peta-atau-objek-javascript---a79ced8c16a1d53cd9a167f2880dc8e1.webp" alt="Mana yang lebih cepat peta atau objek javascript?"></a>
    </div>
    <div class="media-body">
        <h5 class="mb-2 fw-medium"><a href="/mana-yang-lebih-cepat-peta-atau-objek-javascript">Mana yang lebih cepat peta atau objek javascript?</a></h5>
        <p class="mb-2 truncate lh-20 fs-15"></p>
        <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
            <div class="tags">
                            </div>

        </div>
    </div>
</div><!-- end media -->

</div>
</div></div>
							<div class="footerRelated"></div>
					</div>
                   
                </div>    
                </div><!-- end question-main-bar -->
            </div><!-- end col-lg-9 -->
            <div class="col-right">
                <div class="sidebar">
					<div class="ad-card">
    <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4>
    <div class="mb-4 mx-auto">
      <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
    </div>
</div>
                    
<div class="card card-item">
    <div class="card-body">
        <h3 class="fs-14 text-uppercase pb-3">BERITA TERKINI</h3>
        <div class="divider"><span></span></div>
        <div class="sidebar-questions pt-3">
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/cara-menggunakan-mysql-timestamp-from-string">Cara menggunakan mysql timestamp from string</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/ShavenBrainstorming" class="author">ShavenBrainstorming</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/langkah-langkah-membuat-web-menggunakan-html-dan-css">Langkah langkah membuat web menggunakan HTML dan CSS?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/OverheatedCabbage" class="author">OverheatedCabbage</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/bagaimana-cara-mengonversi-file-txt-ke-google-sheets">Bagaimana cara mengonversi file txt ke google sheets?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/DeprivedAppeasement" class="author">DeprivedAppeasement</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/bagaimana-anda-mengganti-huruf-tertentu-dengan-python">Bagaimana Anda mengganti huruf tertentu dengan python?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/FunctioningApartheid" class="author">FunctioningApartheid</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/apa-upaya-kita-untuk-mengatasi-krisis-air-bersih">Apa upaya kita untuk mengatasi krisis air bersih?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/BeardedAnnoyance" class="author">BeardedAnnoyance</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/bagaimana-cara-membekukan-area-yang-dipilih-di-excel">Bagaimana cara membekukan area yang dipilih di excel?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/CrackingMolasses" class="author">CrackingMolasses</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/bagaimana-anda-mengonversi-bilangan-bulat-negatif-menjadi-byte-dengan-python">Bagaimana Anda mengonversi bilangan bulat negatif menjadi byte dengan python?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/Wage-priceAccomplice" class="author">Wage-priceAccomplice</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/apakah-infeksi-bakteri-pada-miss-v-bisa-sembuh-sendiri">Apakah infeksi bakteri pada Miss V bisa sembuh sendiri?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/FrayedDaddy" class="author">FrayedDaddy</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/database-mana-yang-digunakan-di-phpmyadmin">Database mana yang digunakan di phpmyadmin?</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/ParamountCounselor" class="author">ParamountCounselor</a>
                    </small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/cara-menggunakan-semua-jenis-acara-javascript">Cara menggunakan semua jenis acara javascript</a></h5>
                    <small class="meta">
                        <span class="pr-1">1 years ago</span>
                        <span class="pr-1">. by</span>
                        <a href="https://ketajaman.com/author/CondemnedMirth" class="author">CondemnedMirth</a>
                    </small>
                </div>
            </div><!-- end media -->
                    </div><!-- end sidebar-questions -->
    </div>
</div><!-- end card -->
                    <div class="card card-item cardTopList">
    <div class="card-body">
        <h3 class="fs-14 text-uppercase pb-3">Toplist Popular</h3>
        <div class="divider"><span></span></div>
        <div class="sidebar-questions pt-3">

                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#1</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-7-unterschied-griechischer-joghurt-und-joghurt-griechischer-art-2022">Top 7 unterschied griechischer joghurt und joghurt griechischer art 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#2</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-9-ibc-container-600-liter-gebraucht-2022">Top 9 ibc container 600 liter gebraucht 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#3</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-7-excel-hintergrundfarbe-auslesen-ohne-vba-2022">Top 7 excel hintergrundfarbe auslesen ohne vba 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#4</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-6-dji-mavic-air-2-wann-welcher-filter-2022">Top 6 dji mavic air 2 wann welcher filter 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#5</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-7-rosen-schwarze-flecken-am-stiel-2022">Top 7 rosen schwarze flecken am stiel 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#6</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-8-wann-wird-es-wieder-spater-dunkel-2022-2022">Top 8 wann wird es wieder später dunkel 2022 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#7</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-6-em-nome-do-pai-em-nome-do-filho-2022">Top 6 em nome do pai em nome do filho 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#8</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-8-zdf-neben-der-spur-erlose-mich-2022">Top 8 zdf neben der spur -- erlöse mich 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#9</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-8-como-melhorar-dor-no-calcanhar-2022">Top 8 como melhorar dor no calcanhar 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        <div class="media media-card media--card media--card-2">
				<div class="topListNum">#10</div>
                <div class="media-body">
                    <h5><a href="https://ketajaman.com/toplist-top-7-vinho-e-bom-para-pressao-alta-2022">Top 7 vinho é bom para pressão alta 2022</a></h5>
                    <small class="meta text-right">1 years ago</small>
                </div>
            </div><!-- end media -->
                        
        </div><!-- end sidebar-questions -->
    </div>
</div><!-- end card -->
					<div class="ad-card">
    <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4>
    <div class="mb-4 mx-auto">
      <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
    </div>
</div>
                    
<div class="card card-item">
    <div class="card-body">
        <h3 class="fs-14 text-uppercase  pb-3">Terpopuler</h3>
        <div class="divider"><span></span></div>
        <div class="sidebar-questions pt-3">

                        
        </div><!-- end sidebar-questions -->
    </div>
</div><!-- end card -->                                        					<div class="ad-card fixedAds">
    <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4>
    <div class="mb-4 mx-auto" style="text-align:center">
     <ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-4987931798153631"
     data-ad-slot="6695343318"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
    </div>
</div>
                   
                </div><!-- end sidebar -->
            </div><!-- end col-lg-3 -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end question-area -->
<!-- ================================
         END QUESTION AREA
================================= -->
<script>var questionId ='bagaimana-cara-menggunakan-templat-bootstrap-yang-diunduh'</script>
<script>var postTime ='2023-01-17T06:45:01.616Z'</script>
<script>var siteDomain ='ketajaman.com'</script>
<script type="text/javascript" src="https://ketajaman.com/dist/js/pages/comment.js"></script>

<!-- ================================
         END FOOTER AREA
================================= -->
<section class="footer-area pt-80px bg-dark position-relative">
    <span class="vertical-bar-shape vertical-bar-shape-1"></span>
    <span class="vertical-bar-shape vertical-bar-shape-2"></span>
    <span class="vertical-bar-shape vertical-bar-shape-3"></span>
    <span class="vertical-bar-shape vertical-bar-shape-4"></span>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 responsive-column-half">
                <div class="footer-item">
                    <h3 class="fs-18 fw-bold pb-2 text-white">Tentang Kami</h3>
                    <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
                        <li><a href="/about.html">Hubungi Kami</a></li>
                        <li><a href="/contact.html">Support</a></li>
                        <li><a href="/contact.html">Careers</a></li>
                        <li><a href="/contact.html">Periklanan</a></li>
                    </ul>
                </div><!-- end footer-item -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 responsive-column-half">
                <div class="footer-item">
                    <h3 class="fs-18 fw-bold pb-2 text-white">Legal</h3>
                    <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
                        <li><a href="/privacy-statement.html">Privacy Policy</a></li>
                        <li><a href="/terms-and-conditions.html">Terms of Services</a></li>
                        <li><a href="/privacy-statement.html">Cookie Policy</a></li>
                    </ul>
                </div><!-- end footer-item -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 responsive-column-half">
                <div class="footer-item">
                    <h3 class="fs-18 fw-bold pb-2 text-white">Dukungan</h3>
                    <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
                        <li><a href="/contact.html">Knowledge Base</a></li>
                        <li><a href="/contact.html">Remove a post</a></li>
                        <li><a href="/contact.html">Support</a></li>
                    </ul>
                </div><!-- end footer-item -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 responsive-column-half">
                <div class="footer-item">
                    <h3 class="fs-18 fw-bold pb-2 text-white">Social</h3>
                    <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
                        <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li>
                        <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li>
                        <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li>
                        <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li>
                    </ul>
                </div><!-- end footer-item -->
            </div><!-- end col-lg-3 -->
        </div><!-- end row -->
    </div><!-- end container -->
		 <div class="container networkLinks">
		<a target='blank' href='https://ketajaman.com'>home</a><a target='blank' href='https://en.ketajaman.com'>en</a><a target='blank' href='https://de.ketajaman.com'>de</a><a target='blank' href='https://ja.ketajaman.com'>ja</a><a target='blank' href='https://hi.ketajaman.com'>hi</a><a target='blank' href='https://ko.ketajaman.com'>ko</a><a target='blank' href='https://pt.ketajaman.com'>pt</a><a target='blank' href='https://zh.ketajaman.com'>zh</a><a target='blank' href='https://th.ketajaman.com'>th</a>	 </div>
	    <hr class="border-top-gray my-3">
    <div class="container">
        <div class="row align-items-center pb-4 copyright-wrap">
           
            <div class="col-6">
                <img src ="/dist/images/dmca_protected_sml.png"/>
            </div>
			<!-- end col-lg-6 --><div class="col-6">
				
                <div class="copyright-desc text-right fs-14">
					<div>Copyright © 2024 <a href="https://ketajaman.com"><span style="color:#f00">keta</span>jaman</a> Inc.</div>
				</div>
            </div><!-- end col-lg-6 -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end footer-area -->

<!-- ================================
          END FOOTER AREA
================================= -->
<!-- template js files -->
<!-- start back to top -->
<div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Go to top">
    <img alt="" src="/dist/images/svg/arrow-up_20.svg">
</div>
<!-- end back to top -->
<script src="https://ketajaman.com/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://ketajaman.com/dist/js/sweetalert2.js"></script>
<script src="https://ketajaman.com/dist/js/moment.js"></script>
<script src="https://ketajaman.com/dist/js/main.js?v=1"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4WVHTJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="b3b518e2fecb645c33156b68-|49" defer></script>