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
Keren sob, izin download yahh :D
BalasHapusprivate sob :)
Hapusbagus templatenya
BalasHapustanks non sudah berkunjung
Hapuskeren nihh broo
BalasHapusok sob...
Hapuswah mntab ni gan
BalasHapusvisit back ya gan klu ad wktu
ditunggu gan, tanks sudah berkunjung :)
Hapussudah saya kasih link downlod sob :-bd
BalasHapusManteb mas bro, ijin download.
BalasHapusmonggo mas gan... :)
Hapuslangsung di sambar :D
BalasHapussilahkan sob jangan tunggu lama :D
Hapusbagus gan template nya. tapi lebih bagus template agan yang ini :D
BalasHapuskalo mau template yang ni nunggu saya bosen dlu :p
Hapusboleh juga nih templatenya, saya koleksi dulu ya biar bisa dicoba-coba dulu.
BalasHapusMakasih mas.
sama sama gan :)
HapusLink 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>