Cara Membuat Subdomain di Hosting Berbayar

Oleh Kelas Video Pada 9:50 AM - Tanpa Komentar

Jika sobat mempunyai website/ blog dengan domain sendiri yang tersimpan di hosting berbayar, sobat dapat membuat subdomain sampai jumlah yang diperbolehkan di hosting tersebut. URL (alamat) subdomain akan menjadi namasubdomain.namadomain.com. Contoh, saya mempunyai nama domain utama triyone.com kemudian akan dibuat subdomain dari domain utama dengan nama member. URL subdomain akan menjadi member.triyone.com.

File-file subdomain tersebut akan disimpan di folder yang dipilih saat pembuatan subdomain tersebut misalnya di folder pubic_html/namasubdomain. Cara mengakses subdomain tersebut bisa dilakukan dengan dua cara yakni dengan menulis namadomain.com/namasubdomain atau dengan menulis namasubdomain.namadomain.com. TLD .com disini hanya sekedar contoh karena kenyataannya bisa menggunakan TLD yang lain misalnya .net, .org, .biz, dan TLD (Top Level Domain) lainnya.

Lebih jelas mengenai cara membuat subdomain di hosting berbayar dapat dilihat pada video tutorial di bawah.

Beritahu teman via :

Menampilkan Kursor Animasi pada Blog

Skrip populer kali ini mengenai cara menampilkan kursor animasi di blog. Dengan skrip ini sobat dapat mengganti kursor default menjadi kursor sendiri, yaitu berupa gambar unik atau dengan tambahan objek yang mengikuti pointer mouse. Objek di sekitar pointer mouse tersebut dapat berupa tulisan atau gambar kecil yang umumnya disimpan dalam format file .PNG, .GIF, .ANI, dan .CUR.

Jika format file adalah .GIF, .ANI, dan .CUR, maka gambar kursor dapat dibuat animasi bergerak, tetapi jika gambar kursor dalam format file .PNG atau format lain tanpa animasi gerak, maka dengan bantuan program JavaScript dapat dibuat animasi kursor yang mengikuti pointer mouse.

Di bawah ini saya share tiga cara untuk menampilkan kursor animasi pada blog berupa kursor animasi bintang berjatuhan, tulisan berputar pada kursor, gambar mengikuti pointer mouse, teks berputar mengelilingi pointer mouse, dan mengganti kursor dengan gambar sendir.

Animasi Kursor Bintang Berjatuhan
Skrip ini berfungsi untuk menampilkan animasi bintang berjatuhan ketika mouse digerakan, Caranya sebagai berikut:

1. Login ke Blogger.
2. Masuk ke halaman "Layout" atau Tata Letak.
3. Add Gadget (Tambah Gadget) kemudian pilih HTML/JavaScript.
4. Salin kode berikut dan simpan di jendela tersebut tanpa perlu diberi judul, kemudian simpan.
   

   <script type='text/javascript'> 
   // <![CDATA[ 
   var colour="#52D8ED"; 
   var sparkles=100; 
   var x=ox=400; 
   var y=oy=300; 
   var swide=800; 
   var shigh=600; 
   var sleft=sdown=0; 
   var tiny=new Array(); 
   var star=new Array(); 
   var starv=new Array(); 
   var starx=new Array(); 
   var stary=new Array(); 
   var tinyx=new Array(); 
   var tinyy=new Array(); 
   var tinyv=new Array(); 
   window.onload=function() { if (document.getElementById) { 
   var i, rats, rlef, rdow; 
   for (var i=0; i<sparkles; i++) { 
   var rats=createDiv(3, 3); 
   rats.style.visibility="hidden"; 
   document.body.appendChild(tiny[i]=rats); 
   starv[i]=0; 
   tinyv[i]=0; 
   var rats=createDiv(5, 5); 
   rats.style.backgroundColor="transparent"; 
   rats.style.visibility="hidden"; 
   var rlef=createDiv(1, 5); 
   var rdow=createDiv(5, 1); 
   rats.appendChild(rlef); 
   rats.appendChild(rdow); 
   rlef.style.top="3px"; 
   rlef.style.left="0px"; 
   rdow.style.top="0px"; 
   rdow.style.left="3px"; 
   document.body.appendChild(star[i]=rats); 
   } 
   set_width(); 
   sparkle(); 
   }} 
   function sparkle() { 
   var c; 
   if (x!=ox || y!=oy) { 
   ox=x; 
   oy=y; 
   for (c=0; c<sparkles; c++) if (!starv[c]) { 
   star[c].style.left=(starx[c]=x)+"px"; 
   star[c].style.top=(stary[c]=y)+"px"; 
   star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
   star[c].style.visibility="visible"; 
   starv[c]=50; 
   break; 
   } 
   } 
   for (c=0; c<sparkles; c++) { 
   if (starv[c]) update_star(c); 
   if (tinyv[c]) update_tiny(c); 
   } 
   setTimeout("sparkle()", 40); 
   } 
   function update_star(i) { 
   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
   if (starv[i]) { 
   stary[i]+=1+Math.random()*3; 
   if (stary[i]<shigh+sdown) { 
   star[i].style.top=stary[i]+"px"; 
   starx[i]+=(i%5-2)/5; 
   star[i].style.left=starx[i]+"px"; 
   } 
   else { 
   star[i].style.visibility="hidden"; 
   starv[i]=0; 
   return; 
   } 
   } 
   else { 
   tinyv[i]=50; 
   tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
   tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
   tiny[i].style.width="2px"; 
   tiny[i].style.height="2px"; 
   star[i].style.visibility="hidden"; 
   tiny[i].style.visibility="visible" 
   } 
   } 
   function update_tiny(i) { 
   if (--tinyv[i]==25) { 
   tiny[i].style.width="1px"; 
   tiny[i].style.height="1px"; 
   } 
   if (tinyv[i]) { 
   tinyy[i]+=1+Math.random()*3; 
   if (tinyy[i]<shigh+sdown) { 
   tiny[i].style.top=tinyy[i]+"px"; 
   tinyx[i]+=(i%5-2)/5; 
   tiny[i].style.left=tinyx[i]+"px"; 
   } 
   else { 
   tiny[i].style.visibility="hidden"; 
   tinyv[i]=0; 
   return; 
   } 
   } 
   else tiny[i].style.visibility="hidden"; 
   } 
   document.onmousemove=mouse; 
   function mouse(e) { 
   set_scroll(); 
   y=(e)?e.pageY:event.y+sdown; 
   x=(e)?e.pageX:event.x+sleft; 
   } 
   function set_scroll() { 
   if (typeof(self.pageYOffset)=="number") { 
   sdown=self.pageYOffset; 
   sleft=self.pageXOffset; 
   } 
   else if (document.body.scrollTop || document.body.scrollLeft) { 
   sdown=document.body.scrollTop; 
   sleft=document.body.scrollLeft; 
   } 
   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
   sleft=document.documentElement.scrollLeft; 
   sdown=document.documentElement.scrollTop; 
   } 
   else { 
   sdown=0; 
   sleft=0; 
   } 
   } 
   window.onresize=set_width; 
   function set_width() { 
   if (typeof(self.innerWidth)=="number") { 
   swide=self.innerWidth; 
   shigh=self.innerHeight; 
   } 
   else if (document.documentElement && document.documentElement.clientWidth) { 
   swide=document.documentElement.clientWidth; 
   shigh=document.documentElement.clientHeight; 
   } 
   else if (document.body.clientWidth) { 
   swide=document.body.clientWidth; 
   shigh=document.body.clientHeight; 
   } 
   } 
   function createDiv(height, width) { 
   var div=document.createElement("div"); 
   div.style.position="absolute"; 
   div.style.height=height+"px"; 
   div.style.width=width+"px"; 
   div.style.overflow="hidden"; 
   div.style.backgroundColor=colour; 
   return (div); 
   } 
   // ]]> 
   </script>

   Sumber skrip: Blogger Peer
   

Gambar Animasi Mengikuti Mouse
Skrip ini akan menampilkan mouse yang selalu diikuti gambar animasi seperti per bergoyang dan selalu berat ke bawah, sehingga apabila mouse diam (kursor tidak bergerak),  gambar animasi kursor pun akan diam seolah ada gravitasi ke bawah. Caranya pasangnya sebagai berikut:

1. Login ke Blogger.
2. Masuk ke halaman "Layout" atau Tata Letak.
3. Add Gadget (Tambah Gadget) kemudian pilih HTML/JavaScript.
4. Salin kode berikut dan simpan di jendela tersebut tanpa perlu diberi judul, kemudian simpan.
   

   <style>.dot{position:fixed; padding:0;margin:0;border:0 solid;border-radius:6px;box-shadow:0 0 0 #fff;z-index:10;}
   #dot0{visibility: hidden;}</style>
   <script type="text/javascript">
   //<![CDATA[
   function elastic_trail() {
    var f = 8;  /* Jumlah Kursor */
    var g = "http://i48.tinypic.com/s48bvd.jpg"; /* Gambar Kursor */
    var h = 0.01;
    var k = 20; /* Jarak */
    var l = 10;
    var m = 1;
    var o = 0;
    var p = 50;
    var q = 10;
    var r = 0.1;
    var s = 0.1;
    var t = 12; /* Ukuran kursor */
    var u = 0.75;
    var v = 0; 
    var w = 0;
    for (var i = f - 1; i > -1; --i) {
     with(document) {
      write('<div class="dot" id="dot' + i + '">\n');
      write('<img src="' + g + '" height="' + t + '" width="' + t + '" alt="">\n');
      write("</div>\n")
     }
    }
    /*@cc_on@*/
    /*@if(@_jscript_version>=5)if(navigator.appVersion.replace(/^.*MSIE (\d+).*$/,'$1')<=6){var x=function(a,n){var b='scroll'+a,d=document,c='compatMode';return d[c]&&d[c]=='CSS1Compat'?d.documentElement[b]+n+'px':d.body[b]+n+'px'};document.write('<style type="text/css">.dot {position: absolute;}body {background: url(foo) fixed;}<\/style>')};@end@*/
    var y = function () {
     return (document.compatMode && document.compatMode.indexOf("CSS") != -1) ? document.documentElement: document.body
    };
    var z = document.layers ? "": "px";
    elastic_trail.prototype.dot = function (i) {
     this.X = v;
     this.Y = w;
     this.dx = 0;
     this.dy = 0;
     if (document.layers) {
      this.obj = document["dot" + i]
     } else {
      if (document.all) {
       this.obj = document.all["dot" + i].style
      } else {
       if (document.getElementById) {
        this.obj = document.getElementById("dot" + i).style
       } else {
        return
       }
      }
     }
    };
    var A = new Array();
    for (var i = 0; i < f; i++) {
     A[i] = new this.dot(i)
    }
    for (i = 0; i < f; i++) {
     A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
     A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
    }
    var B = this;
    setInterval(function () {
     B.animate()
    },
    20);
    function MoveHandler(e) {
     v = e.pageX - pageXOffset;
     w = e.pageY - pageYOffset;
     return true
    }
    function MoveHandlerIE() {
     v = window.event.x;
     w = window.event.y
    }
    if (document.addEventListener) {
     document.addEventListener("mousemove", MoveHandler, false)
    } else {
     if (document.attachEvent) {
      document.attachEvent("onmousemove", MoveHandlerIE)
     } else {
      if (document.captureEvents) {
       document.captureEvents(Event.MOUSEMOVE);
       document.onmousemove = MoveHandler
      }
     }
    }
    elastic_trail.prototype.vec = function (X, Y) {
     this.X = X;
     this.Y = Y
    };
    elastic_trail.prototype.springForce = function (i, j, a) {
     var b = (A[i].X - A[j].X);
     var c = (A[i].Y - A[j].Y);
     var d = Math.sqrt(b * b + c * c);
     if (d > k) {
      var e = l * (d - k);
      a.X += (b / d) * e;
      a.Y += (c / d) * e
     }
    };
    elastic_trail.prototype.animate = function () {
     var a = 0;
     A[0].X = v;
     A[0].Y = w;
     a = 1;
     for (var i = a; i < f; i++) {
      var b = new this.vec(0, 0);
      if (i > 0) {
       this.springForce(i - 1, i, b)
      }
      if (i < (f - 1)) {
       this.springForce(i + 1, i, b)
      }
      var c = new this.vec( - A[i].dx * q, -A[i].dy * q);
      var d = new this.vec((b.X + c.X) / m + o, (b.Y + c.Y) / m + p);
      A[i].dx += (h * d.X);
      A[i].dy += (h * d.Y);
      if (Math.abs(A[i].dx) < r && Math.abs(A[i].dy) < r && Math.abs(d.X) < s && Math.abs(d.Y) < s) {
       A[i].dx = 0;
       A[i].dy = 0
      }
      A[i].X += A[i].dx;
      A[i].Y += A[i].dy;
      var e, width;
      if (window.innerWidth) {
       e = window.innerHeight;
       width = y().clientWidth && window.innerWidth - y().clientWidth == 17 || window.innerWidth - y().clientWidth == 15 ? y().clientWidth: window.innerWidth
      } else {
       e = y().clientHeight - Math.ceil(t / 2);
       width = y().clientWidth
      }
      if (A[i].Y >= e - t - 1) {
       if (A[i].dy > 0) {
        A[i].dy = u * -A[i].dy
       }
       A[i].Y = e - t - 1
      }
      if (A[i].X >= width - t) {
       if (A[i].dx > 0) {
        A[i].dx = u * -A[i].dx
       }
       A[i].X = width - t - 1
      }
      if (A[i].X < 0) {
       if (A[i].dx < 0) {
        A[i].dx = u * -A[i].dx
       }
       A[i].X = 0
      }
      A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
      A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
     }
    }
   }
   new elastic_trail();
   //]]>
   </script>

   Sumber:www.cyiberart.com
   
5. Jika sobat ingin mengganti gambar, ganti kode berwarna merah http://i48.tinypic.com/s48bvd.jpg dengan URL gambar sendiri atau dapat dengan salah satu URL gambar kursor animasi di bawah:
   
   

   

   Gambar kursor kupu-kupu:
   http://i48.tinypic.com/s48bvd.jpg 

   

   Gambar kursor bola:
   http://i48.tinypic.com/mwbl29.jpg 

   

   Gambar kursor hati:
   http://i48.tinypic.com/25ix5rd.jpg 

   

   Gambar kursor bintang:
   http://i48.tinypic.com/eamrur.jpg 

   

   Gambar kursor bola api:
   http://i48.tinypic.com/2cf9htc.jpg 

   

   Gambar kursor matahari:
   http://i48.tinypic.com/281pi1.jpg 

   

   Gambar kursor burung terbang:
   http://i49.tinypic.com/347hd05.jpg 

   

   Gambar kursor lonceng:
   http://i48.tinypic.com/1g0lqx.jpg 

   

   Gambar kursor bunga:
   http://i48.tinypic.com/9u12ya.jpg

   

   Kursor dengan tulisan berputar

Tulisan Mengelilingi Kursor | Teks Berputar Mengikuti Mouse
Skrip ini akan mengubah kursor menjadi kursor animasi yang dikelilingi tulisan berputar. Cara pasangnya sebagai berikut:

1. Login ke Blogger.
2. Masuk ke halaman "Layout" atau Tata Letak.
3. Add Gadget (Tambah Gadget) kemudian pilih HTML/JavaScript.
4. Salin kode berikut dan simpan di jendela tersebut tanpa perlu diberi judul, kemudian simpan.
   

   <style type="text/css">
   #outerCircleText {
   font-weight: bold;
   color: #ff0000;
   position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
   #outerCircleText div {position: relative;}
   #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
   </style>
   <script type="text/javascript">
   ;(function(){
   var msg = "www.LinkSukses.com";
   var size = 24;
   var circleY = 0.75; var circleX = 2;
   var letter_spacing = 5;
   var diameter = 10;
   var rotation = 0.4;
   var speed = 0.3;
   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; 
    xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; 
   },
   makecircle = function(){ 
    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){ 
     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(){ 
    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(){ 
    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>
   

   Sumber skrip: Dynamic Drive
   

Mengubah Gambar Kursor
Kode di bawah adalah kode CSS dan HTML untuk memanggil gambar kursor animasi. Dengan kode tersebut tampilan pointer mouse (gambar kursor) di blog akan seperti gambar-gambar kursor animasi di bawah. Cara mengganti kursor tersebut adalah sebagai berikut:

1. Login ke Blogger.
2. Masuk ke halaman "Layout" (Tata Letak).
   
3. Add Gadget atau Tambah Gadget kemudian pilih HTML/JavaScript.
   
4. Copy paste kode di bawah, simpan (Save) dan lihat hasilnya.
   

   <style> body, a, a:hover { cursor:url('URL Gambar Mouse'), auto }</style>

5. Ganti kode berwarna merah URL Gambar Mouse dengan salah satu URL di bawah sesuai dengan Model yang dinginkan atau dengan gambar animasi mouse sendiri.
   
   
   • Animasi kursor Model-1: http://ani.cursors-4u.net/cursors/cur-11/cur1066.png
   • Animasi kursor Model-2: http://cur.cursors-4u.net/cursors/cur-11/cur1027.png
   • Animasi kursor Model-3: http://cur.cursors-4u.net/holidays/hol-6/hol512.png
   • Animasi kursor Model-4: http://cur.cursors-4u.net/cursors/cur-10/cur935.gif
   • Animasi kursor Model-5: http://cur.cursors-4u.net/symbols/sym-7/sym646.gif

BBMandroids.com – 50 DP BBM Gambar Animasi Bergerak Lucu Terbaru 2014. Ini dia kumpulan dp bbm bergerak dan juga dp bbm lucu lucu yang bisa anda gunakan untuk foto display picture aplikasi blackberry messenger anda di smartphone android, iPhone iOs, maupun di smartphone blackberry. Koleksi gambar dp blackberry bergerak lucu ini terdiri dari berbagai macam animasi GIF yang bikin ngakak dan juga menarik untuk digunakan foto profil bbm mulai dari dp bbm kata motivasi semangat, dp bbm cinta romantis, dp bbm galau, sedih perpisahan putuh cinta patah hati, sampai dp bbm move on.

Jika kita lihat di beberapa media internet, terdapat banyak sekali kumpulan dp bbm bergerak lucu dengan berbagai macam varian jenis gambar. Mulai dari kata lucu bergambar untuk Dp Bbm, kemudian dp bbm gambar animasi kata cinta romantis bergerak, gambar animasi logo, gambar animasi kartun lucu bergerak, gambar sepak bola, dan juga gambar kata motivasi semangat untuk display picture blackberry messenger di android, iphone, maupun di smarpthone blackberry. Berikut kumpulan dp bbm gambar animasi bergerak lucu terbaru 2014.

Kumpulan DP BBM Gambar Animasi Bergerak Lucu Terbaru 2014

Gambar DP BBM Cinta Romantis

DP BBM Gambar Kata Kata Sedih/ Galau

DP BBM Gambar Kata Motivasi Semangat Sukses

DP BBM Bergerak Animasi Kartun Lucu

Banyak pilihan bukan ? Silahkan anda pilih dan tentukan sendiri ingin men- download DP BBM gambar animasi bergerak lucu terbaru 2014 untuk anda yang sedang membutuhkan foto profil bbm lucu lucu animasi gambar bergerak. Sekian dan semoga bermanfaat, serta jangan lupa untuk mendownload juga Autotext BBM Lucu dan juga beberapa Tema Blackberry Lucu update 2014 gratis.

Source :

dp bbm,dp bbm bergerak,dp bbm 2014,gambar dp bbm,dp bbm lucu,animasi bbm,dp bbm bergerak terbaru,gambar bbm,Dp bb,animasi Bbm bergerak

Advertisement

Share on: Twitter Facebook Google +

50 DP BBM Gambar Animasi Bergerak Lucu Terbaru 2014 | bbmandroids | 4.5

Related Posts

• 

  17 Tablet Murah Berkualitas Terbaik Bisa BBM Terbaru 2014

  BBMandroids.com - Tablet Murah Berkualitas Terbaik Bisa BBM Terbaru 2014. Berikut kami sajikan 17 daftar tablet harga...
  
• 

  Download Update Aplikasi BBM Versi Terbaru 2014

  BBMandroids.com – Download Update Aplikasi BBM Versi Terbaru 2014. Berikut silahkan anda download dan install aplikasi...
  
• 

  Aplikasi BBM Untuk PC, Download + Cara Install BBM Di Laptop

  BBMandroids.com - Berikut kami sajikan download aplikasi bbm untuk PC, komputer/ laptop beserta panduan dan cara...
  
• 

  Daftar HP Android Termurah Yang Bisa BBM Semua Merk

  BBMandroids.com – Daftar HP Android Termurah Yang Bisa BBM Semua Merk. Sajian informasi kali ini akan...
  
• 

  Aplikasi BBM Untuk Android Gingerbread| Download+ Cara Install

  BBMandroids.com - Download Aplikasi BBM Untuk Android Gingerbread. Kabar gembira untuk teman teman pengguna smartphone/ HP dengan...