Membuat Efek Warna Pada Link Blogger

Jumpa lagi sobat  pada kesempatan kali ini. disini saya juga ingin berbagi tentang membuat efek wana pada link blog walaupun mungkin artikel ini sudah banyak dipost pada sahabat blogger-blogger kita yang lain namun tidak ada salahnya saya post kembali guna memberikan kemudahan bagi sahabat kita yang lain khususnya bagi mereka yang membutuhkan. nah, jadi membuat efek warna pada link adalah salah satu seni daripada blog contohnya cobah simpan cursor anda pada mana-mana link diblog ini"! maka ketika anda mengarahkan cursor tersebut akan muncul efek-efek warna atau biasa disebut efek pelangi.

Jika minat copy codenya lalu paste dibawah code  </head>

caranya : Log in terlebih dahulu pada accaound blog anda

Masuk kehalaman dashboard lalu klic desain kemudian pilih edit HTML selanjutnya beri tanda centang pada kotak kecil expand widget Kemudian cari code

 </head>  

gunakan Ctrl+f untuk memudahkan pencarian, tekan Ctrl+f dan masukkan code diatas pada cotak maka akan muncul code yang anda cari biasanya ditandai wanra orange. selanjutnya 

Copy code dibawah ini lalu paste dibawah code tadi,yaitu  </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>

Lalu Simpan Or SAVE


Oya, jika sukses ucapkan alhamdulillah.....selamat mencobah sobat

Baca Selengkapnya »

Cara Memasang Iklan Nuffnang Pada Blogger

Selamat sore saya ucapakan kepada penbaca artikel ini, oke kali ini saya ingin berbagi tentang cara memasang iklan nuffnang di blogger adapun tujuan memasang iklan nuffnang pada blogger anda bisa membaca dengan lengkap setelah anda daftar disana. sebelum anda memasang iklan nuffnang alangkah baiknya anda cermati video dibawah ini supaya lebih mudah memahami.

Setidaknya anda sudah bisa memahami sedikit  penjelasan video diatas oke saya tambahkan sedikit
Nah, setelah anda melengkapi (data-data ) semuanya, silahkan klic Add Ads, selanjutnya akan muncul seperti gambar berikut ini



dihalaman tersebut atau disamping gambar diatas anda akan mendapati  seperti gambar dibawah ini

dibawah gambar ini anda akan mendapatkan bererapa contoh laman web,seperti gambar berikut





jika anda menggunakan blogger.com, silahkan klic butang imej blogger diatas untuk melihat cara memasang tutorial iklan tersebut.

selanjutnya setelah anda pasang iklan tersebut pada Edit HTML dan JavaScrips
Klic PREAVIEW untuk melihat hasilnya. untuk Edit HTML jika tidak error klic SAVE  contoh gambar dibawah ini berhasil


Oke, silahkan dicobah sendiri sobat'

Baca Selengkapnya »

Membuat Judul Blog Berjalan

Mau Juga ya membuat judul blog berjalan, kren kan? "kalau yang ini sobat", kayaknya kagak perlu penjelasan kalau mau lansung aja copy code berikut ini dan pastikan anda log in terlebih dahulu diblognya lalu pilih edit HTML, jangan lupa beri tanda centang pada kotak kecil (expand template widget) lihat gambar
 
selanjutnya cari code

<title><data:blog.pageTitle/></title>


Kemudian Letakkan code berikut ini setelah atau dibawah code diatas

<script language=’JavaScript’>
var txt=”.::***<data:blog.pageTitle/>***::. “;
var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(“bergerak()”,kecepatan);}bergerak();
</script>

Klic preview untuk melihat hasilnya kalau berhasil klic SAVE
Selamat mencobah sobat

Baca Selengkapnya »