Template responsive Mazda DB V.2

DB Template Responsive sitemap Template

Setelah sebelumnnya saya berbagi template Mazda DB pada kesempatan kali ini saya akan bagikan template personal Mazda DB v2, template yang sudah saya perbaiki ini lebih menarik dari versi sebelumnya dan ada beberapa sedikit ubahan.

lihat demo template Mazda DB V.2 responsive







Beberapa fitur dari template ini :

  1. Seo ⇒ here
  2. Responsive ⇒ here
  3. Valid HTML 5 ⇒ here
  4. Thread comment Hack
  5. JSon notifikasi Comment
  6. 2 Column
  7. White Base Theme Color
  8. Breadcrumbs
  9. Related Posts
  10. Search Box
  11. Share Button
  12. Top Menu
  13. Main Dropdown Menu
  14. Numbered Page Navigation
  15. Social share button
  16. Custom 404 Page
  17. Smooth back To Top Button
  18. DLL

Pengaturan Template:

Penyesuian untuk menu navigasi cari kode di bawah ini

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-1718code-line:1-1819code-line:1-1920code-line:1-2021code-line:1-21<div class='nav-container'>
    <div>
       <label class='responsive_menu' for='responsive_menu'>
            <span>Menu</span>
         </label>
           <input id='responsive_menu' type='checkbox'/>
           <ul class='menu'>
             <li><a href='#'>Beranda</a></li>
             <li class='dropdown'><a href='#'>menu drop</a>
                <ul>
                  <li><a href='#'>sub 1</a></li>
                  <li><a href='#'>sub 2</a></li>
                  <li><a href='#'>sub 3</a></li>                                          
                </ul>
              </li>
             <li><a href='#'>menu</a></li>
             <li><a href='#'>menu</a></li>
             <li><a href='#'>menu</a></li>
          </ul>
     </div>
</div>       

sesuaikan "#", "sub", "menu drop" dan "menu" dengan link yang di buukan.

Penyesuian untuk Notifikasi komentar temukan kode berikut:

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-89code-line:2-910code-line:2-1011code-line:2-1112code-line:2-1213code-line:2-1314code-line:2-1415code-line:2-1516code-line:2-1617code-line:2-17var originalTitle = document.title;
var cm_config = {
    home_page: "http://kerangalamjombang.blogspot.com",
    max_result: 9,
    t_w: 40,
    t_h: 40,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};

sesuikan berikut ini:

home_page: "http://kerangalamjombang.blogspot.com" ganti dengan URL blog anda
max_result: 9 jumlah komentar yang ditampilkan
t_w: 40, t_h: 40 lebar dan tinggi avatar
new_cm: " Komentar Baru!" pesan komenar baru

Penyesuian untuk pagenum cari script dibawah ini

1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-67code-line:3-78code-line:3-8<script type='text/javascript'>
var postperpage=5;
var numshowpage=4;
var upPageWord=&quot; &#9668; &quot;;
var downPageWord=&quot; &#9658; &quot;;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
</script> 

sesuaikan jumlah posting perhalaman dengan merubah nilai ini var postperpage=5;, berapa nomor yang ingin di ampilkan dalam satu halaman sesuaikan kode berikut var numshowpage=4;.

Penyesuian untuk widget label

cari kode berikut ini

1code-line:4-12code-line:4-23code-line:4-3<b:if cond='data:showFreqNumbers'>
  <span dir='ltr'>(<data:label.count/>)</span>
</b:if>

jika sudah ditemukan, ganti dengan kode berikut

1code-line:5-12code-line:5-23code-line:5-3<b:if cond='data:showFreqNumbers'>
  <span class='post-count' dir='ltr'><data:label.count/></span>
</b:if>

maka widget label di blog anda akan sama dengan widget label di demo template.

Silahkan pergunakan template ini, syaratnya hanya jangan menghilangkan credit linknya dan semoga bermanfaat...

Artikel Terkait

  • Memperbaiki ukuran thumbnail homepage
    buat sobat blogger yang mengalami masalah pada thumbnail/gambar Post.snippet dan post.thumbnail yang kurang jelas dan tidak sesuai ukuran pada tampilan posting static page/homepage, bisa menggunakan trik ini agar tampilan gambarnya bisa terlihat jelas dan sesuai. caranya cukup mudah dan gak ribet ikuti saja trik berikut perhatikan kode scrip…
  • Menerapakan jquery lightbox evolution
    Salam sobat blogger membuat postingan untuk share kali ini buat sobat yang masih bingung tentang jquery lightbox evolution. jquery lightbox ini saya gunakan di template ini pada konversi kode dan kontak bisa sobat lihat seperti apa itu jquery lightbox. untuk sobat yang tertarik dan ingin menerapkan ini untuk blognya saya akan memberikan trik…
  • Highlighter Language Autodetection
    Syntax Highlighter Language Autodetection ini saya dapatkan dari Software Maniacs dan saya terapkan di blog ini hanya saja tampilannya masih menggunakan Syntax Highlighter lama. seperti biasa anda mungkin sudah tau kegunaannya untuk di terapkan di blog, jadi tidak usah di jelaskan tinggal sekarang langsung saja ke cara bagaimana memasang Synta…
  • Memasang meta tag agar blog lebih SEO Friendly
    Salam sobat blogger, share lagi ni buat lebih mengoptimalkan seo pada blog agar bisa tampil di halaman pertama halaman mesin pencari. tapi jangan lantas ini di jadikan trik utama karena masih ada trik trik lain yang perlu sobat lakukan untuk membuat blognya lebih seo, ini hanya sebagaian trik sja yang memang cukup efektif di hasilnya. sudah b…
  • widget amoung tanpa javascript
    Memasang widget amoung memang bukan hal yang rahasia bagi blogger, widget among berguna sebagai counter banyak user yang sedang mengunjungi laman di blog kita tapi mungkin penggunaan javascript dari widget ini menambah beratnya dan waktu memuat laman kita dalam blog apalagi blog sobat yang sdah memasang banyak javascript. untuk itu kali ini s…
  • Judul posting responsive
    Mungkin ada dari sobat sekalian yang mencoba mengatur tampilan posting di homepage agar terlihat rapi saat responsive berjalan, dengan mengakali membuat judul posting sependek mungkin walau pun judul posting tersebut memang sedikit panjang sehingga nantinya judul tidak terlihat bertumpuk dan tidak rapi untuk template yang tidak menerapkan line-hei…

6 komentar

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...