Cara Membuat Link Di Ikuti Tulisan Pada Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Mengganti Kursor Di Blog", dan "Cara Membuat Kursor Berubah Saat Menyorot Link", dan Tips kali ini tidak jauh beda dengan Tips sebelumnya yaitu "Cara Membuat Link Di Ikuti Tulisan Pada Blog". OK langsung saja ke langkah-langkahnya.

[1]. Seperti Biasa LogIn Dulu Ke BLOG Kalian.
[2]. Trus dari Dasbor, Cari Tata Letak --> Lalu pilih Add Ganget.
[3]. Kemudian Copy dan Paste-kan Code di bawah ini ke dalamnya.
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'courier', verdana, arial;
color: #ff0000;

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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

;(function(){

var msg = "Selamat Datang di Blog JmK";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = -0.15;
var speed = 0.500;

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>
KETERANGAN :
* Tulisan yang berwarna Biru, ganti dengan Warna Text, Kata-Kata Kalian, dan Ukuran Textnya. Code Warna HTML...??? Klik di SINI.

[4]. Dan terakhir, tinggal di SIMPAN dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermanffat buat Kalian semua, Dan jika ada pertanyaan tentang Tips ini, silahkan Kalian Tuliskan pertanyaan Kalian di Kotak Komentar di bawah.

SALAM BLOGGER INDONESIA.

8 komentar:

Anthzo mengatakan...

Thanks infonya gan, tapi sedikit mengganggu tuh kalau dipasang yang gituan hehe...

Ngurah Jumaika mengatakan...

@Anthzo : Gk jga gan, kan buat mempercantik blog saja. BTW. thank's atas kunjungan dan komentnya gan....

Begy Wahyu Anggara mengatakan...

wiiss keren..

Ngurah Jumaika mengatakan...

@Begy Wahyu Anggara : thank's gan adas kunjungan dan komentarnya...

wayan edi sudarma mengatakan...

gan saya copas tutorial blog na ia,,,

Ngurah Jumaika mengatakan...

@wayan edi sudarma : sialahkan gan, sertakan sumbernya jga ya....

KIM Anyer mengatakan...

good posting... ditunggu jg postingan menarik lainnya

inverter mengatakan...

Bagus gan
Terima kasih atas informasinya dan sukses selalu dalam blognya gan

Posting Komentar