Download Template Dafin Blogger versi belajaran

DB Template sitemap

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.



sedikit fitur ada yang ada di template ini adalah sudah saya berikan tooltip, bloked link spam pada komentar dan animasi loading sebagai hiasan. di bawah ini merupakan potongan javascruptnya..

<script type='text/javascript'>
//<![CDATA[  
$(document).ready(function() {
// Tooltip only Text
$('.db-tooltip').hover(function(){
        // Hover over code
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
        $('<p class="db-simple-tooltip"></p>')
        .text(title)
        .appendTo('body')
        .fadeIn('slow');
}, function() {
        // Hover out code
        $(this).attr('title', $(this).data('tipText'));
        $('.db-simple-tooltip').remove();
}).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coordinates
        var mousey = e.pageY + 10; //Get Y coordinates
        $('.db-simple-tooltip')
        .css({ top: mousey, left: mousex })
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for(var i = 0; i < content.length; i++) {
        if(content[i].innerHTML.indexOf('</a>') !== -1) {
          content[i].innerHTML = "<mark>Bloked link!!!</mark> Jangan komentar spam broo baca <a href=\'/p/tata-cara-berkomentar-yang-baik.html\' target=\'_blank\'>disini<\/a> aturannya...!!!";
            content[i].className = "deteksi-spam";
        }
    }
}
blockLinks('comment_block', 'p');
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="efek-load-db">Sedang Memuat...</div>');
$(window).on("beforeunload", function() {
    $('#efek-load-db').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

di oprek aja sob kalau ada pertanyaan silahkan tulis di komentar, semoga berguna buat sobat....

17 komentar

  1. Keren sob, izin download yahh :D

    BalasHapus
  2. wah mntab ni gan
    visit back ya gan klu ad wktu

    BalasHapus
  3. sudah saya kasih link downlod sob :-bd

    BalasHapus
  4. bagus gan template nya. tapi lebih bagus template agan yang ini :D

    BalasHapus
    Balasan
    1. kalo mau template yang ni nunggu saya bosen dlu :p

      Hapus
  5. boleh juga nih templatenya, saya koleksi dulu ya biar bisa dicoba-coba dulu.

    Makasih mas.

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