Skip to main content

Cara Membuat Link Warna Warni

Cara Membuat Link Warna Warni - Untuk membuat link warna warni sobat bisa mengikuti langkah-langkah berikut ini.

1. Masuk ke Blogger > Template > Edit HTML.
2. Cari kode </head>. (Gunakan Ctrl + F)
3. Salin kode di bawah ini tepat di atas kode </head>.

<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>
4. Simpan template sobat.
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Memperbanyak Tweet di Twitter

Cara Memperbanyak Tweet di Twitter - Mungkin kalian pernah melihat teman kalian atau orang lain update tweet tapi mereka tidak sedang bermain twitter, dan tweet yang diupdate juga banyak. Kalian pasti bertanya mengapa mereka bisa melakukannya, saya telah menemukan caranya, yaitu dengan twitterfeed. Langsung saja ikuti langkah-langkahnya. Buka Twitterfeed . Buat akun twitterfeed kamu. Setelah selesai membuat akun, klik "Create New Feed". Di kolom "Feed Name" isi saja sesuai dengan keinginanmu. Di kolom "Blog URL or RSS Feed URL" isi dengan url blog kamu atau website yang berisi tentang berita. Masuk ke langkah kedua, klik saja twitter. Langkah terakhir, hubungkan dengan akun twitter kamu dan klik "Create Service". Setelah ada pemberitahuan  Service created successfully  klik "All Done". Mau lihat buktinya? Klik  disini Cara ini juga bisa diterapkan di facebook lho, caranya setelah masuk langkah 6 yang di atas, klik ...
99 comments
Read more

Cara Bermain Mode 2 Player di GTA SA PC

Cara Bermain Mode 2 Player di GTA SA PC  - Bosan main GTA SA cuma sendiri? Ingin main berdua dengan adik/abang atau teman? Mode 2 player memang tidak disediakan dalam GTA SA PC, tapi kita dapat bermain mode 2 player hanya dengan sedikit mod. Sobat hanya butuh keyboard (untuk player 1) dan joystick (untuk player 2). Untuk modnya bisa download di sini . Untuk menemukan lokasi player 2 silahkan lihat video di bawah ini.
18 comments
Read more

Cara Membuat Footer Menjadi 2, 3, 4 Kolom

Cara Membuat Footer Menjadi 4 Kolom  - Beberapa template blog yang kita download dari penyedia template tidak memiliki kolom widget di bagian footer untuk kita menempatkan elemen-elemen blog yang ingin kita letakkan pada bagian tersebut. Untuk itu, kita harus membuat footer tersebut menjadi beberapa kolom, berikut ini langkah-langkahnya. 1. Login Blogger > Template > Edit HTML. 2. Cari kode  ]]></b:skin>. 3. Letakkan kode di bawah ini di atas kode  ]]></b:skin>. #footer-column-divide { clear:both; } .footer-column { padding: 10px; } 4. Setelah itu, cari kode seperti ini. <div id='footer-wrapper'> <b:section class='footer' id='footer' showaddelement='yes'/> </div> atau <div id='footer'> <b:section class='footer' id='footer' showaddelement='yes'/> </div> 5. Setelah ketemu, tambahkan kode di bawah ini setelah kode  ...
14 comments
Read more