Home »
» Fadlypuccino Blogs
Fadlypuccino Blogs
Fadlypuccino Blogs |
- Tips Trik Blogs: Cara Membuat Efek Link Berwarna-Warni
- Tips Trik Blogs: Cara Membuat Daftar Isi di Blog
- Daftar Isi
- Tips Trik Blogs: Cara Membuat Judul Bar (Title Bar) Berjalan di Blog
Tips Trik Blogs: Cara Membuat Efek Link Berwarna-Warni Posted: 24 Jun 2011 08:14 PM PDT Script ini akan membuat link yang sobat buat ketika di arahkan oleh kursor mouse akan berubah menjadi warna-warni. Untuk memasangnya sobat cukup menambahkan script berikut ke dalam Elemen Halaman - Lalu pilih HTML/Javascript.. Scriptnya: <script type='text/javascript'> //<![CDATA[ var rate = 20; if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]> </script> </br><a href="http://www.fadlypuccino.co.cc/" style="font-size: 1px; text-decoration:none; color: #ffffff;">Tips Trik Blog</a> clo sudah SAVE template sobat.. dan lihat hasilnya.. |
Tips Trik Blogs: Cara Membuat Daftar Isi di Blog Posted: 24 Jun 2011 08:04 PM PDT Tips Trik Blog kali ini akan membahas bagaimana cara membuat sebuah daftar isi di Blog sobat seperti yang ada di Wordpress, tapi ini khusus untuk platform Blogger. Fungsinya adalah untuk memudahkan visitor melihat content apa saja yang ada didalam blog sobat. Caranya sangat mudah: Sobat hanya perlu membuat postingan baru, lalu saat menulis postingan sobat pilih Edit HTML, jadi bukan yang "compose".. Lalu sobat copy dan pastekan script dibawah postingan sobat. <script style="" src="http://yourjavascript.com/21257612541/daftarisi.js"></script><br /><script src="http://www.ALAMAT-BLOG-SOBAT/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> jangan lupa untuk mengubah "ALAMAT-BLOG-SOBAT" dengan alamat blog sobat.. clo sudah, tinggal sobat Publish hasil copian script tadi.. maka munculnya kira-kira akan seperti ini. |
Posted: 24 Jun 2011 08:04 PM PDT |
Tips Trik Blogs: Cara Membuat Judul Bar (Title Bar) Berjalan di Blog Posted: 24 Jun 2011 01:10 AM PDT Sebelumnya sobat tentunya sudah mengetahui apa itu Judul Bar (Title Bar)? yups, judul bar (Title Bar) ini letaknya ada di paling atas tab web browser, berisi mengenai judul Blog/situs. Tips Trik Blog kali ini akan membahas bagaimana caranya membuat Title bar bergerak. Pertama, sobat login terlebih dahulu ke akun blogger sobat masing-masing. lalu masuk ke menu rancangan - pilih elemen halaman Pilih add gadgets - Lalu pilih HTML/Javascript. kemudian masukkan script berikut ini: <script type="text/javascript"> //Created by Title bar Maker (http://www.fadlypuccino.co.cc/) function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(8); tb8_messages[0] = "WELCOME to My Blog"; tb8_messages[1] = "Please Leave a Comment"; tb8_messages[2] = "Thank's for visiting"; tb8_messages[3] = "This May Be Useful"; tb8_messages[4] = "Don't Forget To Follow..!!!"; tb8_messages[5] = "Follow Me On Twitter Too..!!!"; tb8_messages[6] = "OK...!!!"; tb8_messages[7] = "Come Back Anytime...!!!"; tb8_rptType = 'infinite'; tb8_rptNbr = 10; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() //edit by http://www.fadlypuccino.co.cc </script> Tentunya kata-kata diatas bisa diubah sesuai keinginan sobat. clo sudah tinggal sobat SAVE / SIMPAN, dan lihatlah hasilnya. Title Bar sobat akan berjalan dan berubah-ubah. clo mau yang lebih banyak versinya.. mampir kesini aja.. Title Bar Maker.. Ditunggu komentarnya.. |
You are subscribed to email updates from Tips Trik Blogs To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Jangan Lupa Jempolnya :