Jingga Blogger Template Documentation

1. Main Menu Dropdown

Anda bisa menggantinya pada kode tersebut dibawah ini

<ul class='nav dgz-mainav'> 
<li><a class='active' href='/'><span itemprop='name'> Home</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Web Tools</span></a> <ul> 
<li><a href='#' itemprop='url'><span itemprop='name'>Ad Converter</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Color Picker</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Filter</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Triangle</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Fontawesome</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Kamus HTML</span></a></li> 
</ul> 
</li> <li><a href='#' itemprop='url'><span itemprop='name'>SEO</span></a></li> 
<li><a href='#' itemprop='url' target='_blank'><span itemprop='name'>Template</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Tips Blogger</span></a></li> 
<li><a href='#' itemprop='url'><span itemprop='name'>Widget</span></a></li> 
<li><a href='#' itemprop='url' target='_blank'><span itemprop='name'>Documentation</span></a></li> 
</ul>

2. Ticker News

Buka Dashboard > Tata Letak > Ticker News klik Edit pada kolom Ticker news lalu masukkan kode seperti dibawah ini

<span data-type="recent" data-no="5"></span>

Gambar diatas adalah contoh yang penerapannya sama untuk pengisian kode pada widget widget selanjutnya dibawah ini..........

3. Featured Posts

Buka Dashboard > Tata Letak > Featured Posts klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="recent"></span>

4. Box Layout

Pada Box Layout terbagi atas dua buah widget yaitu Feat dan Corousel

4.1 Buka Dashboard > Tata Letak > Feat klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="feat" data-label="Celebrity"></span>

Catatan : Ganti Celebrity adalah tag label milik Anda

4.2 Buka Dashboard > Tata Letak > Corousel klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="carousel" data-label="Business" data-no="6"></span>

Catatan : Ganti Business dengan tag label milik Anda dan angka 6 adalah jumlah post yang ingin ditampilkan, Anda bisa merubah angka ini sesuai keinginan.


5. Box Layout 2

Pada Box Layout 2 terbagi empat buah widget yaitu Video dan Columnleft,Columnright,Gallery.

5.1 Buka Dashboard > Tata Letak > Video klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="videos" data-label="Photo"></span>

Catatan : Ganti Photo dengan tag label milik Anda

5.2 Buka Dashboard > Tata Letak > Columnleft klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="columnleft" data-label="Business" data-no="4"></span>

Catatan : Ganti Business dengan tag label milik Anda

5.3 Buka Dashboard > Tata Letak > Columnright klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="columnright" data-label="Fashion" data-no="4"></span>

Catatan : Ganti Fashion dengan tag label milik Anda

5.4 Buka Dashboard > Tata Letak > Gallery klik Edit pada kolom tersebut lalu masukkan kode seperti dibawah ini

<span data-type="gallery" data-label="Celebrity"></span>

Catatan : Ganti Celebrity dengan tag label milik Anda


6. Disqus Komentar

Temukan kode seperti dibawah ini

<div class='comments' id='comments'>
     <script type='text/javascript'>
                var disqus_shortname = &quot;crepictdgz&quot;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }

Lalu ganti yang saya tandai warna kuning dengan ID Disqus Anda


7. Mengisi Submenu Footer

Cari kode seperti di bawah ini

<div class='footer-nav'>
<ul>
<li><a href='/p/about-us.html' title='About Us'>About Us</a></li>
<li><a href='/p/contact.html' title='Contact'>Contact Us</a></li>
<li><a href='/p/sitemap.html' title='Our Sitemap'>Sitemap</a></li>
<li><a href='/p/privacy-policy.html' title='Privacy Policy'>Privacy</a></li>
<li><a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a></li>
<li><a href='/p/terms-of-service.html' title='Terms of Service'>TOS</a></li>
</ul>
</div>

Catatan : Ganti yang saya tandai warna biru dengan URL dan atau ( bisa URL halaman statis) milik Anda


Selesai.....