Minggu, 18 November 2012

Langkah dan Cara Membuat Slide Show Photo Widget for Blogspot

Pertama, sobat pergi ke Dashboard > Tata Letak > Edit HTML > Contreng Expand Widget Templates.
Setelah itu cari kode <head> *(gunakan Ctrl+F pada keyboard untuk mempermudah pencarian). setelah menemukan kode tersebut, tepat di bawahnya letakkan kode script berikut ini :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);
//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 250, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');
}
//]]>
</script>
<style type='text/css'>
ul.slideshow {
list-style:none;
width:480px; 
height:250px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:200;
}
ul img {
width:480px;
height:250px;
border:none;
}
</style>
*Ket : Kode berwarna merah adalah kode yang sobat bisa ganti sesuai dengan keinginan untuk menentukan lebar, tinggi serta panjang dari gedget tersebut. sedangkan untuk yang lain sobat otak-atik aja sendiri ya.. :D
Untuk langkah kedua sekaligus langkah terakhir sobat pergi ke Dashboard > Tata Letak > Klik tulisan Add a Gadget (tambah widget) > Pilih HTML/Javascript lalu letakan kode ini : 

<ul class="slideshow">
<li><a href="http://images.plurk.com/7upBWMtNwUBWV1tSwWkdwf.jpg"><img src="http://images.plurk.com/7upBWMtNwUBWV1tSwWkdwf.jpg" title="Arsenal FC" alt="" /></a></li><li><ahref="http://images.plurk.com/7upBWMtNwUBWV1tSwWkdwf.jpg"><img src="http://images.plurk.com/2uPHSHXQiHAZochgYXkOyE.jpg" title="Arsenal FC" alt="Emirates Stadiun" /></ahref="http:></li><li><a href="http://images.plurk.com/4L4gOdggYnFUDqekuJiDTl.jpg"><img src="http://images.plurk.com/4L4gOdggYnFUDqekuJiDTl.jpg" title="Arsene Wenger" alt="Resmi Menjadi Pelatih Utama Arsenal Pada 1 Oktober 1996" /></a></li><li><a href="http://images.plurk.com/2AKWZjX6aVtosbfYM9FIJ6.jpg"><img src="http://images.plurk.com/2AKWZjX6aVtosbfYM9FIJ6.jpg" title="Arsenal FC" alt="Juara Liga Inggris Tahun 2003-2004" /></a></li><li><a href="http://images.plurk.com/23bstKfgtCt0VcilmEneBR.jpg"><img src="http://images.plurk.com/23bstKfgtCt0VcilmEneBR.jpg" title="Arsenal FC" alt="Juara FA Cup 2004-2005" /></a></li><li><a href="http://images.plurk.com/46nNzwvdkyK7xP3Teo0s0q.jpg"><img src="http://images.plurk.com/46nNzwvdkyK7xP3Teo0s0q.jpg" title="Thierry Henry" alt="Pencetak gol terbanyak di Arsenal, dengan 226 gol." /></a></li><li><a href="http://images.plurk.com/3036TvJZNWe1RdwviVkeYE.jpg"><img src="http://images.plurk.com/3036TvJZNWe1RdwviVkeYE.jpg" title="Arsenal FC" alt="Mantan Pemain Terbaik Arsenal" /></a></li></ul>
Simpan dan liat hasilnya, mudah singkat dan menarik khan sob.. ? :)

Rabu, 25 April 2012

Pertemuan 6

Membuat dan mengelola fie dengan editor vi

1. membuat file
  • vi namafile

2. Modus dalam editor vi
  • Modus pengeditan taks = tekan " i " (insert)
  • Modus perintah = tekan " etc "

3. Perintah-perintah dala editor vi
  • :q! = untuk keluar dri editor vi tanpa menyimpan file
  • :w = untuk menyimpan file tanpa keluar dari editor vi
  • :wq = untuk menyimpan file sekaligus keluar dari editor vi
  • :n = next (maju)
  • :rew = previous (mundur)
  • :!sh = untuk kluar sementara dari editor vi sekaligus mengeksekusi perintah lain
  • nyy = untuk mengcopy (n) baris posisi kursor
  • nyw = untuk mengcopy (n) kata dari posisi kursor
  • P = untuk mempaste di atas posisi kursor
  • p = untuk mempaste di bawah posisi kursor
  • u = untuk undo
  • ctrl+r = redo (untuk membatalkan perintah undo)
  • gg = untuk menggerakan kursor ke baris ke n
  • ngg = untuk menggerakan kursor ke baris ke n
  • D = untuk menghapus baris tanpa mengisi baris yg kosong
  • dd = untuk menghapus baris dengan mengisi baris yg kosong 
  • d0 = untuk menghapus dari posisi kursor ke awal baris
  • nD = untuk menghapus n baris dari posisi kursor
  • ncw = untuk menghapus n kata dari posisi kursor
  • A = untuk menyisipkan kursor di akhir baris

Match (ekspresi Beraturan)

I. Perintah searching

1. Mencari kata di awal baris sesuai posisi kursor ( ^ )
  • /^kata/ 
2. Mencari kata di akhir baris sesuai posisi kursor ( $ )
  •  /kata$/
3. Mencar kata di semua baris
  • /kata/
4. Mencari huruf di semua baris
  • /a/
5. Mencari alphabet di seluru baris
  • mencari huruf besar : /[A-Z]/
  • mencari huruf kecil : /[a-z]/
6. Mencari angka di seluruh baris
  • /[0-9]/
7. Mencari angka dan huruf di seluruh baris
  • /[0-9 a-z A-Z]/
II. Perintah search dan pengeditan

1. Mengganti kata unix menjadi unik tergantung posisi kursor
  • :s/unix/unik
2. Mengganti kata Unix dan unix menjadi UNIX
  • :s/[Uu]nix/UNIX
3. Mengganti sluruh kata unix menjadi UNIX
  • :1,$s/unix/UNIX
4. Mengganti seluruh kata kecil menjadi besar
  •  :1,$s/[a-z]^u&/g
5. Mengganti seluruh huruf besar menjadi kecil
  • :1,$s/[A-Z]^1&/g
 III.Perintah search dan hapus

1. Menghapus seluruh huruf kecuali angka
  • :1,$s/[^0-9]//g
2. Menghapus seluruh angka kecuali huruf
  • :1,$s/[0-9]//g
3. Menghapus seluruh baris berdasarkan suatu kata
  • :g/unix/d
IV. Perintah menyisipkan kata

1. Menyisipkan kata pada setiap awal baris
  • :1,$s/^/ kata/g
2. Menyisipkan kata pada setiap akhir baris
  • :1,$s/$/kata /g

Cat : Tulisan " Kata " bisa di ganti dengan kata yang ingin kita cari .

Linux

1. Loginlah dengan user masing-masig.
-Jwb-

~]#su Yusuf
root]$cd

2. Buat file (editir vi) di dalam user anda dengan nama perintah linux, lalu isi dengan 6 baris perintah terminal berdasarkan fungsinya.
-Jwb-

~]$vi perintahlinux
(Tekan * i *)

Isi 6 baris

(tekan *esc*)
:wq

3. Buat direktori belanja dan backupbelanja di dalam direktori toko.
-Jwb-

~]$mkdir toko
~]$cd toko
toko]$mkadir belanja backupbelanja

4. Buatlah sebuah file (editor vi) dengan nama daftarbelanja di dalam direktori belanja, isi dengan 6 baris list nama barang lalu simpan dan keluar.
-Jwb-

toko]$cd belanja
belanja]$vi daftarbelanja
(tekan * i *)

isi 6 baris

(tekan *esc*)
:wq

5. Copy file daftarbelanja ke direktori backupbelanja dengan nama daftarbelanja2.
-Jwb-

belanja]$cp daftarbelanja /home/yusuf/toko/backupbelanja/daftarbelanja2

6. Ubahlah hak akses file daftarbelanja2 agar tidak bisa di edit oleh user, grup dan user lain.
-Jwb-

belanja]$cd toko
toko]$cd backupbelanja
beckupbelanja]$chmod u=rx,g=rx,o=rx daftarbelanja2

7. Backup file daftarbelanja2 dengan menggunakan softlink.
-Jwb-

backupbelanja]$1n-s daftarbelanja soft_daftarbelanja2

8. Kompreslah file daftarbelanja.
-Jwb-

backupbelanja]$cd toko
toko]$cd belanja
belanja]$gzip daftarbelanja

9. Buatlah file (editor vi) dengan nama daftarpelanggan1 dan daftarpelanggan2 di dalam alamat direktori/home/user/toko/pelanggan, untuk file yang pertama isi dengan 7 baris list nama pelanggan lalu simpan.
-Jwb-

belanja]$cd toko
toko]$mkadir pelanggan
toko]$cd pelanggan
pelanggan]$vi daftarpelanggan1 daftarpelanggan2
<daftarpelanggan1>
(tekan * i *)

isi 7 baris

(tekan * esc *)
:w

10. posisikan kursor pada baris ke 2 file daftarpelanggan1 lalu copy sebanyak 5 baris.
-Jwb-

2gg
5yy
:n

11. paste isi file daftarpelanggan1 ke file daftarpelanggan2 lalu hapus baris pertama file daftarpelanggan2.
-Jwb-

P
<file2>
Hasil paste 5 baris
gg
dd

12. buatlah perintah hapusdan tambahkan isi file daftarpelanggan2 dengan " 19 April 2011 ".
-Jwb-

u
(tekan * i *)
Tambahkan tanggal " 19 April 2011 " di baris paling bawah
(tekan * esc *)

13. Cari tanggal hari ini dan ubahlah bulan april menjadi bulan mei lalu simpan dan keluar.
-Jwb-

/[19]/
:1,$s/April/Mei
:wq

14. buat grup dengan nama kuis195b lalu daftarkan user anda.
-Jwb-

pelanggan]$cd
~]$su -1
password : bsicengkareng
~]#cd /etc
etc]#vi group
cari NoGID yang belum terpakai
:q!
etc]#groupadd -g 977 kuis195b
etc]#gpasswd -a yusuf kuis195b

15. Lihat keanggotaan user anda pada grup tersebut.
-Jwb-

etc]#vi group

Selasa, 24 April 2012

Tugas Lab Teknik Pertemuan III

1 . jelaskan apa yg di maksud dengan jaringan computer .
-Jwb-
 
Pengertian dari Jaringan komputer adalah sekumpulan komputer, serta perangkat-perangkat lain pendukung komputer yang saling terhubung dalam suatu kesatuan. Media jaringan komputer dapat melalui kabel-kabel atau tanpa kabel sehingga memungkinkan pengguna jaringan komputer dapat saling melakukan pertukaran informasi, seperti dokumen dan data, dapat juga melakukan pencetakan pada printer yang sama dan bersama-sama memakai perangkat keras dan perangkat lunak yang terhubung dengan jaringan.

2. Sebutkan dan jelaskan peralatan minimum yg di butuhkan untuk membangun jaringan komputer lan.
-Jwb-
 
Komputer  : Perangkat Utama Dalam Membangun sebuah jaringan komputer.
Kabel LAN (UTP) : Sebagai media penghubung antar komputer yg satu ke komputer yg lainnya.
RJ45 : Berfungsi sebagai penyambung antara kabel UTP (Unsield Twisted Pair) ke Transceiver.
LAN Card  : Tempat untuk menaruh kabel UTP.
Switch : Berfungsi untuk menghubungkan kabel-kabel UTP ( Kategori 5/5e ) komputer yang satu dengan komputer yang lain.

3. Sebutkan dan jelaskan jenis pengkabelan pada kabel UTP.
-Jwb-
 
Straight                                              Cros
Putih Orange                                     Putih Hijau
Orange                                              Hijau
Putih Hijau                                         Putih Orange
Biru                                                   Biru
Putih Biru                                          Putih Biru
Hijau                                                Orange
Putih Coklat                                      Putih Coklat
Coklat                                               Coklat

Kabel Straight searah
Cros Bersebrangan

4. Jelaskan apa yg di maksud dengan IP address, ip private, ip public.
-Jwb-
 
Pengertian Ip Address – Baik komputer,laptop dan perangkat jaringan internet memiliki nomor identifikasi yang unik dan berbeda dari perangkat lainnya, yang biasanya di sebut IP address, contoh ip address adalah 202.134.0 155 atau ip address yang umum dan sering di gunakan 192.168.1.1, ip address adalah singkatan dari internet protocol address. (atau)
IP  address sebenarnya adalah sistem pengalamatan pada network yang direpresentasikan dengan deretan angka-angka yang berupa kombinasi 4 deret bilangan biner antara 0 s/d 255 yang masing-masing dipisahkan dengan tanda titik (.), mulai dari 0.0.0.1 sampai 255.255.255.255.
IP private sendiri adalah jenis IP yang pada saat penggunaannya tidak perlu diregistrasi, sebab oleh router (semacam penggiring bola di internet) IP jenis ini tidak akan diteruskan kemana-mana karena bekerja secara lokal atau LAN, IP ini digunakan atau dibuat sendiri oleh adminstrator untuk mempermudah pengaturan IP disetiap komputer tanpa harus meregistrasi setiap IP pada komputer tersebut.
IP publik adalah jenis IP yang pada saat penggunaannya harus diregistrasi (ke badan penyalur IP address, supaya tidak bentrok dan tabrakan maksudnya...) karena IP ini dapat dikenali oleh jaringan internet di seluruh dunia melewati router-routernya. IP public sendiri diperoleh dari  iternet service provider(ISP).

5. Jelaskan apa yg di maksud dengan macadress, network ID, Host ID, IP loop Back, Brotces addres, subnet mask.
-Jwb-
 
MAC Address (Media Access Control Address) adalah sebuah alamat jaringan yang diimplementasikan pada lapisan data-link dalam tujuh lapisan model OSI, yang merepresentasikan sebuah node tertentu dalam jaringan. Dalam sebuah jaringan berbasis Ethernet, MAC address merupakan alamat yang unik yang memiliki panjang 48-bit (6 byte) yang mengidentifikasikan sebuah komputer, interface dalam sebuah router, atau node lainnya dalam jaringan. MAC Address juga sering disebut sebagai Ethernet address, physical address, atau hardware address.
MAC Address (Media Access Control Address) adalah sebuah alamat jaringan yang diimplementasikan pada lapisan data-link dalam tujuh lapisan model OSI, yang merepresentasikan sebuah node tertentu dalam jaringan.
Network ID adalah bagian dari IP address yang digunakan untuk menunjuk jaringan tempat komputer ini berada.
Host ID adalah bagian dari IP Address yang digunakan untuk menunjuk workstation, server, router dan semua host TCP/IP lainnya dalam jaringan tersebut
Ip loop back
BROADCAST Alamat ini digunakan untuk mengirim/menerima informasi yang harus diketahui oleh seluruh host yang ada pada suatu jaringan.
Subnetmask  Untuk pengelompokan pengalamatan, selain nomor IP dikenal juga netmask atau subnetmask.

6. Sebutkan pembagian kelas pada IP address.
-Jwb-
 
  • Kelas A (0 - 126) Bit pertama IP address kelas A adalah 0, dengan panjang net ID 8 bit dan panjang host ID 24 bit. Jadi byte pertama IP address kelas A mempunyai range dari 0-127. Jadi pada kelas A terdapat 127 network dengan tiap network dapat menampung sekitar 16 juta host (255×255x255). IP address kelas A diberikan untuk jaringan dengan jumlah host yang sangat besar.
  • Kelas B (128 - 191) Dua bit IP address kelas B selalu diset 10 sehingga byte pertamanya selalu bernilai antara 128-191. Network ID adalah 16 bit pertama dan 16 bit sisanya adalah host ID sehingga kalau ada komputer mempunyai IP address 167.205.26.161, network ID = 167.205 dan host ID = 26.161. Pada. IP address kelas B ini mempunyai range IP dari 128.0.xxx.xxx sampai 191.155.xxx.xxx, yakni berjumlah 65.255 network dengan jumlah host tiap network 255 x 255 host atau sekitar 65 ribu host.
  • Kelas C (192 - 223) IP address kelas C mulanya digunakan untuk jaringan berukuran kecil seperti LAN. Tiga bit pertama IP address kelas C selalu diset 111. Network ID terdiri dari 24 bit dan host ID 8 bit sisanya sehingga dapat terbentuk sekitar 2 juta network dengan masing-masing network memiliki 256 host.
  • Kelas D (224 – 239) Pada jaringan IP Address kelas D, 4 bit pertama dari IP Address ini adalah 1 1 1 0. Sedangkan bit sisanya digunakan untuk grup host pada jaringan dengan range IP antara 224.0.0.0 – 239.255.255.255. IP Address Kelas D digunakan untuk multicasting, yaitu pemakaian aplikasi secara bersama-sama oleh sejumlah komputer. Multicasting berfungsi untuk mengirimkan informasi pada nomor host register. Host-host dikelompokkan dengan meregistrasi atau mendaftarkan dirinya kepada router lokal dengan menggunakan alamat multicast dari range alamat IP Address kelas D. Salah satu penggunaan multicast address pada internet saat ini adalah aplikasi real time video conference yang melibatkan lebih dari dua host (multipoint) dengan menggunakan Mbone (Multicast Backbone).
  • Kelas E (240 – 255) Pada jaringan IP Address kelas E, 4 bit pertama dari IP Address ini adalah 1 1 1 1. IP address kelas E mempunyai range antara 240.0.0.0 – 254.255.255.255. IP Address kelas E merupakan kelas IP address yang bersifat "eksperimental" atau percobaan. Eksperimen tersebut dipersiapkan untuk penggunaan IP Address di masa yang akan datang. Empat bit pertama selalu diset kepada bilangan biner 1111. 28 bit sisanya digunakan sebagai alamat yang dapat digunakan untuk mengenali host.

7. Sebutkan dan jelaskan aturan pembuatan IP address.
-Jwb-
  • 127 tidak boleh dipakai
  • Binner dari Net ID tidak boleh semuanya angka 0 atau 1
  • Binner dari Host ID tidak boleh semuanya angka 0 atau 1
  • Net ID harus sama 
  • Host ID harus beda

chat here !!