Aturan Tugas Video untuk Kelas 8 RSBI

Ketentuan Tugas Editing Video :

1. Efek yang di corel video min3(terserah)
2. Efek Transparansi
3. Efek Perlambatan,percepatan,berulang-ulang
4. Efek Ganti Background
5. Efek yang ada www.detonationfilms.com(pilih salah satu)
6. Ada Audio(musik ,rekaman)
7. Project min 5 menit , opening dan ending harus proporsional
8. Yang mengumpulkan hasinya bagus memenuhi kriteria ada bonus nilai sampai 95
9.  Dikumpulkan  paling lambat 8 April (kelas 8A-8B)  & 10 April 2013(kelas 8C-8D) jika terlambat
    dikurangi  5 point /hari
10. Kalau ada yang cuma nebeng nama alias malas nanti laporkan saja  nilai pasti berbeda
11. Video yang dibuat harus sopan, bermanfaat dan tidak mengandung kekerasan & porno.

UNTUK AUDIO
http://soundfxcenter.com
http:// soundjay.com

Baca Selengkapnya...

KISI-KISI SOAL UAS TIK THN 2012-2013

           1. Pengenalan Dasar Komputer

a.  Perangkat Keras :

1)  Alat Input(keyboard,mouse,joystick,dll)

2)  Alat Proses(motherboard,processor,dll)

3)  Alat Output(printer,speaker,dll)

4)  Media Penyimpanan(flashdisk,disket,dll)

b. Perangkat Lunak :

                       1)  Pengolah Kata(ms word,notepad,dll)  

 2)  Pengolah Angka(ms excel,spss,dll) 

 3)  Pengolah Gambar(photoshop,corel draw,

 4)  Pengolah Presentasi

c.  Sistem Operasi

1)   Macam2nya (Windows, Linux dsb)

2)   Pengertian Multitasking

3)   Operating system Windows

          2.  Ms Word:

a.  Menu Bar

b. Tools Bar

c.  Page Layout (margin, size kertas dll )

          3.  Ms Excel

a.  Menu Bar

b. Tools Bar

c.  Rumus ( Contoh: Sum, Average, If ) 

          4.  Bagian-bagian Adobe Photoshop

a.  Menu Bar                  e. Magic Wand Tools

b. Tool Bar

c.  Layer

d. Lasso

      5.  Bagian-bagian Corel Draw

a.  Menu Bar

b. Tool Bar

c.  Color Pallete

          6.  Bagian-bagian Flash

a.  Menu Bar

b. Timeline

c.  Tools Bar

d. Layer

          7.  Materi Internet

a.  Istilah-istilah yang berkaitan dengan internet (HTML (HyperText Markup Language),EMAIL,MIRC, search engine, ISP (Internet Service Provider) dsb)

b. Situs Jaringan Sosial

(facebook, friendster, frenbook, twitter dsb)

c.  Mesin pencari apa aja?(google,altavista, lycos dsb)

          8.  Materi Editing Video
                a. Macam-macam Software Pengolah Video
                b. macam-macam format video(mpeg,wmv,dll)

          9.  Power Point (presentasi)

a.  Insert Picture

b.  Insert Slide

c.  Template

d.  Insert Animation 

          10. Istilah Dalam Blog

a.  Archives,posting,komentar,dll

b.  Jenis-jenis Blog(blog pribadi,blog pendidikan,dll)

          11.  Materi   HTML

a.  Font

b.  Insert  Gambar

c.  Tabel

d.  Hyperlink

Baca Selengkapnya...

Mengganti Warna Template Blog

Copykan kode dibawah ini dalam add gadget pilih add HTML/Java script:

<script type="text/javascript">function bgChange(bg){document.body.style.background=bg;}</script><br />
<table width="100%"><tr> <td onclick="bgChange('black')" bgcolor="black"> </td>  <td onclick="bgChange('#6633FF')" bgcolor="#6633FF"> </td>  <td onclick="bgChange('#FF3366')" bgcolor="#FF3366"> </td>  <td onclick="bgChange('#CAFF7A')" bgcolor="#CAFF7A"> </td>  <td onclick="bgChange('#fff')" bgcolor="#fff"> </td>  <td onclick="bgChange('#0f0')" bgcolor="#0f0"> </td>  <td onclick="bgChange('#003333')" bgcolor="#003333"> </td>  <td onclick="bgChange('#515151')" bgcolor="#515151"> </td>  <td onclick="bgChange('#331A00')" bgcolor="#331A00"> </td>  </tr>
</table>

Baca Selengkapnya...

Membuat Favicon Gif

Disini untuk memasang ikon favicon tidak menggunakan file bertipe .ico akan tetapi anda bisa menggantinya dengan gambar atau image yang anda miliki sendiri tanpa mengconvert ke file .ico. jadi masih berbentuk .gif atau .jpg dll. Bila anda ingin membuat sendiri bisa anda lakukan di www.cooltext.com , klik disini (membuat logo/banner dengan cooltext) untuk membuat logo atau banner anda.

Anda bisa menyimpan file jpg atau gif ke dalam tempat penyimpanan online di www.photobucket.com bila anda belum punya id di website tersebut silahkan daftar, gratis untuk pendaftarannya.

Dimana pasangnya ?
Untuk Blogspot
langkah 1. Login ke account blogger anda
langkah 2. Pilih Layout-Edit HTML

Kodenya adalah sebagai berikut :

<link href='alamat tempat penyimpanan URL anda' rel='shortcut icon' type='image/x-icon'/>

Ganti kata " alamat tempat penyimpanan URL dengan URL tempat penyimpanan gambar atau image anda "
Seperti contoh berikut ini :

<link href='http://i653.photobucket.com/albums/uu258/k12tronik/faviconku.jpg' rel='shortcut icon' type='image/x-icon'/>

Letakkan script tersebut diatas :

<b:skin><![CDATA[

Baca Selengkapnya...

Kode Program Mivo TV

Berikut ini kode untuk menambah fasilitas Nonton TV copy kode berikut ini :

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

Baca Selengkapnya...

Membuat Slide Show Pada Blog

Pertama, pergi ke Dashboard > Tata Letak > Edit HTML > Contreng Expand Widget Templates (lihat gambar)

(1)




(2)




(3)

Cari kode <head> (gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah menemukan kode tersebut tepat dibawahnya letakkan kode script berikut ini:

<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/slideshowpelajaranblogjquery.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}, 300, 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:600px;
height:240px;
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:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

Ket: kode berwarna merah adalah kode yang sobat bisa ganti sesuai dengan keinginan untuk menentukan lebar,tinggi serta panjang dari gadget tersebut,sedang untuk yang lain sobat otak-atik aja sendiri ya :D

Untuk langkah kedua sekaligus langkah terakhir sobat pergilah ke pasar (hush!!! pasar mulu pent-) maksud kami pergilah ke Dashboard > Tata Letak > klik tulisan Add a Gadget (tambah widget) > pilih HTML/Javascript lalu letakkan kode ini:

<ul class="slideshow">
<li><a href="alamt gamabar kamu"><img src="alamat gambar kamu" title="terserah" alt="Terserah" /></a></li>
</ul>
Simpan dan lihat hasilnya,mudah singkat dan menarik  

Baca Selengkapnya...

Cara Membuat Random Post Berganti

Bagi anda yang ingin mencoba random post dinamis ini, bisa langsung mengikuti tutorial blog berikut.

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

1. Log in ke blogger.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode ]]></b:skin>.
4. Copy kode berikut di atas kode tadi.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;} .gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;} .gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;} .gfg-subtitle a {color : #a43434;display:none !important;} .gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;} /* To allow correct behavior for overlay */ .gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;} .gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;} .gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;} .gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;} .clearFloat {clear : both;} #feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

5. Simpan template.

Script Random Post

Untuk memasang script random post ini ikuti langkah-langkah berikut.

1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).
   
   
3. Pilih gadget HTML/JavaScript.
   
4. Copy-paste script berikut ke dalam gadget tadi.
   

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZx RGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <script type="text/javascript"> function showGadget() { var feeds = [ {title:'title', url:'http://namablog.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 1000, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

Jangan lupa ganti nama blog anda.

Simpan gadget.

Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).
Selamat mencoba!

Baca Selengkapnya...

Cara Membuat Search Engine

Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Baca Selengkapnya...

Cara Bikin Tulisan Berjalan Di Address Bar

Bagaimana Cara Bikin Tulisan Berjalan Di Address Bar ketika orang membuka blog kita?

Nah kali ini saya ingin menuliskan tutorial bagaimana cara bikin tulisan berjalan pada adress bar (itu lho,,, tulisan berjalannya terlihat di atas kotak untuk menuliskan alamat website maksudnya)

Membuat Tulisan Berjalan Di Address Bar

• Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
• Setelah itu klik menu Layout atau Tata letak
• Kemudian klik menu Edit HTML
• Silahkan temukan kode ini </head>
• Setelah itu kode nya sudah di temukan silakan taroh kode di bawahnya.

 /*Kode Address Berjalan*/
<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Silahkan ganti tulisan berwarna biru dengan tulisan yang anda inginkan, nanti tulisan itulah yang akan terlihat berjalan di address bar.
Sebelum pengaturannya di simpan, sebaiknya di preview dulu.

Baca Selengkapnya...

Cara Mengganti Cursor Blog

Ada yang ingin mengganti cursor (Kursor) blog blogger dengan tampilan cursor yang lain ????

Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini

atau dengan gambar yang lain.
Yah terserah lah, yang penting sesuai selera.

Jika ia, maka artikel ini perlu teman baca, perhatikan dan praktekkan ke blog atau situsnya.

Disini saya hanya akan menuliskan panduan cara mengganti kursor di blogger saja, heheeee

Panduan Cara Mengganti Cursor Blog Blogger

Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.

Langkah Kedua
Temukan kode css, seperti ini

body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda

cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qkuJ8_kX7XqeWweH7bX_IHWgrJkUU4YcPO36orGiSjTl0RnebpqR0CgOv2AwaP77XGXu8PukvASnVmS_gcIibH1izZR6hl7jk-YcxzoR9ZorBWqV24Yqnk7Zv7itjXJo-W5127ExR1YE/s1600/jasablogsitus-web-id.gif'),text

Sehingga nanti jadinya seperti ini

body {
background:#160500;
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qkuJ8_kX7XqeWweH7bX_IHWgrJkUU4YcPO36orGiSjTl0RnebpqR0CgOv2AwaP77XGXu8PukvASnVmS_gcIibH1izZR6hl7jk-YcxzoR9ZorBWqV24Yqnk7Zv7itjXJo-W5127ExR1YE/s1600/jasablogsitus-web-id.gif'),text;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna  purple dengan link gambar yang teman inginkan

Teman-teman bisa mencari gambar cursor lewat Google dengan mengetikkan kata kunci Free Cursor, Free Cursor For Website, dsb. Atau mau bikin cursor sendiri juga boleh.

Selamat mencoba dan semoga berhasil

Baca Selengkapnya...