Template blogger DB GJ

DB Template Responsive Template

Template DB GJ adalah template 3(tiga) kolom yang responsive, berbagai fitur sudah terpasang di template ini. fitur sbb:

Fitur Template

  • 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
  • Light box
  • Animasi loading
  • Related Post
  • Filter spam komentar
  • Emoticon komentar
  • DLL...

untuk lebih jelasnya lihat demo di bawah ini atau bisa langsung di download.


Seting Template

cari kode dibawah ini dan sesuaikan...

Menu Navigasi
<nav id='db-fixed-nav'>
<ul>
<li><a href='/'><span style='font-size:24px;vertical-align:middle'>Home</span></a></li>
<li><a href='/p/aboute-me_19.html'>About</a></li>
<li><a href='/p/contact.html'>Contact</a></li>
<li><a href='/p/dafin-sitemap.html'>Isi</a></li>
<li><a href='/p/out-of-topic_18.html'>oot</a></li>
<li><a class='note event-see'>tips</a></li>
<li>
<a class='right-link'>
<div class='search-show'>cari</div>
<div class='search-hide' style='display:none;'>hide</div>
</a>
</li>
<li>
<div class='right-link'>
<div id='notif' title='Buka komentar terbaru'/>
<div id='show-total'/>
</div>
</li>
</ul>
<script language='javascript'>setPage()</script>
</nav>

Dialog Box Tip

<div id='intro-db-dialog'>
<div class='tutup'><i class='fa fa-power-off'/></div>
<font color='#fff'>
<b>Cari solusi...</b>
<script type='text/javascript'>tips = new Array(5);tips[0] = &quot;
<i>RESPONSIVE: taukah anda, dengan memasang meta viewport bisa menjadikan tampilan blog atau website tertata rapi di resolusi mobile? cari tahu caranya <a href='http://defandaky.blogspot.com/2014/06/memasang-meta-viewport-agar-responsive.html' target='_blank'>baca</a> mudah dan simple</i>
&quot;;tips[1] = &quot;
<i>TRIK: mengurangi penggunaan javascript pada widget bisa mengurangi beban load pada halaman. baca di <a href='http://defandaky.blogspot.com/2014/04/memasang-widget-amoung-tanpa-javascript.html' target='_blank'>sini</a> sederhana.</i>
&quot;;tips[2] = &quot;
<i>SEO: jadikan blog anda lebih seo dan tampil di halaman pertama mesin pencari dengan memperbaiki meta tag <a href='http://defandaky.blogspot.com/2014/04/memasang-meta-tag-agar-blog-lebih-seo.html' target='_blank'>disini</a> lengkap.</i>
&quot;;tips[3] = &quot;
<i>KOMENTAR: beri tanda komentar anda dalam komentar blogger, agar pengunjung bisa mengenali anda, mau tau <a href='http://defandaky.blogspot.com/2014/03/menandai-komentar-admin-dengan-css.html' target='_blank'>lihat</a> segera pasang.</i>
&quot;;tips[4] = &quot;
<i>TRIK: membatasi jumlah posting yang di tampilkan di menu label pencarian adalah cara yang baik untuk menentukan tampilan posting <a href='http://defandaky.blogspot.com/2014/03/membatasi-jumlah-posting-di-halamam.html' target='_blank'>baca</a> dan terapkan.</i>
&quot;;index = Math.floor(Math.random() * tips.length);document.write(&quot;\n&quot;);document.write(tips[index]);</script>
</font>
<a href='javascript:location.reload(true)'> tips lainnya</a>
</div>

ubah dan tulis tips yang ingin anda tampilkan pada <i>...teks disini...</i>.

Tidak ada 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

Back to Top
Loading...