Recommended Post Slide Out For Blogger

Senin, 11 Juni 2012

Membuat Link dan Judul Postingan Warna Warni / Pelangi

| |
Membuat link warna warni di blog >> Membuat link warna warni di blog, ini sebenarnya sudah pernah saya tulis di infonetmu dulu di cara membuat efek pelangi pada link blog,,tapi saya share lagi yah dengan keyword yang baru yaitu Membuat link warna warni di blog, agar link blog kamu berkedip atau berwarna-warni waktu mouse atau pointer kamu diarahkan ke link blog kamu caranya cukup mudah, tinggal tambahkan kode script aja gan.


Membuat link warna warni di blog,berkedip,berwarna-warni,pelangi
Membuat link warna warni di blog

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode </head>
5.kalau sudah ketemu letakkan script ini tepat dibawahnya:

<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>
atau anda juga bisa pilih script dibawah ini,cukup masukkan add widget-html dan save di blogmu:

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>
Selamat Mencoba :D

0 komentar:

Posting Komentar

Labels

Tips n Trick (41) tutorial blog (37) Software (20) Tips Blogging (20) RF PrivateServer (17) tutorial (17) Information (14) Tips Blog (14) tips (14) Blogger (13) blog (12) Free Domain (10) Wordpress (10) Games (8) facebook (8) tools (6) tutorial facebook (6) About SEO (5) Movie (5) Skin RF Online (5) media sosial (5) Operation System (4) Webdesign (4) iklan (4) komentar (4) news (4) video (4) custom domain (3) internet tools (3) script (3) youtube (3) Google Apps (2) back to top (2) custom domain 2012 (2) domain (2) domain gratis (2) emoticon (2) facebook chat (2) hacking (2) internet (2) intuit (2) photoshop (2) science (2) time line (2) widget (2) Block Quote (1) CPM (1) Google Drive (1) Lirik Lagu (1) Popads (1) Sail Komodo 2013 (1) Winrar (1) Wisata Indonesia (1) adsense (1) alternatif adsense (1) animal (1) anti copas (1) aplikasi portable (1) backup template (1) berita nasional (1) chat (1) cinta Indonesia (1) convert (1) custom (1) data backup (1) dofollow (1) domain.com (1) event Indonesia (1) feedburner (1) feedburner. subscribe (1) form contact us (1) foto (1) gambar berjalan (1) google insight (1) google plus (1) hosting (1) hosting gratis (1) lebaran (1) marquee text (1) media player (1) musik (1) next page (1) nofollow (1) open source (1) pasang lagu (1) pesawat (1) pilkada (1) pramugari (1) search (1) seo (1) shukoi (1) simbol (1) tabel (1) tampilan blogger baru (1) teks berjalan (1) template (1) tombol like (1) top ranking 1 google (1) top ranking di halaman 1 Google (1) twitter (1) unfriend (1) upload template (1)

attribut