cara Membuat Link Kelap Kelip Warna Warni

Membuat Link Kelap Kelip Warna Warni 

MembuatLink Kelap Kelip Warna Warni

Posting kali ini saya akan menulis cara Membuat Link Kelap Kelip Warna Warni supaya blog anda klihatan lebih bagus dan menarik.

Langsung aja jika anda ingin Link Sobat Kelap Kelip Warna Warni silahkan ikuti cara caranya :

1. Login ke Blogger Dengan Google Akun Anda

2. Jika sudah di Dashboard Pergi Ke Rancangan »

3. Edit HTML Contreng kolom "Expand Template Widget"

4. Cari kode ini </head>

5. Kemudian copy paste kode di bawah ini tepat di bawah</head> 

Kodenya bisa anda lihat di bawah ini:

<script src='http://tobadak.googlecode.com/files/linkberkedip.js'/>

6. Lalu Simpan dan lihat hasilnya. tapi ingat, kalo anda ganti templet diulang lagi cara yang diatas karna Blog yang ganti Templet Linknya biasa lagi tidak Kelap Kelip Warna Warni

Nb:link akan berkelap kelip jika di sentuh oleh panah mouse

Cara Membuat Tulisan Mengikuti Kursor di Blog

Cara Membuat Tulisan Mengikuti Kursor di Blog

 - Cara/trik mudah membuat tulisan bergerak mengikuti arah cursor di blog atau cara agar tulisan bisa mengikuti cursor di blog atau cara menjadikan tulisan mengikuti pergerakan cursor pada blog.

Hai sobat semua..
Pada kesempatan yang ini saya akan posting artikel mengenai cara mengatur/mengedit tulisan agar mengikuti kursor di blog.Mungkin sudah banyak sekali blogger yang membahas tutorial ini, tapi tidak apa-apa, saya pun akan mencoba menshare nya dengan cara yang berbeda karena tentunya sudah saya olah menggunakan bahasa saya sendiri.Menurut saya, tujuan dari pembuatan ini hanyalah untuk mempercantik tampilan blog dan membuatnya terlihat berbeda dari yang lainnya. Baiklah, bagi yang tertarik ingin membuatnya, berikut ini langkah-langkah trik membuat teks/tulisan mengikuti gerakan cursor di blog:

1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code berikut ke dalam box HTML/Java Script tadi

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #ff840a;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// (QUOTED STRING)
var msg = "TULISAN YANG INGIN DITAMPILKAN";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// UDAHAN DONG NGEDITNYA..! jangan diteruskan lagi:(..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

NB: Ganti tulisan yang berwarna merah dengan tulisan/teks yang kamu inginkan.
       Juga ganti tulisan warna merah muda atau pink dengan warna yang kamu mau,klik di sini untuk mencari warna
4. Simpan dan lihat hasilnya.

Bagaimana? Mudah sekali bukan? :)
Demikianlah postingan mengenai cara membuat tulisan mengikuti kursor di blog kali ini. Semoga bermanfaat .

Kumpulan Kode Warna

Bagi teman teman yang membutuhkan kode warna,...

Biasanya kode-kode ini digunakan sa'at sedang mengedit warna template atau suatu kode yang ada unsur warnanya. 

Caranya gampang, kamu bisa langsung meng-kopas kode yang tertera, contoh: #FFFFFF (Untuk warna putih).  

Selamat mencari-cari warna:

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
2
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
3
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
4
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
5
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
6
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
7
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

Semoga Bermanfaat 

CARA MEMBUAT SEMUT BERJALAN DI BLOG

                                

            

Hai sahabat.... kali ini saya akan berbagi ke pada anda sebuah trik CARA MEMBUAT SEMUT BERJALAN DI BLOG

http://seputarblogin.blogspot.com/

Mungkin anda sudah tau atau sudah melihat sebuah Animasi semut berjalan di blog orang lain dan mungkin anda terheran-heran ko bisa semut ada di komputer kita dan mungkin parah nya anda berniat untuk mengambil semut itu dan tidak bisa-bisa hehehehe oke deh langsung saja  jika anda  ingin menghias blog anda dengan animasi semut berjalan dan membuat blog anda berbeda dengan yang lain dan mungkin akan terlihat unik dari blog yang lain-lain nya oke saya akan memberikan cara bagaimana memasang nya silahkan anda simak saja di bawah apa yang anda harus lakukan.

Klik tata letak

tambah gadget

Pilih HTML/java script

Lalu Masukan kode script nya di html/java script

<div style="display:scroll; position:fixed; top:150px; center:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

jika anda sudah mengikuti langkah-langkah di atas silahkan anda simpan dan lihat hasil nya

mungkin sekian trik dari saya jika anda masih bingung bagaimana membuat nya silahkan anda komentar saja di bawah.Bila tidak kode tidak bekerja...harap hubungi tinggalkan komentar....:)

Di cukupkan sekian trik "CARA MEMBUAT SEMUT BERJALAN DI BLOG"terimakasih 

CARA MEMBUAT TULISAN BERJALAN ( MARQUEE )

CARA MEMBUAT TULISAN BERJALAN ( MARQUEE )

Tulisan Berjalan - Seperti yang banyak kita temui di acara tv adalah marquee. Disebut demikian karena menggunakan kode html marquee. Tulisan berjalan memang membuat tampilan blog menjadi lebih menarik, menjadikan text yang menjadi pusat perhatian .


Ada beberapa model yang dapat dihasilkan dari marquee, Disini saya akan mencoba untuk membuat beberapa model tulisan bejalan atau teks berjalan di blog dengan menggunakan kode html marquee.

Script yang pertama :  <marquee>TEXT BERJALAN</marquee>
TEXT BERJALAN

Script yang kedua : <marquee loop"5"> TEXT BERJALAN AKAN BERULANG 5x  </marquee> , jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar

TEXT BERJALAN AKAN BERULANG 5X

Script yang ketiga : <marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>
TEXT BERJALAN LATAR MERAH
Latar Belakang Bisa di ubah ke warna apa saja sesuai ke'inginan


Script yang keempat : <marquee width="50%">TEXT BERJALAN DALAM 50% MEDIA</marquee>
TEXT BERJALAN DALAM 50 % MEDIA
Marquee tambahan : <marquee direction="right" width="50%"> Marquee bejalan 50 % ke kiri</marquee>
TEXT BERJALAN DALAM 50 % MEDIA


Script yang kelima : <marquee scrollamount="10">TEXT BERJALAN DENGAN KECEPATAN 10</marquee>
TEXT BERJALAN DENGAN KECEPATAN 10

Script yang keenam : <marquee direction="right">TEXT BERJALAN KE KANAN</marquee>

TEXT BERJALAN KE KANAN

Script yang ketujuh : <marquee behavior="alternate">TEXT BERJALAN BOLAK BALI</marquee>
TEXT BERJALAN BOLAK BALIK

Script yang kedelapan: <marquee direction="down" height="75">TEXT BERJALAN KE BAWAH</marquee>
TEXT BERJALAN KE BAWAH

Script yang kesembilan : <marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN TUNGGU MOUSE</marquee>
TEXCT BERJALAN TUNGGU MOUSE

Script yang kesepuluh : <marquee scrolldelay="300">TEXT BERJALAN DELAY 0.3 DETIK</marquee>
TEXT BERJALAN DELAY 0.3 DETIK

Script yang kesebelas : <marquee direction="up" height="100" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5">a href=""http://hengkikristiantoateng.blogspot.com/2013/02/Cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (Marquee)</a></marquee>
CARA MEMBUAT TULISAN BERJALAN (Marquee)

Script yang keduabelas: <marquee style="font-size: 30px;">ukuran teks berjalan 30px</marquee>
ukuran teks berjalan 30px

Script yang  ketigabelas: <marquee style="font-style:italic">tulisan miring berjalan</marquee>
tulisan miring berjalan

Demikianlah cara membuat tulisan bejalan atau cara membuat teks berjalan di blog, semoga bermanfaat, salam blogger.

Terima Kasih Telah Berkunju