Blogger template Mazda DB Responsive

Blogger template Mazda DB Responsive

DB Template Responsive sitemap Template

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
  1. Valid HTML5
  2. Responsive
  3. Related Post
  4. Thread Comment
  5. Emoticon comment
  6. SEO 100%
  7. SEO Optimizing
  8. 2 Column
  9. Responsive thumbnail post
  10. Breadcrumbs
  11. Related Posts with Thumb
  12. Share Button
  13. Top Menu
  14. Main Menu responsive
  15. Numbered Page Navigation
  16. Button scrolling
  17. Show hide emoticon
  18. show hide converter

berikut ini ss fullpagenya


untuk ss responsive



yang perlu di sesuaikan

TOP MENU

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-11<nav id='db-fixed-nav'>
<ul>
<li>
<a href='/'><span class='on-db-logo' style='font-size:24px;vertical-align:middle'>
<img alt='logo blog' src='link gambar'/></span>
</a>
</li>
<li><a href='#'>menu</a></li>
<li><div class='right-link'>Menu</li>
</ul>
</nav>

MENU RESPONSIVE

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-1718code-line:2-1819code-line:2-1920code-line:2-2021code-line:2-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>

tertarik, silahkan download di link bawah ini


anda boleh menggunakan template ini secara gratis tanpa batasan dengan catatan jangan menghapus credite template yang sudah di sertakan

demikian saja share saya kali ini, semoga bermanfaat untuk anda semua, salam blogger...

Artikel Terkait

  • 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…
  • 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…
  • 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…
  • 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…
  • Microformat & Microdata - Rich Snippets
    Lama mungkin tidak share untuk sahabat semua dan rasanya kurang pas jika tidak berbagi, kali ini saya sedikit membahas tentang Microformat & Microdata - Rich Snippets Apa kegunaan dan fungsi Rich Snippets? Rich Snippet digunakan untuk memperjelas atau memberikan deskripsi tambahan dari suatu situs agar pengunjung dengan mudah menemukan t…
  • 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…

8 komentar

  1. Unknown16 Juni 2014 pukul 23.15

    templte nya keren bnget mas.. :)

    BalasHapus
  2. Rz Bot17 Juni 2014 pukul 02.25

    akhirnya di share :D di ambil ah

    BalasHapus
  3. Unknown16 Juli 2014 pukul 15.51

    Mas ada yang salah pada bagian ini <li><div class='right-link'>Menu</li> mohon di betulkan :3

    BalasHapus
    Balasan
    1. Dafin defandaky18 Juli 2014 pukul 12.17

      gampang kok sob tinggal di betulkan seperti berikut

      <li><div class='right-link'>Menu</div></li>

      semoga sukses

      Hapus
  4. Unknown23 Desember 2016 pukul 02.32

    bro plz give me download link my mail : najimuddin7631@gmail.com

    BalasHapus
  5. Maskode12 Agustus 2018 pukul 08.55

    Gan link template sudah mati semua. Mohon di reupload.

    BalasHapus


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