Sabtu, 05 Januari 2013

Cara Membuat Lencana Yahoo di Website

- 1 komentar

Untuk cara memasangnya gak beda jauh ketika kita memasang widget HTML baru pada Blog kita.






Nah sebelum itu kalian Pilih dulu icon YM sesuai pilihan kalian. Disini ada masing-masing 2 status pasangan, yakni online status dan offline status. Namun apabila kalian kepingin membuat gambar sendiri untuk dijadikan icon YM, baca tutorialnya cara Membuat Icon Status Yahoo! Messenger Dengan Gambar Sendiri

Untuk icon 0-5

Untuk icon 6-8

Untuk icon 9-16

Untuk icon 16-24


Nah, apabila sudah punya pilihan iconnya, sekarang tinggal buka Blogger atau Wordpress saja. 
Silahkan buka Design terus klik Page Elements -->Add Gadget --->klik opsi HTML /Javascript
Setelah itu copas kode dibawah ini:



<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/>

</a>



Penting: Dari kode script diatas kalian harus mengganti tulisan Id_yahoo_kamu (ada 2 tulisan) dengan ID akun yahoo kamu sebenarnya dan Tulisan t=0 dengan Kode Status yahoosesuai pilihan diatasSave dan lihat hasilnya...


Sekali lagi saya ingatkan apabila kamu menginginkan agar icon YM adalah gambar, foto, atau logo kamu sendiri maka baca tutorialnya DISINI atau yang berjudul Membuat Icon Status Yahoo! Messenger Dengan Gambar Sendiri 

contoh nya >>


<a href="ymsgr:sendIM?bagus_dermawan14"> <img src="http://opi.yahoo.com/online?u=bagus_dermawan14&amp;m=g&amp;t=14&amp;l=us"/>
</a>
Selanjutnya-->>

Rabu, 02 Januari 2013

Cara Membuat Blog

- 0 komentar

Sebelum membahas mengenai bagaimana cara membuat blog, ada baiknya jika kita mengerti apa itu definisi atau pengertian blog. Jika ditanya mengenai pengertian blog, setiap orang pasti mempunyai jawaban yang berbeda, meskipun jawabannya berbeda, makna dari jawaban mereka pasti tidak jauh berbeda.

Definisi Blog

Menurut RidwanAZ.com, blog adalah sebuah situs website yang memungkinkan penggunanya dapat menuliskan atau memposting berbagai hal sesuai dengan keinginannya dengan mudah, (tanpa harus memiliki pengetahuan html rumit) dan dapat dikomentari oleh pengunjungnya. Dengan urutan tulisan terbalik dimana tulisan terbaru berada di paling atas kemudian diikuti oleh tulisan lama di belakangnya. Pada awalnya blog hanya berisi sebuah catatan pribadi atau diari online pemiliknya, namun dewasa ini topik blog telah berkembang lebih luas sebagai ajang berbagi pengetahuan, seperti pendidikan, kesehatan, teknologi dan lain-lain. Bahkan blog juga telah digunakan untuk sebuah perusahaan sebagai media untuk lebih dekat dengan pelanggan dan mitra bisnisnya. (referensi, wikipedia.com blogger.com)

Cara Membuat Blog

Menurut RidwanAZ.com, ada dua layanan blogging yang telah diakui kehebatannya oleh para blogger di seluruh dunia. Yaitu Blogspot (blogger.com; sebuah layanan yang dimiliki oleh google) dan WordPress.com. Namun karena judul artikel ini adalah cara membuat blog di blogspot, jadi artikel kali ini akan membahas blogspot saja. Bagi kamu yang ingin membaca panduan wordpress silahkan baca di sini.
Untuk selanjutnya silahkan ikuti langkah-langkah cara membuat blog lengkap di berikut ini :
1. Untuk memulai mendaftar blog di blogspot silahkan kunjungi alamat situs  www.blogger.com, setelah itu cari tombol Sign up (daftar) yang ada di pojok kanan atas, seperti gambar di bawah ini
cara membuat blog
2. Setelah tombol sign up diklik, nanti akan muncul aplikasi pendaftaran pembuatan akun gooogle, seperti gambar di bawah ini. Silahkan lengkapi aplikasi tersebut. Gambar di bawah ini merupakan contoh pengisiannya.
Penjelasan pengisian : pada bagian Name, Isi nama  depan dan nama belakang kamu.
Pada Choose your username,  isi sesuai dengan keinginanmu, username ini nantinya berfungsi sebagai email login untuk akses ke dashboard blogspot kamu dan bisa juga untuk login ke Gmail. (jika username tidak tersedia, tambahka angka atau huruf di belakangnya),
Pada Create a Password, isi password kamu (gunakan yang mudah diingat), pada Confirm your passwordsilahkan isi dengan password yang sama dengan password pada kolom pada create a possword tadi.
Pada birth day isi tanggal lahir kamu.  Pada Phone, isi dengan nomor ponsel kamu, untuk Curent your email, dikosongkan saja.  Pada type the two pieces of text, ketikan dua buah teks kode yang ada di atasnya.  Selanjutnya beri tanda centang pada dua kotak kecil di bawahnya, dan yang terakhir Klik pada tombol Next step.
cara membuat blog
3. Setelah kamu klik pada tombol next, akan ditampilkan perintah verifikasi akun, silahkan masukan nomor ponsel kamu. Kemudian klik tombool Send Verifikation Code. Nanti kamu akan mendapat sms dari google yang berisi  kode aktifasi.
cara membuat blog
4.  SMS kode verifikasi dari google ke ponsel kamu akan tampak seperti gambar di bawah ini.
cara membuat blog
5.  Masukkan kode verikasi sms di atas pada kolom yang tampil, seperti gambar di bawah ini. kemudian klik tombol Verify
cara membuat blog
6.  Jika langkah sebelumnya berhasil, kamu akan menjumpai halaman seperti gambar di bawah ini. Untuk menambahkan foto silahkan klik add profile photo,  jika ingin langsung ke langkah selanjutnya silahkan klik tombol Next Step.
cara membuat blog
7.   Selanjutnya akan tampil halaman seperti gambar di bawah ini. Ini merupakan tanda bahwa kamu telah memiliki sebuah akun google  berupa alamat email yang bisa digunakan untuk login ke Gmail.com danblogger.com, selanjutnya silahkan klik tombol Back to blogger.
cara membuat blog
8. Jika melihat halaman seperti gambar di bawah ini abaikan saja , biar lebih cepat dalam membuat blog. SIlahkan klik tombol lanjutkan ke blogger.
cara membuat blog
9.   Setelah itu kamu akan masuk ke halaman utama Dashboard blogger. Di dashboard ini kamu bisa membuat blog, menulis posting, mengatur tema dan lain-lain.  Untuk membuat blog pertama kali klik tombol Blog Baru.
cara membuat blog
10.  Setelah tombol blog baru diklik, akan muncul  jendela pembuatan blog.  Pada bagian Judul isi  Judul blog kamu, pada bagian Alamat isi dengana alamat blog yang kamu inginkan. Pada template, pilih salah satu template yang kamu inginkan.  Kemudian klik tombol buat blog
cara membuat blog
11. Setelah langkah-langkah di atas, blog kamu sudah berhasil di buat.  Untuk menulis posting silahkan klik tombol Pensil, sedangkan untuk melihat tampilan blog yang masuk kosong (belum ada artikelnya) silahkan klik tombol lihat blog.
cara membuat blog

Selanjutnya-->>

Membuat Efek Salju Pada Blog

- 0 komentar


Cara membuat efek hujan salju  pada blog  dari judulnya dapat kita ketahui bahwa pada posting kali ini saya akan memberikan cara untuk memasang efek salju pada blog,
ya mungkin nanti blog kita akan kedinginan seperti tempat yang ada pada gambar di samping,
tapi bedanya gambar di samping sama blog anda nantinya
kalau pada gambar di samping orang yang mengunjungi akan kedinginan dan pakai jacket tentunya

tapi kalau pengunjung di blog anda akan terbawa suasana dingin namun, tidak usah pakai jacket .. heheheheeeee....

mungkin anda juga bertanya tanya

looohhh kenapa ni orang memposting Cara membuat efek hujan salju pada blog tapi di nya sendiri tidak memakai efek salju,,,
nah sebelum ada pertanyaan seperti itu saya akan jawab dahulu di sini hehehee
alasanya adalah karna blog saya tidak cocok memakai efek salju :), namun khusus untuk posting yang ini kemungkinan ada hujan saljunya,, karna saya menaruh script hujan salju pada posting ini, coba sajah anda lihat arah kan scroll nya keatas karna blog saya di atas warna nya coklat jadi bisa kelihatan , kalau di bawah mah gak keliatan karna warna nya putih

oke mungkin anda sudah kesel nunggu tutorialnya karna terlalu lama hehehe

oke langsung sajah nih tutorialnya


  • login dulu ke blogger
  • KLIK Rancangan/Design
  • elemen laman
  • add gadget
  • pilih HTML/java script
  • masukin scriptnya (  script ada di bawah posting ini )
  • save
  •    NIH SCRIPTNYA : 


    <script src="http://gubhugreyotprojects.googlecode.com/svn/effects/effek-salju.js" type="text/javascript"></script>
      oke gimana gan sudah bisa belum, jangan lupa tinggalin kometar ya, agar nanti bisa saya kunjungi balik, semoga posting kali ini bermanfaat untuk anda semua wassalam
      Selanjutnya-->>

      Cara membuat tulisan berjalan mengikuti cursor

      - 0 komentar

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


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


      untuk melihat seperti apa sih Cara membuat tulisan berjalan mengikuti cursor pada blog, bisa anda lihat Demonya , klik tombol DEMO



      oke sudah liatkan ??

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

      hehheee bener gak ??

      ya udah kalau emang begitu kita langsung sajah masuk ke tutorialnya


      • Login ke Blogger (Dasboard)
      • KLIK Rancangan/Design
      • kemudian menuju Elemen Laman
      • Klik add Gadget
      • pilih HTML/javascript
      • copy paste script di bawah ini
      • simpan/save
        untuk melihat script klik tombol  SHOW di bawah ini




      <style type='text/css'>
      #outerCircleText {
      font-style: italic;
      font-weight: bold;
      font-family: 'calligraffitti', verdana, arial;
      color: #0000ff;
      position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
      #outerCircleText div {position: relative;}
      #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
      </style>

      <script type='text/javascript'>
      //<![CDATA[
      ;(function(){
      // Your message here (QUOTED STRING)
      var msg = "Bagus Dermawan";
      /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
      // Set font's style size for calculating dimensions
      // Set to number of desired pixels font size (decimal and negative numbers not allowed)
      var size =20;
      // Set both to 1 for plain circle, set one of them to 2 for oval
      // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
      var circleY = 0.75; var circleX = 2;
      // The larger this divisor, the smaller the spaces between letters
      // (decimals allowed, not negative numbers)
      var letter_spacing = 5;
      // The larger this multiplier, the bigger the circle/oval
      // (decimals allowed, not negative numbers, some rounding is applied)
      var diameter = 15;
      // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
      var rotation = 0.3;
      // This is not the rotation speed, its the reaction speed, keep low!
      // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
      var speed = 0.2;
      ////////////////////// Stop Editing //////////////////////
      if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
      msg = msg.split('');
      var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
      ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
      o = document.createElement('div'), oi = document.createElement('div'),
      b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
      :
      document.body,
      mouse = function(e){
      e = e || window.event;
      ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
      xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
      },
      makecircle = function(){ // rotation/positioning
      if(init.nopy){
      o.style.top = (b || document.body).scrollTop + 'px';
      o.style.left = (b || document.body).scrollLeft + 'px';
      };
      currStep -= rotation;
      for (var d, i = n; i > -1; --i){ // makes the circle
      d = document.getElementById('iemsg' + i).style;
      d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
      'px';
      d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
      };
      },
      drag = function(){ // makes the resistance
      y[0] = Y[0] += (ymouse - Y[0]) * speed;
      x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
      for (var i = n; i > 0; --i){
      y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
      x[i] = X[i] += (x[i-1] - X[i]) * speed;
      };
      makecircle();
      },
      init = function(){ // appends message divs, & sets initial values for positioning arrays
      if(!isNaN(window.pageYOffset)){
      ymouse += window.pageYOffset;
      xmouse += window.pageXOffset;
      } else init.nopy = true;
      for (var d, i = n; i > -1; --i){
      d = document.createElement('div'); d.id = 'iemsg' + i;
      d.style.height = d.style.width = a + 'px';
      d.appendChild(document.createTextNode(msg[i]));
      oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
      };
      o.appendChild(oi); document.body.appendChild(o);
      setInterval(drag, 25);
      },
      ascroll = function(){
      ymouse += window.pageYOffset;
      xmouse += window.pageXOffset;
      window.removeEventListener('scroll', ascroll, false);
      };
      o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
      if (window.addEventListener){
      window.addEventListener('load', init, false);
      document.addEventListener('mouseover', mouse, false);
      document.addEventListener('mousemove', mouse, false);
      if (/Apple/.test(navigator.vendor))
      window.addEventListener('scroll', ascroll, false);
      }
      else if (window.attachEvent){
      window.attachEvent('onload', init);
      document.attachEvent('onmousemove', mouse);
      };
      })();
      //]]>
      </script> 



      Catatan:
                    *ganti tulisan Bagus Dermawan dengan tulisan yang anda inginkan



      oke sobat semoga blog ente semua semakin cantik,
      sebaik baiknya pengunjung adalah pengunjung yang selalu memberikan komentar pada artikel yang di bacanya,
      coment ya nanti saya kunjungi balik
      Selanjutnya-->>
       
      Copyright © . Selamat Datang Di Blog Bagus Dermawan - Posts · Comments
      Theme Template by BTDesigner · Powered by Blogger