Selasa, 03 Desember 2013

Ladies Fashion Trendly



Tren Fashion Kulit Di Musim Hujan, Cool And Glossy

24-11-2013-siantar-06Ladies, musim hujan sudah tiba. Saatnya mencari gaya yang lebih ‘survive’ dari biasanya. Bila kemarin di musim panas kita menggunakan gaya yang banyak menggunakan katun, chiffon dan berbagai bahan yang ringan, kini mari mencoba gaya dengan kulit.
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


Rambut tebal terlihat tipisApakah anda memiliki rambut tebal sulit di atur? Apakah Anda menginginkan rambut tipis? Jangan bingung, rambut tebal terlihat tipis anda bisa miliki, meskipun tak harus mengikis rambut. Model rambut membuat anda tampil cantik dengan gaya yang cocok buat anda, Mari kita baca cara-cara berikut :
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


agar rambut tetap berkilau Saat ini kita hampir nggak bisa meninggalkan kegiatan pelurusan rambut. Dari yang namanya catok sampai smoothing—minimal sekali, kita pasti pernah melakukannya. Smoothing memang membuat rambut kamu jadi halus, lembut, dan terlihat lurus alami.
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>

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf

Follow My Twitter

About Me

Tulisan Melingkar

Ladies Fashion Trendly

| Selasa, 03 Desember 2013 |



Tren Fashion Kulit Di Musim Hujan, Cool And Glossy

24-11-2013-siantar-06Ladies, musim hujan sudah tiba. Saatnya mencari gaya yang lebih ‘survive’ dari biasanya. Bila kemarin di musim panas kita menggunakan gaya yang banyak menggunakan katun, chiffon dan berbagai bahan yang ringan, kini mari mencoba gaya dengan kulit.
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


Rambut tebal terlihat tipisApakah anda memiliki rambut tebal sulit di atur? Apakah Anda menginginkan rambut tipis? Jangan bingung, rambut tebal terlihat tipis anda bisa miliki, meskipun tak harus mengikis rambut. Model rambut membuat anda tampil cantik dengan gaya yang cocok buat anda, Mari kita baca cara-cara berikut :
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


agar rambut tetap berkilau Saat ini kita hampir nggak bisa meninggalkan kegiatan pelurusan rambut. Dari yang namanya catok sampai smoothing—minimal sekali, kita pasti pernah melakukannya. Smoothing memang membuat rambut kamu jadi halus, lembut, dan terlihat lurus alami.
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

| Minggu, 01 Desember 2013 |

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>

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf

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.





<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
- See more at: http://www.komputerseo.com/2010/12/cara-membuat-teks-bergerak-melingkar.html#sthash.2fkmXFoh.dpuf


Social Icons

Social Icons

Featured Posts


Welcome

Blogroll

Visitor Counter

Followers

Popular Posts