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

  • Menu navigasi blogger responsive CSS3
    Menu navigasi adalah hal yang di perlukan sebuah blog untuk mengarahkan seorang pengunjung ke halaman tertentu, buat sobat yang belum memasang ini di blog milik sendiri sekarang saya share caranya dengan tampilan responsive yang bisa menyesuaikan di semua resolusi tampilan. menu ini sederhana, hanya sebagai dasar saja jika ingin lebih menarik…
  • Template responsive Mazda DB V.2
    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 Demo Download Beberapa fitur dari template ini : Seo…
  • Download Template Dafin Blogger versi belajaran
    Salam sahabat bogger terimakasih sudah berkunjung sebelumnya, saya ingin membagikan template blog saya ini yang dulu pernah saya gunakan template bikinan pertama belajar, walaupun masih banyak yang perlu di benahi silahkan sobat lakukan sendiri dengan sesuka hati sesuai dengan kreasi. untuk tampilan dan fitur silahkan lihat langsung demonya.…
  • Cara membuat tag pre di blogger
    Tag pre adalah sebuah elemen yang di gunakan untuk membungkus baris kode selain penggunaan menggunakan tag blokquote, tag pre umunya di gunakan oleh blog yang menyajikan barik kode tertentu pada sebuah artikel atau baris kode lainnya. buat sahabat yang masih bingung silahkan lihat gambar atau blog ini. Cara untuk membuat tag pre memang susah s…
  • Menandai komentar admin dengan css
    Buat sahabta blogger yang masih bertanya tanya tentang cara membuat tanda pada komentar admin untuk mempermudah pengunjung mencari mana komentar admin kali ini saya beri trik dan caranya. blogger tidak memberikan ijin secara penuh untuk melakukan modifikasi penuh komentar admin, lalu bagaimana jika kita ingin membuat tampilan komentar yang ber…
  • Membuat efek linknudge pada label blog
    Salam sobat blogger, masih senantiasa berbagi untuk sobat semua dan kali ini saya akan share tentang membuat efek linknudge pada label posting blogger. walau pun trik ini sebenarnya dapat di terapkan menggunakan css yang pernah saya tulis disini, namun saya kali ini akan berbagi trik membuat linknudge menggunakan jquery. Blogging CSS SE…

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