Selasa, 03 Desember 2013
Ladies Fashion Trendly
Tren Fashion Kulit Di Musim Hujan, Cool And Glossy

Pakaian dengan bahan kulit memberikan impact yang mengangkat penampilan Anda sehingga nampak berwibawa. Dan yang paling menyenangkan adalah, gaya pakaian dengan menggunakan bahan kulit lebih mudah dipadupadankan dengan berbagai item fashion.
Fashion style dengan menggunakan kulit memiliki karakter yang lebih tangguh, klasik, namun juga membuat Anda terlihat modern. Nah, berikut ini beberapa tips fashion yang bisa jadi alternatif bila Anda menggunakan pakaian dari bahan kulit.
Jaket Kulit
Bila Anda ingin memiliki jaket kulit, ada 2 gaya yang kami rekomendasikan. Gaya yang lebih santai dengan model kerah yang bisa disesuaikan dengan kebutuhan Anda dan satu lagi gaya jaket yang mirip dengan blazer. Dengan dua gaya jaket jeans ini, Anda bisa mendapatkan berbagai gaya. entah jaket sebagai main style Anda atau sebagai outer.
Gaya Yang Maskulin
Mungkin beberapa dari Anda yang menyukai gaya unisex tak masalah dengan hal ini. Namun bila Anda bukan pecinta gaya androginy, akan lebih baik bila Anda menambahkan ikon yang lebih feminin seperti menggunakan syal atau menjadikan jaket kulit Anda luaran dari mini maupun maxi dress. Bisa juga menggunakan outer sepanjang paha hingga lutut bila Anda menggunakan celana kulit.
Sepatu? Platform
Kami sarankan Anda menggunakan sepatu kulit dengan low heels atau platform. Bisa menggunakan wedges maupun sepatu heels yang glossy. Mengapa harus ada beberapa cm sol atau heels tambahan dalam penampilan Anda? Well, hanya untuk memberikan postur yang lebih meyakinkan ketika menggunakan pakaian kulit seperti ini.
Clutch Kulit
Kami menyarankan clutch atau tas dengan tali panjang yang lebih ringkas. Anda sudah membawa aura yang positif saat menggunakan pakaian dari bahan kulit, so, buat penampilan Anda lebih sederhana dan tak berlebihan dengan memilih tas dengan model mewah seperti clutch atau tas kecil. Tak harus glossy, Anda bisa menggunakan tas dengan warna yang semi matte.
Pernik Etnik
Berikan sentuhan yang lebih antik dengan menggunakan gelang kulit. Atau Anda juga bisa menggunakan jam tangan kulit agar terlihat lebih berwibawa. Kini, Anda bisa melalui hari dengan langkah yang lebih meyakinkan. Bila Anda mencari gaya yang praktis untuk musim hujan, pilihlah gaya fashion ringkas seperti gaya kulit ini. Selamat mencoba, Ladies. (int)
HairStyle
Agar Rambut Tebal Terlihat Tipis

1. Mintalah hairdresser untuk memotong
rambut Anda menggunakan gunting untuk menipiskan. Gunting seperti ini
memiliki tepi yang bergerigi, dengan satu sisi terlihat seperti sisir,
dan hanya memotong sekitar 15 persen dari rambut dalam sekali guntingan.
Dengan cara ini helaian-helaian rambut juga akan terurai dengan baik,
dan rambut bisa terpangkas dengan panjang yang berbeda.
Pisau cukur juga dapat memotong sejumlah
rambut secara terukur. Anda bisa mengambil pisau cukur, lalu menyapu
rambut dari atas ke bawah (pegang bagian ujung rambut untuk memberi
tekanan pada rambut). Sejumlah rambut yang dipotong dengan pisau cukur
tidak akan terpotong rata seluruhnya, sehingga rambut akan terlihat
menipis sebagian. Cobalah menggenggam ujung rambut dengan tekanan yang
berbeda-beda, lalu sapukan lagi pisau cukur ke rambut dari atas ke
bawah.
3. Rambut yang kering biasanya akan
terlihat dan terasa lebih tebal daripada rambut yang lembab. Karena itu,
gunakan produk perawatan rambut yang menggunakan pelembab, seperti
conditioner, hair gel, atau gunakan shampo untuk rambut kering dan
rusak, untuk membantu memberikan kesan lebih tipis.
4. Potonglah rambut dengan memberikan
layer atau tekstur. Jenis guntingan rambut lain juga dapat memberikan
penampilan rambut yang lebih tippis. Untuk solusi terbaik, mendingan
Anda menyerahkan saja pada hairdresser.
Panjangkan dulu rambut Anda, karena akan
menambah berat rambut dan memberikannya kesan yang lebih tipis. Jika
dipangkas pendek, rambut justru akan terlihat lebih mekar dan tebal.
Tampil Cantik Itu Perlu
10 Langkah Rambut Smoothing-mu Tetap Sehat dan Berkilau

Sayangnya, kalau terlalu sering
di-smoothing, rambut kita jadi rusak, gampang patah, dan terlihat kusam.
Nah, supaya tetap indah dan lembut, topik wanita akan memberikanmu tips
merawat rambut smoothing-mu. Dengan melakukan 10 langkah ini, nikmati
rambut lurusmu Smooth Hair yang halus dan berkilau sempurna, girls!
1. Setelah smoothing, biarkan rambut apa
adanya selama tiga hari. Jangan keramas, obat yang masih bekerja pada
rambut akan hilang.
2. Lewat tiga hari, lakukan hair mask (masker rambut) untuk memberi vitamin agar kesehatan rambut tetap terjaga.
3. Setelah melakukan hair mask, kamu
sudah bisa keramas dua kali seminggu dengan menggunakan sampo biasa dan
kondisioner. Usapkan kondisioner ke seluruh rambut, terutama ke bagian
ujung rambut.
4. Selesai keramas, jangan mengeringkan rambut dengan hair dryer. Cukup ditekan-tekan dengan handuk untuk menjaga kelembapannya.
5. Lakukan trim pada rambutmu minimal satu bulan sekali agar terbebas dari ujung-ujung rambut yang mulai kasar.
6. Sisir rambut kamu dengan sisir
bergigi jarang agar nggak mudah rontok, jangan lupa memakai anti-frizz
spray atau anti-frizz oil untuk melembapkan rambut dan mencegah rambut
kusut.
7. Kalau mau mencatok rambut agar lebih
lurus, pakailah hair moisturizer (pelembap rambut). Namun, lebih baik
lagi jika kamu nggak terlalu sering mencatok rambut supaya rambutmu
nggak cepat kering dan rusak.
8. Hindari mengikat rambut atau menjepitnya, karena akan meninggalkan bekas bergelombang yang sulit untuk diluruskan kembali.
9. Usahakan untuk melakukan perawatan hair mask seminggu sekali secara teratur—bisa dilakukan di rumah atau salon.
10. Jangan mengecat rambut yang baru di-smoothing. Tunggulah sampai 3 bulan hingga rambut kamu lebih sehat dan normal.
Minggu, 01 Desember 2013
Cara menambahkan Buku Tamu Di Blog
Cara Membuat Buku Tamu Pada Blogspot
Cara Membuat Buku Tamu - Buku Tamu
adalah sarana untuk menjalin komunikasi antara pengunjung. Dengan
mempunyai buku tamu maka kita bisa memantau kunjungan maupun saling
berbagi sapa. Sebenarnya trik ini sudah lama ada. Tetapi karena ada
beberapa sahabat yang memintanya, berikut saya kasih trik untuk membuat buku tamu yang mempunyai efek floating.
Berikut adalah caranya :
1. Login ke dashboard Blogger sobat
2. Tambahkan sebuah gadget. Pilih HTML/JavaScript
3. Masukkan coding berikut ini
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe2W8p-C2ShtKs2xJGhm2m02CRAA_KnnC74EU7lj7-pidJXxt6MTApXKG1YnsmWnq5Zc8mBFvCI4t4PabubHRgNgV2sceiwtrlq75egeQKyjWpn_w5x_f_mBVeWIkRH76lxgZmxrLSme_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu sobat -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe2W8p-C2ShtKs2xJGhm2m02CRAA_KnnC74EU7lj7-pidJXxt6MTApXKG1YnsmWnq5Zc8mBFvCI4t4PabubHRgNgV2sceiwtrlq75egeQKyjWpn_w5x_f_mBVeWIkRH76lxgZmxrLSme_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu sobat -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
4. Simpan lalu lihat hasilnya
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Langganan:
Postingan (Atom)
Follow My Twitter
Etiquetas
About Me
- Unknown
Tulisan Melingkar
Ladies Fashion Trendly
Tren Fashion Kulit Di Musim Hujan, Cool And Glossy

Pakaian dengan bahan kulit memberikan impact yang mengangkat penampilan Anda sehingga nampak berwibawa. Dan yang paling menyenangkan adalah, gaya pakaian dengan menggunakan bahan kulit lebih mudah dipadupadankan dengan berbagai item fashion.
Fashion style dengan menggunakan kulit memiliki karakter yang lebih tangguh, klasik, namun juga membuat Anda terlihat modern. Nah, berikut ini beberapa tips fashion yang bisa jadi alternatif bila Anda menggunakan pakaian dari bahan kulit.
Jaket Kulit
Bila Anda ingin memiliki jaket kulit, ada 2 gaya yang kami rekomendasikan. Gaya yang lebih santai dengan model kerah yang bisa disesuaikan dengan kebutuhan Anda dan satu lagi gaya jaket yang mirip dengan blazer. Dengan dua gaya jaket jeans ini, Anda bisa mendapatkan berbagai gaya. entah jaket sebagai main style Anda atau sebagai outer.
Gaya Yang Maskulin
Mungkin beberapa dari Anda yang menyukai gaya unisex tak masalah dengan hal ini. Namun bila Anda bukan pecinta gaya androginy, akan lebih baik bila Anda menambahkan ikon yang lebih feminin seperti menggunakan syal atau menjadikan jaket kulit Anda luaran dari mini maupun maxi dress. Bisa juga menggunakan outer sepanjang paha hingga lutut bila Anda menggunakan celana kulit.
Sepatu? Platform
Kami sarankan Anda menggunakan sepatu kulit dengan low heels atau platform. Bisa menggunakan wedges maupun sepatu heels yang glossy. Mengapa harus ada beberapa cm sol atau heels tambahan dalam penampilan Anda? Well, hanya untuk memberikan postur yang lebih meyakinkan ketika menggunakan pakaian kulit seperti ini.
Clutch Kulit
Kami menyarankan clutch atau tas dengan tali panjang yang lebih ringkas. Anda sudah membawa aura yang positif saat menggunakan pakaian dari bahan kulit, so, buat penampilan Anda lebih sederhana dan tak berlebihan dengan memilih tas dengan model mewah seperti clutch atau tas kecil. Tak harus glossy, Anda bisa menggunakan tas dengan warna yang semi matte.
Pernik Etnik
Berikan sentuhan yang lebih antik dengan menggunakan gelang kulit. Atau Anda juga bisa menggunakan jam tangan kulit agar terlihat lebih berwibawa. Kini, Anda bisa melalui hari dengan langkah yang lebih meyakinkan. Bila Anda mencari gaya yang praktis untuk musim hujan, pilihlah gaya fashion ringkas seperti gaya kulit ini. Selamat mencoba, Ladies. (int)
HairStyle
Diposting oleh
Unknown
| |
Label:
Dunia Remaja
Agar Rambut Tebal Terlihat Tipis

1. Mintalah hairdresser untuk memotong
rambut Anda menggunakan gunting untuk menipiskan. Gunting seperti ini
memiliki tepi yang bergerigi, dengan satu sisi terlihat seperti sisir,
dan hanya memotong sekitar 15 persen dari rambut dalam sekali guntingan.
Dengan cara ini helaian-helaian rambut juga akan terurai dengan baik,
dan rambut bisa terpangkas dengan panjang yang berbeda.
Pisau cukur juga dapat memotong sejumlah
rambut secara terukur. Anda bisa mengambil pisau cukur, lalu menyapu
rambut dari atas ke bawah (pegang bagian ujung rambut untuk memberi
tekanan pada rambut). Sejumlah rambut yang dipotong dengan pisau cukur
tidak akan terpotong rata seluruhnya, sehingga rambut akan terlihat
menipis sebagian. Cobalah menggenggam ujung rambut dengan tekanan yang
berbeda-beda, lalu sapukan lagi pisau cukur ke rambut dari atas ke
bawah.
3. Rambut yang kering biasanya akan
terlihat dan terasa lebih tebal daripada rambut yang lembab. Karena itu,
gunakan produk perawatan rambut yang menggunakan pelembab, seperti
conditioner, hair gel, atau gunakan shampo untuk rambut kering dan
rusak, untuk membantu memberikan kesan lebih tipis.
4. Potonglah rambut dengan memberikan
layer atau tekstur. Jenis guntingan rambut lain juga dapat memberikan
penampilan rambut yang lebih tippis. Untuk solusi terbaik, mendingan
Anda menyerahkan saja pada hairdresser.
Panjangkan dulu rambut Anda, karena akan
menambah berat rambut dan memberikannya kesan yang lebih tipis. Jika
dipangkas pendek, rambut justru akan terlihat lebih mekar dan tebal.
Tampil Cantik Itu Perlu
Diposting oleh
Unknown
| |
Label:
Dunia Remaja
10 Langkah Rambut Smoothing-mu Tetap Sehat dan Berkilau

Sayangnya, kalau terlalu sering
di-smoothing, rambut kita jadi rusak, gampang patah, dan terlihat kusam.
Nah, supaya tetap indah dan lembut, topik wanita akan memberikanmu tips
merawat rambut smoothing-mu. Dengan melakukan 10 langkah ini, nikmati
rambut lurusmu Smooth Hair yang halus dan berkilau sempurna, girls!
1. Setelah smoothing, biarkan rambut apa
adanya selama tiga hari. Jangan keramas, obat yang masih bekerja pada
rambut akan hilang.
2. Lewat tiga hari, lakukan hair mask (masker rambut) untuk memberi vitamin agar kesehatan rambut tetap terjaga.
3. Setelah melakukan hair mask, kamu
sudah bisa keramas dua kali seminggu dengan menggunakan sampo biasa dan
kondisioner. Usapkan kondisioner ke seluruh rambut, terutama ke bagian
ujung rambut.
4. Selesai keramas, jangan mengeringkan rambut dengan hair dryer. Cukup ditekan-tekan dengan handuk untuk menjaga kelembapannya.
5. Lakukan trim pada rambutmu minimal satu bulan sekali agar terbebas dari ujung-ujung rambut yang mulai kasar.
6. Sisir rambut kamu dengan sisir
bergigi jarang agar nggak mudah rontok, jangan lupa memakai anti-frizz
spray atau anti-frizz oil untuk melembapkan rambut dan mencegah rambut
kusut.
7. Kalau mau mencatok rambut agar lebih
lurus, pakailah hair moisturizer (pelembap rambut). Namun, lebih baik
lagi jika kamu nggak terlalu sering mencatok rambut supaya rambutmu
nggak cepat kering dan rusak.
8. Hindari mengikat rambut atau menjepitnya, karena akan meninggalkan bekas bergelombang yang sulit untuk diluruskan kembali.
9. Usahakan untuk melakukan perawatan hair mask seminggu sekali secara teratur—bisa dilakukan di rumah atau salon.
10. Jangan mengecat rambut yang baru di-smoothing. Tunggulah sampai 3 bulan hingga rambut kamu lebih sehat dan normal.
Cara menambahkan Buku Tamu Di Blog
Cara Membuat Buku Tamu Pada Blogspot
Cara Membuat Buku Tamu - Buku Tamu
adalah sarana untuk menjalin komunikasi antara pengunjung. Dengan
mempunyai buku tamu maka kita bisa memantau kunjungan maupun saling
berbagi sapa. Sebenarnya trik ini sudah lama ada. Tetapi karena ada
beberapa sahabat yang memintanya, berikut saya kasih trik untuk membuat buku tamu yang mempunyai efek floating.
Berikut adalah caranya :
1. Login ke dashboard Blogger sobat
2. Tambahkan sebuah gadget. Pilih HTML/JavaScript
3. Masukkan coding berikut ini
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe2W8p-C2ShtKs2xJGhm2m02CRAA_KnnC74EU7lj7-pidJXxt6MTApXKG1YnsmWnq5Zc8mBFvCI4t4PabubHRgNgV2sceiwtrlq75egeQKyjWpn_w5x_f_mBVeWIkRH76lxgZmxrLSme_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu sobat -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQe2W8p-C2ShtKs2xJGhm2m02CRAA_KnnC74EU7lj7-pidJXxt6MTApXKG1YnsmWnq5Zc8mBFvCI4t4PabubHRgNgV2sceiwtrlq75egeQKyjWpn_w5x_f_mBVeWIkRH76lxgZmxrLSme_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu sobat -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
4. Simpan lalu lihat hasilnya
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
Cara membuat teks bergerak melingkar
mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal
dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar
mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan
ditampilkan dapat diatur sesuai keinginan.
Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpufYang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";
/* 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 = 24;
// 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.4;
// 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;
////////////////////// 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>
Keterangan:
Ganti teks Welcome to my blog! dengan teks yg anda inginkan
Copy script di atas ke gadget html/javascript.
Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail
Langganan:
Postingan (Atom)
Social Icons
Social Icons
Featured Posts
Welcome
Lencana Facebook
Blog Archive
Followers
Popular Posts
-
Tutorial photoshop manipulasi objek merubah warna rambut pada foto / gambar Cara merubah warna pada rambut / manipulasi objek pada phot...
-
Tren Fashion Kulit Di Musim Hujan, Cool And Glossy Ladies , musim hujan sudah tib...
-
PRAMUKA PENEGAK Penegak adalah sebuah golongan setelah pramuka penggalang. Anggota pramuka Penegak berusia dari 16-19 tahun. Dis...
-
Cara Membuat Buku Tamu Pada Blogspot Cara Membuat Buku Tamu - Buku Tamu adalah sarana untuk menjalin komunikasi antara pe...
-
Kenapa Kamu Nggak Bisa Move On? Judul artikel di atas mungkin terngiang-ngiang di telinga kamu-kamu. Sebenernya penulis artikel in...
-
Menghilangkan suara vocal file mp3 dengan cool edite pro 2.1 Okkke buat anda yang suka dengan musik tentunya tidak asing dengan cool e...
-
Pengertian Kamera SLR Kamera SLR (single-lens reflex) atau Kamera refleks lensa-tunggal adalah kamera yang menggunakan ...
-
10 Langkah Rambut Smoothing-mu Tetap Sehat dan Berkilau Saat ini kita hampir nggak bisa meninggalkan kegiatan ...
-
Cara Mengganti atau Merubah Wajah Melalui Photoshop Memanipulasi photo dengan merubah wajah orang lain. 1. Siapkan 2 buah foto. F...
-
Agar Rambut Tebal Terlihat Tipis Apakah anda memiliki rambut tebal sulit di atur? Apakah Anda menginginkan ram...