Pengaturan JDWeb
Pengaturan JDWeb

Pengaturan JDWeb

 

HOMEPAGE SECTION SETTINGS


LOGO

KETERANGAN:
Ukuran logo 253x67





CALL CENTER


<div id='call-center'>
                    <div class='call-row row-top'>
                        <span class='call-label'>Call Center</span><span class='call-value'>021-8093008</span>
                    </div>
                    <div class='call-row'>
                        <span class='call-label'>Humas</span><span class='call-value'>021-80882815</span>
                    </div>
                </div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti nomor yang di tandai di atas dengan nomor Anda





SOCIAL MEDIA


<div id='social-media-top'>
<a class='social-top social-fb' href='https://www.facebook.com/xxxxxx' target='_blank'/>
<a class='social-top social-tw' href='https://twitter.com/xxxxx' target='_blank'/>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti url/link yang ditandai diatas dengan masing masing Url/Link media Anda





MENU


<nav id='cssmenu'>
<div class='button' id='menu-button'>
  <i class='fa fa-bars'/><span>Menu</span>
</div>
<!-- menu navigasi header start -->
<ul>
<div id='call-mobile'>
<div id='call-center'>
<div class='call-row row-top'>
<span class='call-label'>Call Center</span><span class='call-value'>021-8093008</span>
</div>
<div class='call-row'>
<span class='call-label'>Humas</span><span class='call-value'>021-80882815</span></div>
</div>
<div id='social-media-top'>
<a class='social-top social-fb' href='https://www.facebook.com/xxxxxx' target='_blank'/>
<a class='social-top social-tw' href='https://twitter.com/xxxxx' target='_blank'/>
</div>
</div>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
</ul>
<!-- menu navigasi header end -->
</nav>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti nomor yang di tandai di atas dengan nomor Anda
           Ganti url/link yang ditandai diatas dengan masing masing Url/Link media Anda
Dan untuk tanda # silahkan diganti dengan Link apa saja akan di tampilkan di menu





MENU


<nav id='cssmenu'>
<div class='button' id='menu-button'>
  <i class='fa fa-bars'/><span>Menu</span>
</div>
<!-- menu navigasi header start -->
<ul>
<div id='call-mobile'>
<div id='call-center'>
<div class='call-row row-top'>
<span class='call-label'>Call Center</span><span class='call-value'>021-8093008</span>
</div>
<div class='call-row'>
<span class='call-label'>Humas</span><span class='call-value'>021-80882815</span></div>
</div>
<div id='social-media-top'>
<a class='social-top social-fb' href='https://www.facebook.com/xxxxxx' target='_blank'/>
<a class='social-top social-tw' href='https://twitter.com/xxxxx' target='_blank'/>
</div>
</div>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul>
<li><a href='#'>SubMenu1</a></li>
<li><a href='#'>SubMenu2</a></li>
<li><a href='#'>SubMenu3</a></li>
<li><a href='#'>SubMenu4</a></li>
</ul>
</li>
</ul>
<!-- menu navigasi header end -->
</nav>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti nomor yang di tandai di atas dengan nomor Anda
           Ganti url/link yang ditandai diatas dengan masing masing Url/Link media Anda
Dan untuk tanda # silahkan diganti dengan Link apa saja akan di tampilkan di menu





SLIDER


<div class='customer-wrapper'>
<div class='owl-carousel'>
<div><a href='/' target='_blank'>
<img alt='' class='slide-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjswSs17-Zj8X3v-9Wzfv-NQZeGi7U-I-xs_HgzL9HXiFqwbz9ZKKlzzNb1mLXWsTjpPEVikGzBYPegdrnFRYpxHQ7e8bZDUy9lfKm_MxHtgA0P0AeW9iaenQvYzHagsQRw7i5ay1ItdSA/s1600/1.jpg'/></a></div>
<div><a href='/' target='_blank'>
<img alt='' class='slide-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRrgrhP5nMy7uRV5tUeMKHFiylT9TDuS9f8qjgYQXDCKy5R9kU3r3la1AaLPz2_pxTZq33RsDYS1E4mm80BVc8Qh-WgSrCGc5a1QfWiB9o8FR0yYxDVa8q0B5CaUYavNjM8GZSOB5u_z8/s1600/2.jpg'/></a></div>
</div>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti dengan Link/Url
           Ganti Url gambar





PROFIL


<div class='box-left'>
  <img alt='foto' class='foto-bupati' src='http://contohweb.gresikkab.go.id/images/baner%20foto%20dinas.png'/>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Ganti dengan Url gambar





SLIDER 2


<div class='box-right'>
<div class='slider-small'>
<div class='slider-box one-after'>
<i class='fa fa-folder-open'/>
<a href='#'>
<div class='slider-style'>
<strong>Download</strong>
<span><p>Direktori File-file Download</p></span>
</div>
</a>
</div>

<div class='slider-box two-after'>
<i class='fa fa-folder-open'/>
<a href='#'>
<div class='slider-style small-yellow'>
<strong>Galeri</strong>
<span><p>Daftar foto galeri di Dinas terkait</p></span>
</div>
</a>
</div>

<div class='slider-box tree-after'>
<i class='fa fa-folder-open'/>
<a href='#'>
<div class='slider-style small-blue'>
<strong>Agenda</strong>
<span><p>Daftar Agenda di Dinas terkait</p></span>
</div>
</a>
</div>

<div class='slider-box tree-after'>
<i class='fa fa-folder-open'/>
<a href='#'>
<div class='slider-style small-blue'>
<strong>Situs Terkait</strong>
<span><p>Daftar Nama Situs Terkait</p></span>
</div>
</a>
</div>

<div class='slider-box four-after'>
<i class='fa fa-folder-open'/>
<a href='#'>
<div class='slider-style small-green'>
<strong>Pengumuman</strong>
<span><p>Daftar pengumuman di Dinas terkait</p></span>
</div>
</a>
</div>

</div>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas, silahka di sesuaikan masing masing widget yang ditandai di atas, icon menggunakan fontAwesome https://fontawesome.com/v4.7.0/icons/





SLIDER POSTS


<span data-type="carousel" data-label="Beauty" data-no="6"></span>
KETERANGAN:
Masuk di dalam Tata Letak - Widget Coarousel, kemudian masukkan code di atas
           Ganti dengan Label Artikel
           Adalah jumlah artikel, silahkan di sesuaikan





TAB HOME


<ul class='tab-links'>
<li class='active'><a href='#tab1'><i class='fa fa-folder-open'/> Artikel</a></li>
<li><a href='#tab2'><i aria-hidden='true' class='fa fa-download'/> Download</a></li>
<li><a href='#tab3'><i class='fa fa-clipboard'/> Pengumuman</a></li>
</ul>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas
           Silahkan di sesuaikan

Untuk Content setiap Tab, perhatikan code di bawah ini
<div class='tab' id='tab2'>
<p>
Tab #2 Letakkan Judul Kontent disini !</p>
<p>
Isikan Kontent Anda disini !</p>
</div>
<div class='tab' id='tab3'>
<p>
Tab #3 Letakkan Judul Kontent disini !</p>
<p>
Isikan Kontent Anda disini !</p>
</div>





GALERI


<div class='box-gallery'>
<div class='content-wrapper'>
<h2>Gallery Foto</h2>
<div class='gallery-box'>
<a href='#'>
<div class='gallery-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pCrsMw2UPruMGdviIXOXhzqGui8eCawiYXCrPPmRdLK0xP_v0ywiwKY9BTY57UUIgQGMj20s68GNi0e1hnn5ftPPELrXrN-Qce4hQOgOODKW-akm_8GTIJHDhEQEImCORjItokHqlDs/s1600/pts.jpg'/>
</div>
<div class='gallery-btn'>
<h3>Gallery Foto</h3>
</div>
<div class='gallery-content'>
<h4><a href='#'>Galeri 1</a></h4>
</div>
</a>
</div>

<div class='gallery-box margin1'>
<a href='#'>
<div class='gallery-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pCrsMw2UPruMGdviIXOXhzqGui8eCawiYXCrPPmRdLK0xP_v0ywiwKY9BTY57UUIgQGMj20s68GNi0e1hnn5ftPPELrXrN-Qce4hQOgOODKW-akm_8GTIJHDhEQEImCORjItokHqlDs/s1600/pts.jpg'/>
</div>
<div class='gallery-btn'>
<h3>Gallery Foto</h3>
</div>
<div class='gallery-content'>
<h4><a href='#'>Galeri 1</a></h4>
</div>
</a>
</div>

<div class='gallery-box margin2'>
<a href='#'>
<div class='gallery-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pCrsMw2UPruMGdviIXOXhzqGui8eCawiYXCrPPmRdLK0xP_v0ywiwKY9BTY57UUIgQGMj20s68GNi0e1hnn5ftPPELrXrN-Qce4hQOgOODKW-akm_8GTIJHDhEQEImCORjItokHqlDs/s1600/pts.jpg'/>
</div>
<div class='gallery-btn'>
<h3>Gallery Foto</h3>
</div>
<div class='gallery-content'>
<h4><a href='#'>Galeri 1</a></h4>
</div>
</a>
</div>

<div class='gallery-box'>
<a href='#'>
<div class='gallery-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pCrsMw2UPruMGdviIXOXhzqGui8eCawiYXCrPPmRdLK0xP_v0ywiwKY9BTY57UUIgQGMj20s68GNi0e1hnn5ftPPELrXrN-Qce4hQOgOODKW-akm_8GTIJHDhEQEImCORjItokHqlDs/s1600/pts.jpg'/>
</div>
<div class='gallery-btn'>
<h3>Gallery Foto</h3>
</div>
<div class='gallery-content'>
<h4><a href='#'>Galeri 1</a></h4>
</div>
</a>
</div>

</div>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas, Ganti url gambar yang ada di setiap masing masing widget dan ganti tanda # dengan link pada masing m asing widget





MENU FOOTER


<div id='footer'>
<div class='content-wrapper'>
<div class='menubottom'>
<ul>
<li><a href='#' title=''>Beranda</a></li>
<li><a href='#' title=''>Profil</a></li>
<li><a href='#' title=''>Produk</a></li>
<li><a href='#' title=''>Kantor Regional</a></li>
<li><a href='#' title=''>Berita</a></li>
<li><a href='#' title=''>Regulasi</a></li>
<li><a href='#' title=''>Galeri</a></li>
<li><a href='#' title=''>Publikasi</a></li>
<li><a href='#' title=''>Pengumuman</a></li>
<li><a href='#' title=''>PPID</a></li>
<li><a href='#' title=''>Blog Kepegawaian</a></li>
<li><a href='#' title=''>Hubungi Kami</a></li>
<li><a href='#' title=''>ACCSM</a></li>
<li><a href='#' title=''>e-Buletin</a></li>
<li><a href='#' title=''>Dasar Hukum PPID</a></li>
<li><a href='#' title=''>Nota Kesepahaman (MoU) dan Perjanjian Kerja Sama Tahun 2018</a></li>
</ul>
</div>
<div class='clr'/>
<div class='copyright'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3AfZawPWM1PJxTrdQDyRujzLgIQqKX1dmUPqYh6CtMxYOznFAGzZJZWvdiojCkmhQ_DDnORCeTTQNNO8pcsohmVM64933_bG_m33VXTZ8HaMgXuuwc_aGPUDHH9XskUjoqYVPXFag9w/s1600/logo.png'/>
</div>
<div class='clr'/>
<div id='credit'>
<span class='link'>Hak cipta &#169;2019 <data:blog.title/>. Semua Hak Dilindungi.</span>
<span class='link'>Jl. Mayjen Sutoyo No. 12 Telp 021-8093008</span>
<span class='link'>Jakarta Timur 13640</span>
<span class='link'>Dikelola oleh Tim Humas <data:blog.title/></span>
  <span class='cred'><a href='/'> Periode 2006 - 2019</a></span>
</div>
<div class='backtop'><span class='scroll-top-inner'><i aria-hidden='true' class='fa fa-angle-up'/></span></div>
</div>
</div>
KETERANGAN:
Masuk di dalam EDIT HTML, kemudian cari code di atas, Ganti url logo yang di tandai, tanda # silahkan ganti dengan Link masing masing menu, dan lain nya silahkan di sesuaikan
Pengaturan JDWeb

Pengaturan JDWeb

Pesan via WhatsApp! - Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pesan via WhatsApp!

Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pengiriman Fleksibel - Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Pengiriman Fleksibel

Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Metode Pembayaran Lengkap - Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Metode Pembayaran Lengkap

Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Toko WA+

Template Blogger dengan fitur Toko Online berbasis WhatsApp + Keranjang Pesanan yang berguna untuk membantu "Pebisnis Online" menjual Produk maupun Jasa secara Instan & Efisien.

Hubungi Kami

Jl. Alamat Toko, No. 123 - Bandung 40241
Phone / WhatsApp. +62 89618885066
E-mail. info@website.com

Pengaturan JDWeb https://aulianv23.blogspot.com/2020/03/pengaturan-jdweb.html
( 0 ) 0