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

  • Blogger template responsive DB Droid
    Share kali ini adalah template DB Droid tempilannya cocok untuk blog personal, berikut fiturnya Fitur yang ada di Templat DB Droid: Responsive SEO Recent Comment notifikasi Font awesom Posting costume homepage Thread Comment Num Page Hide search box Fixed Menu/sticky menu Siycky widget Show hide emo, konverter, Post box author Share button…
  • Pemahaman dasar tentang responsive template
    Bagi para blogger template responsive kini sedang banyak diminati dan di bangun agar menambah optimalisasi tampilan pada seluruh resolusi yang memuat. website besar dan web - web ternama sudah menerapkan ini untuk menunjang tampilan mereka pada setiap resolusi walau pun masih ada pendapat bahwa responsive hanya berguna untuk web atau blog yang…
  • 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…
  • Blogger template Mazda DB Responsive
    Template sederhana responsive untuk blogger ini bisa sobat donwload dan simpan secara gratis, buat anda yang mungkin tertarik bisa langsung melakukan pada bagian tertentu saja. Fitur template Valid HTML5 Responsive Related Post Thread Comment Emoticon comment SEO 100% SEO Optimizing 2 Column Responsive thumbnail post Breadcrumbs Related Po…
  • Responsive Video, Embed, Object dan img
    Masih tentang responsive, kali ini sesuai dengan judul saya shara cara membuat responsive pada Video, Iframe, Embed dan Object dan img. membuat responsive Untuk video, iframe, embed dan object pada intinya hampir sama yaitu tetap memberi satuan %. Saat ini embed video yang paling banyak digunakan adalah Youtube, namun terlepas dari youtube ada…
  • Memasang meta viewport
    Membahas responsive memang agak panjang lebar, dan perlu di pelajari satu persatu. untuk itu kali ini saya akan berbagi tentang kegunaan menggunakan meta tag viewport dalam responsive. Dalam Responsive Meta Tag Viewport sangat penting karena meta tag ini berguna untuk menentukan tata letak tampilan Mobile. ketika blog kita di akses lewat Brows…

6 komentar


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...