SAPUTRA DESAIN INTERIOR: 2013

2013/03/14

Lirik Lagu Dewa 19 – Pupus Lyrics

Aku tak mengerti … apa yang kurasa,
Rindu yang tak pernah … begitu hebatnya
Aku mencintaimu lebih dari yang kau tahu …
Meski kau tak akan pernah tahu

Aku persembahkan … hidupku untukmu,
Telah kurelakan … hatiku padamu,
Namun kau masih bisu … diam seribu bahasa
Dan hati kecilku bicara …

Baru kusadari …
Cintaku bertepuk sebelah tangan
Kau buat remuk seluruh hatiku …

Semoga waktu akan mengilhami sisi hatimu yang beku,
Semoga akan datang keajaiban, hingga akhirnya kaupun mau

Aku mencintaimu
Lebih dari yang kau tahu …
Meski kau tak kan pernah tahu

2013/02/12

Cara membuat tulisan berjalan mengikuti cursor pada blog

Cara membuat tulisan berjalan mengikuti cursor pada blog adalah salah satu dari trick mempercantik Blog, karna bisanya kalau cursornya ada tulisan yang mengikuti nya itu akan membuat pengunjung betah,
tahu gak kenapa ??

karna memungkinkan pengunjung untuk memainkan cursor pada blog yang ada tulisan yang menikuti nya
#jhahahaaa pengalaman heheheee

saya tau pasti dalam fikiran anda terhadap saya begini
"ini pemilik blog banyak basa basinya lama banget bikin gue kesel"

hehheee bener gak ??

ya udah kalau emang begitu kita langsung sajah masuk ke tutorialnya

Login ke Blogger (Dasboard)
KLIK Rancangan/Design
kemudian menuju Elemen Laman
Klik add Gadget
pilih HTML/javascript
copy paste script di bawah ini
simpan/save<style type='text/css'>

#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'calligraffitti', verdana, arial;
color: #0000ff;
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(){
// Your message here (QUOTED STRING)
var msg = "WIRAUSAHAWAN KECIL";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// Stop Editing //////////////////////
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>

Catatan:
*ganti tulisan WIRAUSAHAWAN KECIL
dengan tulisan yang anda inginkan

Membuat Tulisan/Teks Berjalan Di Blog

Terkadang kita melihat blog sering dihiasi sebuah teks yang dapat berjalan atau sering disebut teks marque.teks berjalan tersebut dapat bergerak kekanan kekiri maupun keatas kebawah .efek tulisan semacam ini bisa dibuat dengan mudah ,berikut caranya:

Login dahulu ke Blogger
Kemudian klik Tata Letak dan Elemen Halaman
Ketika sudah berada di Elemen Halaman klik Tambah Gadget
Lalu pilih HTML/JavaScript
Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1.Teks berjalan dari kanan ke kiri

kode :<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2.Teks berjalan dari kiri ke kanan

kode :<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. Teks berjalan bolak balik

kode :<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

4. Teks berjalan dari atas ke bawah

kode : <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan dari bawah ke atas

kode : <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

6. Teks berjalan mondar-mandir

kode : <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

7. Teks berjalan zig-zag nembus

kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

8. Teks berjalan zig-zag mantul

kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

SAPUTRA DESAIN INTERIOR

2013/03/14

Lirik Lagu Dewa 19 – Pupus Lyrics

2013/02/12

Cara membuat tulisan berjalan mengikuti cursor pada blog

Membuat Tulisan/Teks Berjalan Di Blog

Translate

Widget Stastisik