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....
Belum ada tanggapan untuk "Download Template Dafin Blogger versi belajaran"
Post a Comment