Blog Berbagi Seputar Teknologi dan Tugas Kampus.

Tuesday, January 26, 2016

Cara Membuat Peta Digital Menggunakan ArcView Part1 - Pada kesempatan kali ini saya akan membagikan cara membuat peta digital menggunakan Arcview 3.3 dengan kasus Peta Semarang yang juga pernah saya bahas diblog lama saya.

Silahkan Anda Download Gambar Berikut untuk bahan praktek.

Peta Admin Kota Semarang


Adapun Langkah dalam pembuatan dengan aplikasi software ArcView adalah Sebagai berikut:
  • Konversi (dari peta cetak ke digital) ataupun bisa download langsung peta digital sesuai keinginan di Website Resmi BIG >> http://www.bakosurtanal.go.id/peta-provinsi/.
  • Lakukan Registrasi.
  • Lakukan Digit(is)asri.
  • Pemberian Atribut.
Baca Juga : Cara Menginstal Aplikasi ArcView 3.3

Untuk Jelasnya Silahkan simak tutorial berikut:
  • Pertama Buka Aplikasi ArcView 3.3 yang telah diinstal sebelumnya
  • Setelah Software telah berjalan Pilih with a new view diawal biasanya langsung mengarah ke with a new view selanjutnya klik ok, saat tampil add data klik No seperti gambar dibawah



  • Setelah Semuanya Siap Selanjutnya kita akan memerlukan file tambahan untuk melakukan registrasi peta, untuk mendapatkan file silahkan download Disini. Jangan lupa untuk mempersiapkan peta digital yang telah kita downlaod dari gambar diatas ataupun mendownload dari Badan Informasi Geospasial >> http://www.bakosurtanal.go.id/peta-provinsi/, Dan Saya sendiri disini menggunakan Peta Kota Semarang yang bisa didownload ada diatas.
  • Baiklah kita sekarang akan melakukan registrasi ikuti langkah dibawah ini




  • Pilih peta admin kota semarang.jpg (peta di directory saya) Lalu Klik OK dan ceklist pada admin kota semarang.jpg
  • Selanjutnya Untuk Registrasi Klik View dan ikuti langkah dibawah ini



  • Registrasi Berhasil Jika Peta menghilang Setelah melakukan klik write world file

Dan Sekian tutorial dari saya kita akan bertemu lagi di tutorial selanjutnya, selamat mencoba dan terima kasih.

Cara Membuat Peta Digital Menggunakan ArcView Part1 - Pada kesempatan kali ini saya akan membagikan cara membuat peta digital menggunakan Arcview 3.3 dengan kasus Peta Semarang yang juga pernah saya bahas diblog lama saya.

Silahkan Anda Download Gambar Berikut untuk bahan praktek.

Peta Admin Kota Semarang


Adapun Langkah dalam pembuatan dengan aplikasi software ArcView adalah Sebagai berikut:
  • Konversi (dari peta cetak ke digital) ataupun bisa download langsung peta digital sesuai keinginan di Website Resmi BIG >> http://www.bakosurtanal.go.id/peta-provinsi/.
  • Lakukan Registrasi.
  • Lakukan Digit(is)asri.
  • Pemberian Atribut.
Baca Juga : Cara Menginstal Aplikasi ArcView 3.3

Untuk Jelasnya Silahkan simak tutorial berikut:
  • Pertama Buka Aplikasi ArcView 3.3 yang telah diinstal sebelumnya
  • Setelah Software telah berjalan Pilih with a new view diawal biasanya langsung mengarah ke with a new view selanjutnya klik ok, saat tampil add data klik No seperti gambar dibawah



  • Setelah Semuanya Siap Selanjutnya kita akan memerlukan file tambahan untuk melakukan registrasi peta, untuk mendapatkan file silahkan download Disini. Jangan lupa untuk mempersiapkan peta digital yang telah kita downlaod dari gambar diatas ataupun mendownload dari Badan Informasi Geospasial >> http://www.bakosurtanal.go.id/peta-provinsi/, Dan Saya sendiri disini menggunakan Peta Kota Semarang yang bisa didownload ada diatas.
  • Baiklah kita sekarang akan melakukan registrasi ikuti langkah dibawah ini




  • Pilih peta admin kota semarang.jpg (peta di directory saya) Lalu Klik OK dan ceklist pada admin kota semarang.jpg
  • Selanjutnya Untuk Registrasi Klik View dan ikuti langkah dibawah ini



  • Registrasi Berhasil Jika Peta menghilang Setelah melakukan klik write world file

Dan Sekian tutorial dari saya kita akan bertemu lagi di tutorial selanjutnya, selamat mencoba dan terima kasih.

Monday, January 25, 2016

Membuat Program Sederhana dengan Netbeans - Pada kesempatan kali ini saya akan membagikan hasil tugas kuliah saya di semester 6, yang sebelumnya pernah saya share di blog lama saya, silahkan disimak.


  • Pertama Buka Aplikasi Neatbeans Anda.
  • Buat Project Baru.

  • Klik Kanan Pada Project Bayu (nama project anda) Pada Posisi Choose Project >> Java >> Java Desktop Application >> Next.

  • Beri Nama Project Anda Disini saya beri Nama Latihan3.
  • Pilih Browse Untuk memilih tempat penyimpanan Selesai klik finish.

  • Pertama Kita Harus Membuat Form View Agar dapat menampilkan hasil kerja kita nantinya.
  • Double Klik namaprojectandaView.java >> Klik Kanan Mouse Disamping Help >> Add from Palette >> Menu >> Beri nama Hasil Seperti Gambar berikut.
  • Selanjutnya Klik Kanan Pada Hasil >> Add from Palette >> Menu Item >> Beri nama latihan3

  • Selanjutnya Kita Akan Menambahkan Koding Pada View untuk menjalankan Program.
  • Klik Kanan latihan3 yang tadi telah kita buat >>Events >> Action >> actionPerformed.

  • Selanjutnya Tepatkan Koding Berikut Dibawah // TODO add your handling code here:

    Latihan3 latihan3 = new Latihan3();

            jDesktopPane1.add(latihan3,javax.swing.JLayeredPane.DEFAULT_LAYER);

            latihan3.show();

           

    }


  • Buat Tampilan Seperti Dibawah Dengan Komponen

  1.     Label (4 Buah).
  2.     Text Field (1 Buah).
  3.     Check Box (3 Buah)
  4.     Radio Button (2 Buah)
  5.     List (1 Buah).
  6.     Button (1 Buah).

Jelasnya Lihat Gambar berikut:



  • Setting Seperti Gambar selanjutnya



  • Cara Merubah List Klik Kanan Pada Kotak List >> Properties.
Untuk Jelasnya Gambar berikut:





  • Untuk Mengganti Nama label Klik Kanan >> Edit Text.
  • Dan Pastikan Anda Mengganti Nama Variabelnya, Klik Kanan Change Variable Name.




  1. Variabel Nama = nama
  2. Variabel  Makan = cbHo1
  3. Variabel  Shopping = cbHo2
  4. Variabel  Tidur = cbHo3
  5. Submit = BTNSubmit
  6. Variabel  Laki-laki = rdLaki
  7. Variabel  Perempuan = rsPerempuan
  8. Variabel  Jurusan = lstJurusan

  • Setelah Semua Selesai Klik Kanan pada Submit
  • dan ikuti langkah digambar


Selanjutnya Masukkan Koding Berikut Dibawah // TODO add your handling code here:

       String nama;

            String hoby;

            String jenkel;

            String jurusan;

            String info;

           

            nama = Nama.getText();

           

            if(cbHob1.isSelected())

        hoby="Makan";

            if(cbHob2.isSelected())

        hoby= "Shopping";

        if(cbHob3.isSelected())

        hoby="Tidur";

       

        if(rdLaki.isSelected())

        jenkel= "Laki-laki";

        else

            jenkel= "Perempuan";

           

            jurusan=lstJurusan.getSelectedValue().toString();

           

       info ="Nama Saya Adalah:"+nama+"\n";

       info+="Hobby Saya :"+hoby+"\n";

       info+="Jenis Kelamin :"+jenkel+"\n";

       info+="Jurusan Saya :"+jurusan+"\n";

       JOptionPane.showMessageDialog(null,info);   

           

                   

        }


Letakkan Koding Berikut Pada Radio Button Laki-laki dan Perempuan.
Dengan cara Klik Kanan pada Radio Button (Laki-laki ataupun Perempuan) >> Events >> Action >> actionPerformed.
Dan Terakhir Tekan F6



Sekian Tutorial dari saya semoga bermanfaat dan selamat belajar.

Membuat Program Sederhana dengan Netbeans - Pada kesempatan kali ini saya akan membagikan hasil tugas kuliah saya di semester 6, yang sebelumnya pernah saya share di blog lama saya, silahkan disimak.


  • Pertama Buka Aplikasi Neatbeans Anda.
  • Buat Project Baru.

  • Klik Kanan Pada Project Bayu (nama project anda) Pada Posisi Choose Project >> Java >> Java Desktop Application >> Next.

  • Beri Nama Project Anda Disini saya beri Nama Latihan3.
  • Pilih Browse Untuk memilih tempat penyimpanan Selesai klik finish.

  • Pertama Kita Harus Membuat Form View Agar dapat menampilkan hasil kerja kita nantinya.
  • Double Klik namaprojectandaView.java >> Klik Kanan Mouse Disamping Help >> Add from Palette >> Menu >> Beri nama Hasil Seperti Gambar berikut.
  • Selanjutnya Klik Kanan Pada Hasil >> Add from Palette >> Menu Item >> Beri nama latihan3

  • Selanjutnya Kita Akan Menambahkan Koding Pada View untuk menjalankan Program.
  • Klik Kanan latihan3 yang tadi telah kita buat >>Events >> Action >> actionPerformed.

  • Selanjutnya Tepatkan Koding Berikut Dibawah // TODO add your handling code here:

    Latihan3 latihan3 = new Latihan3();

            jDesktopPane1.add(latihan3,javax.swing.JLayeredPane.DEFAULT_LAYER);

            latihan3.show();

           

    }


  • Buat Tampilan Seperti Dibawah Dengan Komponen

  1.     Label (4 Buah).
  2.     Text Field (1 Buah).
  3.     Check Box (3 Buah)
  4.     Radio Button (2 Buah)
  5.     List (1 Buah).
  6.     Button (1 Buah).

Jelasnya Lihat Gambar berikut:



  • Setting Seperti Gambar selanjutnya



  • Cara Merubah List Klik Kanan Pada Kotak List >> Properties.
Untuk Jelasnya Gambar berikut:





  • Untuk Mengganti Nama label Klik Kanan >> Edit Text.
  • Dan Pastikan Anda Mengganti Nama Variabelnya, Klik Kanan Change Variable Name.




  1. Variabel Nama = nama
  2. Variabel  Makan = cbHo1
  3. Variabel  Shopping = cbHo2
  4. Variabel  Tidur = cbHo3
  5. Submit = BTNSubmit
  6. Variabel  Laki-laki = rdLaki
  7. Variabel  Perempuan = rsPerempuan
  8. Variabel  Jurusan = lstJurusan

  • Setelah Semua Selesai Klik Kanan pada Submit
  • dan ikuti langkah digambar


Selanjutnya Masukkan Koding Berikut Dibawah // TODO add your handling code here:

       String nama;

            String hoby;

            String jenkel;

            String jurusan;

            String info;

           

            nama = Nama.getText();

           

            if(cbHob1.isSelected())

        hoby="Makan";

            if(cbHob2.isSelected())

        hoby= "Shopping";

        if(cbHob3.isSelected())

        hoby="Tidur";

       

        if(rdLaki.isSelected())

        jenkel= "Laki-laki";

        else

            jenkel= "Perempuan";

           

            jurusan=lstJurusan.getSelectedValue().toString();

           

       info ="Nama Saya Adalah:"+nama+"\n";

       info+="Hobby Saya :"+hoby+"\n";

       info+="Jenis Kelamin :"+jenkel+"\n";

       info+="Jurusan Saya :"+jurusan+"\n";

       JOptionPane.showMessageDialog(null,info);   

           

                   

        }


Letakkan Koding Berikut Pada Radio Button Laki-laki dan Perempuan.
Dengan cara Klik Kanan pada Radio Button (Laki-laki ataupun Perempuan) >> Events >> Action >> actionPerformed.
Dan Terakhir Tekan F6



Sekian Tutorial dari saya semoga bermanfaat dan selamat belajar.

Wednesday, January 20, 2016

Cara Membuat Link Pada Header Website Blog - Pada kesempatan kali ini saya akan berbagi, bagaimana membuat link pada gambar header blog, baiklah langsung saja ke langkahnya.

1. Pertama Buka Aplikasi Macromedia Dreamweaver (Yang telah terinstal tentunya)
2. Pada menu Create New dan pilih HTML
3. Setelah berhasil masuk ke dalam menu editing kode pada Dreamweaver selanjutnya upload Gambar Header yang akan diberi link, yaitu dengan masuk ke menu Design pada menu editing
Membaut Link Pada Gambar Header

Keterangan Langkah
1. Pilih Design
2. Pilih Image
3. Cari Folder Gambar
4. Pilih Gambar
5. Ok

Setelah gambar berhasil diupload lakukan penempatan link pada gambar
1. Pilih salah satu dari ketiga tools untuk menempatkan posisi link
Tools Untuk Menempatkan Link

2. Dan disni saya menggunakan Rectangular Hotspot Tool
3. Selanjutnya posisikan tempat yang akan diberikan link, contoh disni saya akan menempatkan link pada gambar Facebook

Posisikan Link Pada Gambar Facebook


Keterangan
1. Pilih Tools kotak
2. Posisikan tempat Link
3. Masukkan Link tujuan

- Lakukan Hal yang sama pada tempat yang akan anda berikan link juga
- Setelah langkah-langkah tersebut selesai
- Klik pada bagian Code dan copykan code yang seperti gambar
Kode Yang akan Dipakai

-  Masuk ke Blogger >> Tata Letak >> Tambahkan Gadget >> HTML/JavaScript
-  Pastekan kode yang telah dicopy sebelumnya >> Save
-  Selanjutnya Masuk kemenu Pos dan Upload gambar yang telah kita pilih tadi
- Setalah gambar berhasil diupload copy url imagenya contoh milik saya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPiwDmMsOw9ZO5eL_hA9sBT0-MX_5ZrPqR79_XuHug4S2cbGCcldsI2HoF_pPnbEzKLtUN5XqeKKJHv7iEI3J8sMnlsi6rGvU7zIHXa5G4Nqhn8RPiT31uCBvd_C3wCIZaM34zbRqFp5Ag/s1600/bayu+maulanda.jpg
-  Selanjutnya kita kembali menu Tataletak >> Edit pada widget yang telah kita save sebelumnya
-  Pastekan code yang telah kita dapatkan setelah upload ke blogger barusan pada bagian alamat gambar kita sebelumnya yang telah kita buat melalui dreamweaver

Posisi Link yang diganti

-  Dan terakhir klik save dan lihat hasilnya

Contoh: Coba anda arahkan kursor mouse pada bagian facebook



Bayu Maulanda

Sekian Tutorial dari saya selamat mencoba dan semoga dapat membantu, sampai jumpa lagi

Cara Membuat Link Pada Header Website Blog - Pada kesempatan kali ini saya akan berbagi, bagaimana membuat link pada gambar header blog, baiklah langsung saja ke langkahnya.

1. Pertama Buka Aplikasi Macromedia Dreamweaver (Yang telah terinstal tentunya)
2. Pada menu Create New dan pilih HTML
3. Setelah berhasil masuk ke dalam menu editing kode pada Dreamweaver selanjutnya upload Gambar Header yang akan diberi link, yaitu dengan masuk ke menu Design pada menu editing
Membaut Link Pada Gambar Header

Keterangan Langkah
1. Pilih Design
2. Pilih Image
3. Cari Folder Gambar
4. Pilih Gambar
5. Ok

Setelah gambar berhasil diupload lakukan penempatan link pada gambar
1. Pilih salah satu dari ketiga tools untuk menempatkan posisi link
Tools Untuk Menempatkan Link

2. Dan disni saya menggunakan Rectangular Hotspot Tool
3. Selanjutnya posisikan tempat yang akan diberikan link, contoh disni saya akan menempatkan link pada gambar Facebook

Posisikan Link Pada Gambar Facebook


Keterangan
1. Pilih Tools kotak
2. Posisikan tempat Link
3. Masukkan Link tujuan

- Lakukan Hal yang sama pada tempat yang akan anda berikan link juga
- Setelah langkah-langkah tersebut selesai
- Klik pada bagian Code dan copykan code yang seperti gambar
Kode Yang akan Dipakai

-  Masuk ke Blogger >> Tata Letak >> Tambahkan Gadget >> HTML/JavaScript
-  Pastekan kode yang telah dicopy sebelumnya >> Save
-  Selanjutnya Masuk kemenu Pos dan Upload gambar yang telah kita pilih tadi
- Setalah gambar berhasil diupload copy url imagenya contoh milik saya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPiwDmMsOw9ZO5eL_hA9sBT0-MX_5ZrPqR79_XuHug4S2cbGCcldsI2HoF_pPnbEzKLtUN5XqeKKJHv7iEI3J8sMnlsi6rGvU7zIHXa5G4Nqhn8RPiT31uCBvd_C3wCIZaM34zbRqFp5Ag/s1600/bayu+maulanda.jpg
-  Selanjutnya kita kembali menu Tataletak >> Edit pada widget yang telah kita save sebelumnya
-  Pastekan code yang telah kita dapatkan setelah upload ke blogger barusan pada bagian alamat gambar kita sebelumnya yang telah kita buat melalui dreamweaver

Posisi Link yang diganti

-  Dan terakhir klik save dan lihat hasilnya

Contoh: Coba anda arahkan kursor mouse pada bagian facebook



Bayu Maulanda

Sekian Tutorial dari saya selamat mencoba dan semoga dapat membantu, sampai jumpa lagi

Tuesday, January 19, 2016

Bagaimana Membuat Google Custom Search diblog - Baiklah pada kesempatan kali ini saya akan berbagi cara membuat Google Custom Search, setelah mencari dengan keyword cara membuat pencarian pada blog denagn Google Search, akhirnya saya menemukan beberapa tutorial dan langsung saya praktekan. Oke langsung membuat Google CSE.

1. Manuju ke alamat https://cse.google.com/cse/
2. Klik buat mesin telusur khusus (saya memakai Google.co.id)
3. Isi form sesuai kebutuhan anda, disini saya memasukan Url Blog saya sendiri, disini juga kita bisa memasukan lebih dari satu Url blog untuk melakukan pencarian jika form telah terisi klik BUAT

Pengisian Form Pembuatan Google Custom Search
 
4. Selanjutnya Klik dapatkan kode

Dapatkan Kode
 
5. Copy & Pastekan kode ditempat yang diinginkan 

Kode Google Custom Search

6. Dan Google Custom Search berhasil dibuat

Semoga tutorial diatas dapat membantu dan bermanfaat serta selamat mencoba, sekian dari saya dan terima kasih.

Bagaimana Membuat Google Custom Search diblog - Baiklah pada kesempatan kali ini saya akan berbagi cara membuat Google Custom Search, setelah mencari dengan keyword cara membuat pencarian pada blog denagn Google Search, akhirnya saya menemukan beberapa tutorial dan langsung saya praktekan. Oke langsung membuat Google CSE.

1. Manuju ke alamat https://cse.google.com/cse/
2. Klik buat mesin telusur khusus (saya memakai Google.co.id)
3. Isi form sesuai kebutuhan anda, disini saya memasukan Url Blog saya sendiri, disini juga kita bisa memasukan lebih dari satu Url blog untuk melakukan pencarian jika form telah terisi klik BUAT

Pengisian Form Pembuatan Google Custom Search
 
4. Selanjutnya Klik dapatkan kode

Dapatkan Kode
 
5. Copy & Pastekan kode ditempat yang diinginkan 

Kode Google Custom Search

6. Dan Google Custom Search berhasil dibuat

Semoga tutorial diatas dapat membantu dan bermanfaat serta selamat mencoba, sekian dari saya dan terima kasih.

Cara membuat Read More pada Blog - Bagi para blogger desain tentu paham betul tentang cara membuat Read More, maka dari itu pada kesempatan kali ini saya akan membagikan pengalaman saya sebagai blogger newbie yang belajar mendesain blog, yaitu membuat Read More atau Baca Selengkapnya pada postingan / Artikel. Baiklah langsung saja ke pokok pembahasan, dari sumber yang saya dapatkan ada 2 cara membuat Read More atau Baca Selengkapnya.

1. Membaut Read More dengan cara manual


- Langkah pertama tentu kita harus masuk ke dashboard blogger dan masuk ke menu post atau entri
- Setelah anda selesai menulis atau mengedit artikel tentukan posisi mana yang akan dipotong untuk dipasang Read More menggunakan Insert Jump Break Seperti gambar dibawah.

Membuat Read More Manual

- Apabila selesai Klik Publikasikan, dan Read More berhasil dibuat.

*Cara Diatas merupakan cara manual, yang apabila anda harus melakukannya terus menerus setelah selesai menulis sebuah artikel.

2. Cara membuat Read More Otomatis

- Barang tentu anda harus masuk ke dashboard Blogger
- Masuk ke menu Template dan klik edit HTML serta lakukan pencarian kode </head> dan tempel kode berikut tepat dibawah kode </head> yang telah ditemukan

<!-- Auto read more bayumaulanda.blogspot.com script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;;
summary_noimg = 4530;
summary_img = 440;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) { 
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more bayumaulanda.blogspot.com script End -->

- Sesuaikan koding dibawah ini sesuai keperluan anda

summary_noimg = 430; Jumlah Huruf dengan gambar
summary_img = 340; Jumlah Huruf Tanpa gambar
img_thumb_height = 150; Tinggi gambar
img_thumb_width = 150; Lebar Gambar

- Selanjutnya lakukan pencarian koding <data:post.body/> terdapat 2 atau 3 koding yang sama, ganti seluruh koding yang ditemukan dengan koding berikut ini

<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya >>></a>
</b:if>
</b:if>
<!-- Auto read more End -->

- Dan Read More atau Baca Selengkapnya Berhasil dibuat, dan otomatis akan selalu ada pada postingan baru anda

Sekian tutorial dari saya selamat mencoba dan semoga membantu, sampai jumpa.

Cara membuat Read More pada Blog - Bagi para blogger desain tentu paham betul tentang cara membuat Read More, maka dari itu pada kesempatan kali ini saya akan membagikan pengalaman saya sebagai blogger newbie yang belajar mendesain blog, yaitu membuat Read More atau Baca Selengkapnya pada postingan / Artikel. Baiklah langsung saja ke pokok pembahasan, dari sumber yang saya dapatkan ada 2 cara membuat Read More atau Baca Selengkapnya.

1. Membaut Read More dengan cara manual


- Langkah pertama tentu kita harus masuk ke dashboard blogger dan masuk ke menu post atau entri
- Setelah anda selesai menulis atau mengedit artikel tentukan posisi mana yang akan dipotong untuk dipasang Read More menggunakan Insert Jump Break Seperti gambar dibawah.

Membuat Read More Manual

- Apabila selesai Klik Publikasikan, dan Read More berhasil dibuat.

*Cara Diatas merupakan cara manual, yang apabila anda harus melakukannya terus menerus setelah selesai menulis sebuah artikel.

2. Cara membuat Read More Otomatis

- Barang tentu anda harus masuk ke dashboard Blogger
- Masuk ke menu Template dan klik edit HTML serta lakukan pencarian kode </head> dan tempel kode berikut tepat dibawah kode </head> yang telah ditemukan

<!-- Auto read more bayumaulanda.blogspot.com script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;;
summary_noimg = 4530;
summary_img = 440;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) { 
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more bayumaulanda.blogspot.com script End -->

- Sesuaikan koding dibawah ini sesuai keperluan anda

summary_noimg = 430; Jumlah Huruf dengan gambar
summary_img = 340; Jumlah Huruf Tanpa gambar
img_thumb_height = 150; Tinggi gambar
img_thumb_width = 150; Lebar Gambar

- Selanjutnya lakukan pencarian koding <data:post.body/> terdapat 2 atau 3 koding yang sama, ganti seluruh koding yang ditemukan dengan koding berikut ini

<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya >>></a>
</b:if>
</b:if>
<!-- Auto read more End -->

- Dan Read More atau Baca Selengkapnya Berhasil dibuat, dan otomatis akan selalu ada pada postingan baru anda

Sekian tutorial dari saya selamat mencoba dan semoga membantu, sampai jumpa.

Cara Membuat Form Tukar Link Otomatis Di Blog - Pada kesempatan ini saya akan kembali mengulas bagaimana cara membuat form tukar link otomatis diblog, sebenarnya postingan ini merupakan postingan terdahulu dari blog lama saya, kali ini akan kembali saya bagikan kepada sahabat sekalian, silahkan disimak.

1. Pertama Masuk Ke alamat Mistery Linky >> http://www.blenza.com/linkies/

Blenza Untuk Membuat Form Tukar Link

2. Lakukan Registrasi Seperti Gambar Dibawah Ini

Pengisian Data Pada Form Pendaftaran

3. Isi Form Kosong Dibawah Ini dengan Kode yang dikirim ke email Anda

Konfimasi Pendaftaran

4. Setelah Selesai Confirmasi kode kita akan melakukan Log in Kembali

Melakukan Login Di Blenza

5. Klik Wizard dan ikuti langkah dibawah ini.

Pengaturan Akhir

6. Klik Generate code, Copy & Pastekan Ke Halaman Blog Anda

Form Tukar Link Berhasil Dibuat


Dan Form Tukar Link Otomatis telah berhasil dibuat Klik Tukar Link untuk Demo, sekian dari saya selamat mencoba dan semoga bermanfaat, sampai jumpa lagi

Cara Membuat Form Tukar Link Otomatis Di Blog - Pada kesempatan ini saya akan kembali mengulas bagaimana cara membuat form tukar link otomatis diblog, sebenarnya postingan ini merupakan postingan terdahulu dari blog lama saya, kali ini akan kembali saya bagikan kepada sahabat sekalian, silahkan disimak.

1. Pertama Masuk Ke alamat Mistery Linky >> http://www.blenza.com/linkies/

Blenza Untuk Membuat Form Tukar Link

2. Lakukan Registrasi Seperti Gambar Dibawah Ini

Pengisian Data Pada Form Pendaftaran

3. Isi Form Kosong Dibawah Ini dengan Kode yang dikirim ke email Anda

Konfimasi Pendaftaran

4. Setelah Selesai Confirmasi kode kita akan melakukan Log in Kembali

Melakukan Login Di Blenza

5. Klik Wizard dan ikuti langkah dibawah ini.

Pengaturan Akhir

6. Klik Generate code, Copy & Pastekan Ke Halaman Blog Anda

Form Tukar Link Berhasil Dibuat


Dan Form Tukar Link Otomatis telah berhasil dibuat Klik Tukar Link untuk Demo, sekian dari saya selamat mencoba dan semoga bermanfaat, sampai jumpa lagi

Monday, January 18, 2016

Contoh Laporan PKPM IBI Darmajaya - Pada kesempatan kali ini saya akan membagikan contoh lapran Praktek Kerja Pengabdian Masyarakat yang disingkat PKPM, laporan ini merupakan laporan dari studi Ilmu Komputer yaitu, laporan E-Commerce pada usaha Warni Aksesoris Sukarame Talang Padang yang merupakan laporan Individu saya dan Laporan Sistem Informasi Desa Sukarame Talang Padang yang merupakan laporan kelompok studi bidang Ilmu Komputer
Team PKPM IBI Darmajaya Sukarame Talang Padang

Silahkan Klik Ini untuk mendownload contoh laporan Individu
Silahkan Klik Ini untuk mendownload contoh laporan Kelompok

Contoh Laporan PKPM IBI Darmajaya - Pada kesempatan kali ini saya akan membagikan contoh lapran Praktek Kerja Pengabdian Masyarakat yang disingkat PKPM, laporan ini merupakan laporan dari studi Ilmu Komputer yaitu, laporan E-Commerce pada usaha Warni Aksesoris Sukarame Talang Padang yang merupakan laporan Individu saya dan Laporan Sistem Informasi Desa Sukarame Talang Padang yang merupakan laporan kelompok studi bidang Ilmu Komputer
Team PKPM IBI Darmajaya Sukarame Talang Padang

Silahkan Klik Ini untuk mendownload contoh laporan Individu
Silahkan Klik Ini untuk mendownload contoh laporan Kelompok

Cara mudah membuat blog - Pada kesempatan ini saya akan menjelaskan cara mudah membuat blog dengan menggunakan blogger, sebenarnya tutorial ini sudah banyak diangkat oleh para master blogger lain di artikel blog mereka, namun kali ini saya akan kembali menerangkan caranya.

- Pertama masuk ke Blogger
- Login Akun Google anda
- Klik Blog Baru
Buat Blog

- Isi Data Blog
Data Blog

- Blog telah berhasil dibuat

Blogger


- Cara Mengganti Template
- Masuk ke Menu Template

Menu Template

- Klik Cadangkan/Pulihkan

Upload Template

- Anda bisa mendownload terlebih dahulu template yang sesuai selera
- Selanjutnya klik telusuri
Telusuri

- Cari template yang akan dipakai, format *xml

Tempate Blogger


Dan blog dengan template baru berhasil dibuat, sekian tutorial dari saya selamat belajar dan semoga membantu, sampai jumpa

Cara mudah membuat blog - Pada kesempatan ini saya akan menjelaskan cara mudah membuat blog dengan menggunakan blogger, sebenarnya tutorial ini sudah banyak diangkat oleh para master blogger lain di artikel blog mereka, namun kali ini saya akan kembali menerangkan caranya.

- Pertama masuk ke Blogger
- Login Akun Google anda
- Klik Blog Baru
Buat Blog

- Isi Data Blog
Data Blog

- Blog telah berhasil dibuat

Blogger


- Cara Mengganti Template
- Masuk ke Menu Template

Menu Template

- Klik Cadangkan/Pulihkan

Upload Template

- Anda bisa mendownload terlebih dahulu template yang sesuai selera
- Selanjutnya klik telusuri
Telusuri

- Cari template yang akan dipakai, format *xml

Tempate Blogger


Dan blog dengan template baru berhasil dibuat, sekian tutorial dari saya selamat belajar dan semoga membantu, sampai jumpa

Membuat animasi sepeda motor sederhana menggunakan Macromedia Flash 8 - Baiklah pada kesempatan kali ini kita akan membuat animasi sepeda motor sederhana menggunakan Macromedia Flash 8, baiklah kita akan memulai membuatnya.

- Pertama Buka Aplikasi Macromedia Flash 8
- Selanjutnya Ubah nama pada layer1 menjadi Badan Motor untuk memudahkan dalam mengedit, dengan klik kanan pada layer dan klik kanan dan pilih properti.


Mengubah Nama Layer1

- Langsung menggambar body motor seperti gambar berikut dengan menggunakan Brush Tool, dengan ukuran seperti gambar
Gambar Awal Body

- Selanjutnya berikan warna pada body motor sesuai dengan selera anda dengan menggunakan Paint Bucket Tool seperti gambar
Mewarnai Body

- Selanjutnya klik insert layer untuk membuat layer baru dan diberi nama dengan nama Pengemudi
Membuat Layer pengemudi

- Dan kreasikan bentuk pengemudi sesuai selera atau bisa mencontoh gambar

Pengemudi

- Selanjutnya insert kembali 2 layer baru dan beri nama ban belakang dan ban depan untuk bannya, buatlah ban dengan selera anda

Tambahan Ban

- Selanjutnya berikan animasi gerak pada ban yang seolah-olah sepeda motor sedang berjalan, dengan cara tentukan panjang frame untuk animasi dengan insert frame, namun harus anda ingat seluruh bagian layer harus memiliki frame yang sama supaya waktu animasi berjalan semua bagian lengkap

Insert Frame

- Dan selanjutnya klik pada ban motor belakang maupun depan dan insert keyframe pada frame terakhir

Insert Key Frame
- Selanjutnya klik Free Transform Tool dan putar ban 180 derajat, lakukan pada kedua ban

Pemutaran Ban

- Simpan animasi dengan nama motor
- dan animasi selesai, untuk melihat hasilnya tekan Ctrl + Enter
- Jika anda ingin mengembangkan animasi ini silahkan download filenya disini

Sekian tutorial dari saya selamat belajar dan semoga bermanfaat, jika ada pertanyaan kirimkan pertanyaan anda ke alamat email saya di Bayuherman4@gmail.com, sampai jumpa lagi

Membuat animasi sepeda motor sederhana menggunakan Macromedia Flash 8 - Baiklah pada kesempatan kali ini kita akan membuat animasi sepeda motor sederhana menggunakan Macromedia Flash 8, baiklah kita akan memulai membuatnya.

- Pertama Buka Aplikasi Macromedia Flash 8
- Selanjutnya Ubah nama pada layer1 menjadi Badan Motor untuk memudahkan dalam mengedit, dengan klik kanan pada layer dan klik kanan dan pilih properti.


Mengubah Nama Layer1

- Langsung menggambar body motor seperti gambar berikut dengan menggunakan Brush Tool, dengan ukuran seperti gambar
Gambar Awal Body

- Selanjutnya berikan warna pada body motor sesuai dengan selera anda dengan menggunakan Paint Bucket Tool seperti gambar
Mewarnai Body

- Selanjutnya klik insert layer untuk membuat layer baru dan diberi nama dengan nama Pengemudi
Membuat Layer pengemudi

- Dan kreasikan bentuk pengemudi sesuai selera atau bisa mencontoh gambar

Pengemudi

- Selanjutnya insert kembali 2 layer baru dan beri nama ban belakang dan ban depan untuk bannya, buatlah ban dengan selera anda

Tambahan Ban

- Selanjutnya berikan animasi gerak pada ban yang seolah-olah sepeda motor sedang berjalan, dengan cara tentukan panjang frame untuk animasi dengan insert frame, namun harus anda ingat seluruh bagian layer harus memiliki frame yang sama supaya waktu animasi berjalan semua bagian lengkap

Insert Frame

- Dan selanjutnya klik pada ban motor belakang maupun depan dan insert keyframe pada frame terakhir

Insert Key Frame
- Selanjutnya klik Free Transform Tool dan putar ban 180 derajat, lakukan pada kedua ban

Pemutaran Ban

- Simpan animasi dengan nama motor
- dan animasi selesai, untuk melihat hasilnya tekan Ctrl + Enter
- Jika anda ingin mengembangkan animasi ini silahkan download filenya disini

Sekian tutorial dari saya selamat belajar dan semoga bermanfaat, jika ada pertanyaan kirimkan pertanyaan anda ke alamat email saya di Bayuherman4@gmail.com, sampai jumpa lagi