Membuat Label Cloud Berputar

     Label (tag) adalah kata kunci non hierarki atau tidak bertingkat yang tugasnya adalah menunjukkan potongan-potongan informasi (seperti petunjuk internet,gambar digital,atau file komputer). Label merupakan jenis metadata yang membantu untuk menjelaskan suatu hal dan memungkinkan hal tersebut ditemukan ketika melakukan pencarian (browsing).

     Label yang akan saya terangkan kali ini adalah label yang berada di blogger. Di blogger ada 2 macam yang bisa dgunakan secara default, yaitu cloud dan daftar.  Untuk contoh tampilan label bisa di lihat di bawah ini :

             Label Cloud                                                                           Label Daftar

     Tapi kali ini saya akan memberikan sedikit variasi pada label jenis cloud. Pada variasi ini label cloud akan lebih menarik. Tampilannya bisa dilihat di bawah ini : 

     Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor. 

     Karena untuk membuat label cloud berputar memerlukan kode HTML yang cukup panjang, sebaiknya kalian membackup dulu template kalian, agar bila terjadi sesuatu hal yang tidak diinginkan bisa dengan mudah mengmbalikan ke keadaaan semula. 

Langkah-langkahnya :

1. Login ke Blogger dengan ID kalian
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Backup dulu template kalian dengan mengklik Download Template Lengkap
5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :          <b:section class='sidebar' id='sidebarright' preferred='yes'>                                                agar lebih cepat, bisa menggunakan fasilitas ctrl+f lalu tinggal copy paste aja kode yang di atas.
6. Copy kode berikut ini setelah kode diatas :                                                                                                                                                                                                                  <b:widget id='Label99' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
   <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
   <script type='text/javascript'>
   var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
   // uncomment next line to enable transparency
   //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
   so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
   so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
   so.addVariable(&quot;distr&quot;, &quot;true&quot;);
   so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
   so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
   so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
   so.write(&quot;flashcontent&quot;);
   </script>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>                                                                                                                                                                               
7. Kemudian Simpan Template kalian dengan mengklik Simpan Template
8. Kalian bisa merubah ukuran dari label sesuai dengan yang kalian inginkan dengan merubah/mengedit kode yang berwarna merah yang kita copy tadi. keterangan :                        Angka "240" adalah lebar kolom, rubah angkanya sesuai dengan lebar kolom yang diinginkan  Angka "300" adalah tinggi kolom, rubah angkanya sesuai dengan tinggi kolom yang diinginkan Sedangkan #ffffff adalah kode untuk backgroud, rubah kodenya untuk merubah warna background dari label.
9. Jika masih tidak berfungsi coba ubah labeh daftar menjadi label cloud seperti di bawah ini :

     Itulah sedikit tutorial dari saya. Terima kasih buat roytanck, miscah dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Bila ada masalah atau atau yang masih tidak dimengerti bisa ditanyakan langsung di komentar, Wassalamualaikum wr. wb.

Read more »

Posted in: tips blogging,tutorial

Membuat Biodata menggunakan Java

      Halo semuanya, kali ini saya akan membagikan salah satu project java. Sebenarnya poject ini cukup sederhana, soalnya memang masih newbie sih dalam hal java, hehehe. Tapi semoga saja hal yang sederhana ini bisa bermanfaat bagi kalian semua. Langsung aja deh, bisa dilihat di bawah ini :
inputnya :

outputnya :

kodenya :

import java.io.*;
public class Biodata {

     public static void main(String[] args) {
        try{
String nDepan;

BufferedReader in = new
BufferedReader(new InputStreamReader(System.in));
System.out.print("Nama Depan : ");
String nNamaDepan = in.readLine();
System.out.print("Nama belakang : ");
String nNamaBelakang = in.readLine();
System.out.print("Alamat : ");
String nAlamat = in.readLine();
System.out.print("Kota : ");
String nKota = in.readLine();
System.out.print("Tempat lahir : ");
String nTempatLahir = in.readLine();
System.out.print("Tanggal lahir : ");
String nTanggalLahir = in.readLine();


System.out.println("------------------------");
System.out.println("        Biodataku       ");
System.out.println("------------------------");
System.out.println("Nama lengkap: " +nNamaDepan+" "+ nNamaBelakang );
System.out.println("Alamat :" +nAlamat+" "+nKota);       
System.out.println("TTL :" +nTempatLahir+","+nTanggalLahir);


}
catch(Exception e){
   

System.out.println(e);
}
    }
}

     Kalian bisa mengubah yang berwarna merah sesuai yang dengan kata-kata yang kalian ingin. Bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Membuat Kalkulator Sederhana Menggunakan Java

     Halo semuanya, kali ini saya akan membagikan salah satu project java. Sebenarnya poject ini cukup sederhana, soalnya memang masih newbie sih dalam hal java, hehehe. Tapi semoga saja hal yang sederhana ini bisa bermanfaat bagi kalian semua. Langsung aja deh, bisa dilihat di bawah ini :
Outputnya :

 

kodenya :

import java.util.Scanner;

public class Build_Basic_Calculator {
    public static void main(String[] args) {
        Scanner bucky = new Scanner(System.in);
        double fnum, snum, answer;
        System.out.println("Enter First Number : ");
        fnum = bucky.nextDouble();
        System.out.println("Enter Second Number : ");
        snum = bucky.nextDouble();
        answer = fnum*snum;
        System.out.println("Hasilnya adalah : ");
        System.out.println(answer);
    }
}

     Jika kalian ingin menggunakan project ini dengan proses yang lain seperti penjumlah, pengurangan dan lain-lain, maka kalian bisa mengganti answer = fnum*snum; menjadi seperti yang kalian inginkan. Misalnya kalian ingin melakuka proses penjumlahan, maka kalian tinggal merubahnya menjadi answer = fnum+snum; saja. Itu tadi adalah contoh project yang berhubungan dengan proses aritmatika, bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Membalik Kata dengan Strrev

     Halo semuanya, kali ini saya akan membagi beberapa ilmu tentang pemrograman C++. Sebelumnya mohon maaf klo terlalu simple, soalnya baru coba-coba belajar C++.  Langsung aja deh, ini adalah hasil output dari projectnya : 

Kodenya :

#include<stdio.h>
#include<conio.h>
#include<string.h>
#include<stdlib.h>

void main()
{

char a[10];

printf("Masukkan kata: ");
gets(a);

strrev(a);


printf("Jika dibalik menjadi : %s",a);



getch();
}


     Itu tadi contoh project yang berhubungan dengan Strrev, bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: C++,tutorial

Input Data dengan JOption (without Array)

       Assalamualaikum wr. wb. Kali ini saya akan memberikan salah satu project yang mungkin bisa lebih membantu anda untuk memahami tentang input statement yang ada di java khususnya JOption. Tapi kali ini saya tidak menggunakan array. Bila anda inging melihat yang menggunakan array bisa dilihat di sini. Langsung ajalah, ini adalah hasil input dari projectnya :

Output :

 Dan ini kodenya :

import javax.swing.JOptionPane;
public class tanpa_array {
      public static void main(String args[])
    {
        String N, msg, I;
        int n = 0, i, nr;
        I = JOptionPane.showInputDialog("Berapakah banyak data yang ingin anda inputkan?");
        i = Integer.parseInt(I);
      
        for (int X = 1; X <= i; X++)
        {
            N = "";
            N = JOptionPane.showInputDialog("Masukkan Nilai " + X);
            n = n + Integer.parseInt(N);
        }
        nr = n / i;
      
        if (nr >= 60)
        {
            msg = "Nilai anda " + nr;
        }
        else
        {
            msg = "Nilai anda " + nr;
        }
        JOptionPane.showMessageDialog(null, msg);
    }
}

Itu tadi contoh project yang berhubungan dengan JOption(Without Array), bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Input Data dengan JOption (With Array)

     Assalamualaikum wr. wb. Kali ini saya akan memberikan salah satu project yang mungkin bisa lebih membantu anda untuk memahami tentang input statement yang ada di java khususnya JOption. Bila anda belum mengetahui apa maksud dari input statement bisa di lihat di sini. Langsung ajalah, ini adalah hasil input dari projectnya :

 

Output :

 

 Dan ini adalah kodenya :
import javax.swing.JOptionPane;

public class with_array {
        public static void main(String args[])
    {
        String N, msg, I;
        double n[] = new double[10], nr, i, nt = 0;
        I = JOptionPane.showInputDialog("Berapakah banyak data yang ingin anda inputkan?");
        i = Integer.parseInt(I);
      
        for (int X = 1; X <= i; X++)
        {
            N = JOptionPane.showInputDialog("Masukkan Nilai " + X);
            n[X] = Integer.parseInt(N);
            nt = nt + n[X];
        }
        nr = nt / i;
      
        if (nr >= 60)
        {
            msg = "Nilai anda " + nr;
        }
        else
        {
            msg = "Rata-rata nilai anda adalah " + nr;
        }
        JOptionPane.showMessageDialog(null, msg);
    }
}

Itu tadi contoh project yang berhubungan dengan JOption(With Array), bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Input Data dengan 3 Statement Berbeda

     Assalamualaikum wr. wb. Kali ini saya akan memberikan salah satu project yang mungkin bisa lebih membantu anda untuk memahami tentang input statement yang ada di java. Bila anda belum mengetahui apa maksud dari input statement bisa di lihat di sini. Langsung ajalah, ini adalah hasil input dari projectnya :

Dan di bawah ini adalah codenya :

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.util.Scanner;
import javax.swing.JOptionPane;
public class Inputan {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        double N1, N2 = 0, N3, NR;
      
        String n3;
      
      
        Scanner nilai1 = new Scanner(System.in);
      
        System.out.print("Masukan nilai pertama \t : ");
        N1 = nilai1.nextDouble();
      
        BufferedReader in = new BufferedReader(new InputStreamReader(System.in));
        try
        {
            System.out.print("Masukkan nilai kedua \t : ");
            N2 = Integer.parseInt(in.readLine());
        }
        catch(Exception e)
        {
            System.out.println(e);
        }
      
        n3 = JOptionPane.showInputDialog("Masukkan nilai ketiga : ");
        N3 = Integer.parseInt(n3);
      
        //proses
      
        NR = (N1 + N2 + N3) / 3;
      
        JOptionPane.showMessageDialog(null, NR);
    }
}

     Itu tadi contoh project yang berhubungan dengan input statement, bila ada yang belum jelas bisa langsung ditanyakan. Wassalamualaikum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Contoh-Contoh Input Statement Java

     Assalamualaikum wr. wb. Halo semuanya, sebelumnya saya terima kasih karena sudah mau mampir di blog saya ini. Kali ini saya menjelaskan tentang beberapa contoh input statement yang ada di java. Di bawah ini adalah beberapa contoh dari input statement :

1. Buffered Reader 
     BufferedReader adalah suatu perintah yg disediakan oleh java untuk melakukan proses input output data user dari keyboard tanpa menggunakan fasilitas Swing or AWT.  Di bawah ini adalah contohnya :

2. Scanner
     Scanner adalah pengambilan class dalam java library, dimana class tersebut digunakan untuk mengambil inputan dari user.  Di bawah ini adalah contohnya :

3. JOption Pane

     JOption Pane adalah input dialog yang akan menampilkan dialog, yang terdiri atas sebuah message, sebuah textfield dan sebuah button OK. Dialog tersebut akan memberikan return value String yang akan disimpan di variabel name. Di bawah ini adalah contohnya :

      Itu tadi adalah beberapa input statement yang ada di java, semoga yang saya berikan bermanfaat bagi kalian semua. Wassalamualakum wr. wb.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,tutorial

Memunculkan Navbar Blogger yang Hilang

     Halo semuanya, kali ini saya akan menjelaskan tentang navbar yang ada pada blogger. Sebenarnya ini hal yang sepele, tetapi bila terlewatkan bisa jadi mengakibatkan hal yang fatal. Itu terjadi karena navbar pada blogger harus ada pada blog kita. Aturan itu sudah ditentukan oleh blogger, yaitu Term Of Services (TOS). 

   TOS dari blogger sudah bisa di bilang yang paling mudah. Karena bila kita di wordpress, ada aturan-aturan bagi kita yang menimbulkan permasalahan. Salah satu contohnya adalah kita tidak boleh memasang iklan ataupun adsense pada blog tersebut kecuali kita sudah memiliki hosting sendiri. Jadi, kenapa kita tidak membiarkan saja navbarnya, toh hanya menghabiskan ruang kecil di halaman kita. 

     Tetapi hal yang disayangkan adalah Banyak sekali template yang kita download saat ini yang telah menghapus navbar blogger tersebut, karena mungkin mengganggu tampilan pada blog kita. Sebenarnya itu tidaklah dihilangkan melainkan disembunyikan. Tetapi Trik Tips Tutorial menyarankan untuk memunculkan kembali navbar blogger tersebut, yaitu dengan cara menghapus kode yang membuat navbar blogger tersebut tersembunyi dan agar tidak di banned oleh google nantinya, karena telah melanggar TOS (aturan-aturan) blogger.

caranya sangatlah mudah.

1. Setelah login ke Blogger.
2. Kemudian Tata Letak ~> Edit HTML
3. setelah itu cari kode seperti (atau kode mirip) dibawah ini tepatnya dibawah kode <b:skin><![CDATA[

#navbar-iframe{display:none;height:0;visibility:hidden;}

4. Hapus kode berwarna biru tersebut.
5. Selesai.

Langkah selanjutnya adalah menuju Tata Letak ~> elemen halaman kemudian klik edit pada kolom Navbar dan pilih navbar yang akan tampil pada halaman blog sesuai keinginan atau sesuai warna pada blog anda seperti contoh beberapa gambar navbar di bawah ini :

Dengan begitu maka navbar kita akan terlihat kembali. 

sumber

  

Read more »

Posted in: tips blogging,tutorial

Installing JDK

     Halo semuanya. Kali ini saya akan menjelaskan tentang cara installing JDK (Java Develpment Kit). Sebelumnya saya akan menjelaskan tentang JDK terlebih dahulu. JDK adalah software yang digunakan untuk pengembangan aplikasi dengan java. Dua program yang disediakan dalam JDK adalah :

• javac, yaitu program untuk meng-compile kode sumber
• java, yaitu program untuk meluncurkan aplikasi

     Nah itu tadi adalah sekilas tentang JDK. Hal pertama yang kita butuhkan dalam installing JDK adalah installernya. Bila belum mempunyainya bisa di-download di sini , dan bila sudah punya bisa langsung melakukan proses installing.

     Setelah java ter-install maka hal selanjutnya yang kita lakukan adalah membuka Command Prompt. Kita bisa membuka Command Prompt di All programs>>Accessories>>Comand Prompt atau juga bisa lewat run kita ketikkan cmd. Setelah itu ketikkan javac. Dan akan muncul seperti gambar di bawah ini :

     Tidak usah kuatir itu bukan kesalahan pada saat kita meng-install tetapi memang kebanyakan walaupun sudah di-install tidak keluar pada awalnya. Itu terjadi karena JDK memerlukan path agar bisa digunakan.

     Langkah selanjutnya yang harus kita lakukan adalah membuat path agar JDK bisa kita gunakan. Caranya adalah dengan membuka tempat/directory yang kita gunakan untuk meng-install tadi, misalnya C:\Program Files\Java. Setelah itu lalu buka yang ada nama jdk nya(namanya sesuai dengan versi dari jdk itu sendiri), contoh : jdk1.6.0_25. Setelah itu buka lagi folder bin. Maka directory nya menjadi C:\Program Files\Java\jdk1.6.0_25\bin. Lalu copy directory tersebut.    
    
     Setelah mendapatkan directory nya, maka langkah selanjutnya adalah membuat path. Caranya adalah dengan klik properties di computer/my computer. Lalu kita klik lagi advanced system settings. Maka akan keluar window seperti gambar di bawah ini :

     Lalu kita pilih Environment Variables. dan pilih new. Setelah itu pada variable name kita isi dengan PATH dan pada variable value kita isi directory yang kita dapat tadi. Contoh bisa di lihat di gambar di bawah ini :

 

     Setelah itu klik ok, ok, ok dan close(tau kan maksutnya). Dan akhirnya java compile / javac anda sudah bisa digunakan. Untuk mengeceknya anda bisa gunakan cmd dan ketikkan javac. Dan hasilnya akan seperti di bawah ini :

      Selesai sudah penjelasan dari saya. Bisa ada salah kata mohon di maafkan, dan bila ada yang kurang jelas dari penjelasan saya maka bisa ditanyakan lewat comment di bawah.

Read more »

Posted in: JAVA,JAVA moklet,Pemrograman,software,tutorial

[VB.net Project] Convert Decimal to Binary & Binary To Decimal

     Apa kabar semuanya, kali ini saya akan berbagi salah satu project vb.net yang baru di ajarin di sekolah. Sebenarnya project ini simpel tapi g ada salahnya kalau saya membaginya dengan teman-teman. Langsung aja deh kita mulai tutorialnya.


     Pertama-tama kita buka dulu software VB.net nya. Lalu langsung kita pilih file>new project atau bisa juga menggunakan shortcut ctrl+N seperti gambar di bawah ini :

     Lalu akan muncul jendela baru dan pilih windows form application. Setelah itu akan muncul gambar seperti di bawah ini :

     Setelah itu buat layout/interface menjadi seperti gambar di bawah ini. Komponen yang di butuhkan adalah label dan textbox. Pastikan nama komponennya sesuai dengan yang ada di gambar. Karena nama dari komponen sangar berpengaruh. Ex. TextBox1, TextBox2, dll.

      Lalu klik 2x pada TextBox1 dan akan muncul windows baru seperti gambar di bawah ini :

     Lalu pada tulisan TextChanged kita ganti dengan KeyPress. Lalu akan muncul coding baru secara otomatis seperti gambar di bawah ini. Tapi jangan lupa hapus coding yang di block yang terlihat pada gambar di bawah ini.

     Setelah itu tulis coding sesuai dengan yang ada di gambar. Untuk penjelasan codingnya bisa di tanyakan melewati chat atau comment di bawah.

     Setelah itu maka project kita sudah selesai setengah jalan. Dan project ini sudah bisa di jalankan. Tetapi hanya bisa convert decimal to binary saja, tidak bisa sebaliknya. Itu karena memang kita belum mengcodingnya. Tetapi untuk menguji kebenaran codingnya, kita bisa running menggunakan f5. Bila bisa berjalan maka coding anda tidak ada yang bermasalah.

     Cara kerjanya adalah dengan mengetikkan angka decimal ke TextBox1 dan tekan enter. Maka secara otomatis akan muncul angka binarynya di TextBox2. Setelah selesai di jalankan lalu kita matikan form 1 dengan mengklik tombol x seperti gambar di bawah ini.

      Setelah itu sekarang kembali ke tab form1.vb[design] dan lakukan hal yang sama sesuai dengan pada saat kita menggunakan TextBox1, tetapi kali ini lakukan dengan menggunakan TextBox2. Lalu setelah itu ketikkan coding sesuai dengan gambar yang di bawah ini untuk yang TextBox2 (coding terletak di bawah coding TextBox1).

     Setelah mengetikkan coding di atas maka kita sudah menyelesaikan project ini. Dan project ini bisa di gunakan untuk conver decimal to binary ataupun binary to decimal. Bila kita ingin mengconvert decimal to binary dengan angka yang berjumlah besar, maka panjangkan komponen textboxnya. Semoga ilmu yang saya berikan bermanfaat. Bila ada yang kurang jelas bisa comment di bawah.

Read more »

Posted in: project VB.net,tutorial,VB.net

Tips Cepat Membuat Sephia Degan Adobe Photoshop

  


Kali ini saya akan posting sebuah ilmu tentang ADOBE PHOTOSHOP. Moga-moga aj ilmu yg gua berikan ini bermanfaat bagi kalian yg membacanya. Dah deh dr pd kelamaan langsung aj nih adalah cara gampang membuat warna gambar/foto menjadi SEPHIA.

Inilah caranya :

1. Buka gambar yang ingin Anda ubah menjadi sephia.

2. Ubahlah modenya menjadi RGB: Image–>Mode–>RGB Color.

3. Pilih Image–>Adjustment–>Channel Mixer

4. Pada kotak Output Channel, pilihlah Red, kemudian pada Source Channel, ubahlah slider Red = +30%;     Green= +68%; Blue= +8%, constant= +8%.

5. Pada kotak Output Channel, pilihlah Green, kemudian pada Source Channel, ubahlah slider Red = +24%;
Green= +74%; Blue= +8%, constant= +4%.

6. Pada kotak Output Channel, pilihlah Blue, kemudian pada Source Channel, ubahlah slider Red = +24%; Green= +68%; Blue= +14%, constant= -2%.

7. Gambar Anda telah berubah menjadi sephia.

Read more »

Posted in: multimedia,photoshop,tutorial

Memberi efek salju menggunakan photoshop

1. Buat projek baru Ctrl+N atau File - New…
2. Buat halaman kerja anda menjadi berwarna hitam, dengan cara: pilih menu Edit - Fill - Use isikan Black - Ok.
3. Buat objek pada custom shape tool

4. Seperti ini misalkan:

5. Tambahkan efek Noise: Filter - Noise - Add Noise, isikan Amount: 10, Distribution: Uniform, Ok.
6. Pada objek tambahkan Blur - Blur More
7. Atur levelnya. Atur seperti gambar di bawah:

8. Objek akan nampak seperti gambar berikut:

9. Pilih menu Showscreen pada layer objek.

10. Selesai. Hasil akhirnya seperti gambar berikut:

Read more »

Posted in: multimedia,photoshop,tutorial