Inggris Indonesia Jepang Arab China
» Unlabelled » 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/AVvXsEg3t7gSv7ufldeNCSae3UhXX_jwNDacHzDnjExqLsBXwmzMLvQfCcpf6zqTq7lPQ-2BWM0DYI88ZsIShVwuUdWCc5kRvQ9gpWKBUypuO1kpvF6YUPQuUPhKSty12lmVSMuJajNFE8Yx0Jg/s1600/1.jpg'/></a></div>
<div><a href='/' target='_blank'>
<img alt='' class='slide-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmOYapwb7fms6CITzskGQRUx0RI2RqBNN9ZeF_bBbgf9S2Ksy5afgOBxAMjlwsJmSZLi5bIPMRTNfBMRrbicP9YFWIlthJmc7t9c2MhpVOyZ_y4WGNcMLfsj5Xm0hhEJWDJOtyMW2iMtQ/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/AVvXsEjMR7CIaS6VYCeOqW-DzmEspXnA6xvVqv0tWIT-UWe0R__UN23PwGLan9qOYuf8JiPskkCts-rQs_U0dPJ8saG9z9qsvNZLvix2_CAze-Kqb38UNcWB9RcKtMNYgo4F-6NEKqf0VJydn_M/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/AVvXsEjMR7CIaS6VYCeOqW-DzmEspXnA6xvVqv0tWIT-UWe0R__UN23PwGLan9qOYuf8JiPskkCts-rQs_U0dPJ8saG9z9qsvNZLvix2_CAze-Kqb38UNcWB9RcKtMNYgo4F-6NEKqf0VJydn_M/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/AVvXsEjMR7CIaS6VYCeOqW-DzmEspXnA6xvVqv0tWIT-UWe0R__UN23PwGLan9qOYuf8JiPskkCts-rQs_U0dPJ8saG9z9qsvNZLvix2_CAze-Kqb38UNcWB9RcKtMNYgo4F-6NEKqf0VJydn_M/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/AVvXsEjMR7CIaS6VYCeOqW-DzmEspXnA6xvVqv0tWIT-UWe0R__UN23PwGLan9qOYuf8JiPskkCts-rQs_U0dPJ8saG9z9qsvNZLvix2_CAze-Kqb38UNcWB9RcKtMNYgo4F-6NEKqf0VJydn_M/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/AVvXsEizQBPBsnmbNHoT_6WWh5WT2s1qgpgDaJ6Ibb79q1eIJ8WLLLaz_ggMdbP-LrcGfHgTNBf3NwOgE0l1fDnrtNrZ3REJZpVYVHf_HklW5NngtnWUfNRGDPyP3Bl1i0aRaCR-XLhShEdvwHc/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