Fadlypuccino Blogs



Fadlypuccino Blogs


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.

Daftar Isi

Posted: 24 Jun 2011 08:04 PM PDT





Mau tau cara buat daftar isi seperti diatas?
Baca ini Cara Membuat Daftar Isi Blogger

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


Jangan Lupa Jempolnya :


 

Dibutuhkan Bulan ini :

Paling Dibutuhkan :

Dibutuhkan Minggu Ini

© 2011 tutorial blogger indonesia PublisedSeo Template Blogger Converted Template by Hack Tutors.info