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

  • 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…
  • 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…
  • 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…
  • 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…
  • 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…
  • 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…

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