Powered by Blogger.

Cara Membuat daftar isi Otomatis

Pada pertemuan hari iniakan membahas cara membuat daftar isi otomatis, sehingga semua tulisan yang nantinya anda tulis akan terdaftar pada menu ini.

caranya.
Login ke blog anda http://www.blogger.com/home
isi username dan passord anda
Pada Opsi lainnya pilih tata letak
Klik Tambah Gadget yang berada di sebelah kanan,
selanjutnya pilih EDIT/ HTML pastekan scrip berikut ini :

<div class="smallfont" style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Daftar'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Tutup" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none; height: 250px; overflow: auto;">
<script src="http://tutorial-blog.googlecode.com/files/feeds.js">
</script><script src="http://platihanict.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
</div>

Pada Judul beri nama Daftar Isi
Klik Simpan dan lihat blog
hasilnya akan seperti berikut klik disini

Read more...

Membuat Menu Dropdown


Masuk Blog
Tambah Gadget selanjutnya pilih EDIT/ HTML pastekan scrip berikut ini :

<style> /*Start Css Menu*/
.menu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: 8e8e8e;
}
.menu ul {
    background: url(http://2.bp.blogspot.com/-NOVtmV9lxuE/UCZNmejN9UI/AAAAAAAAFcQ/MU7WpM3s7So/s1600/otowebsite.blogspot.com-menu-bg.gif) top left repeat-x;
    height: 43px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu li {
    float: left;
    padding: 0px 8px 0px 8px;
}
.menu li a {
    color: #666666;
    display: block;
    font-weight: bold;
    line-height: 43px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}
.menu li a:hover {
    color: #000000;
    text-decoration: none;
}
.menu li ul {
    background: #e0e0e0;
    border-left: 2px solid #a80329;
    border-right: 2px solid #a80329;
    border-bottom: 2px solid #a80329;
    display: none;
    height: auto;
    filter: alpha(opacity=95);
    opacity: 0.95;
    position: absolute;
    width: 225px;
    z-index: 200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul {
    display: block;
}
.menu li li {
    display: block;
    float: none;
    padding: 0px;
    width: 225px;
}
.menu li ul a {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0px 10px 0px 15px;
    text-align: left;
}
.menu li ul a:hover {
    background: #949494;
    color: #000000;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.menu p {
    clear: left;
}
.menu #current {
    background: url(http://3.bp.blogspot.com/-Fft27etqbw0/UCZNlU_33RI/AAAAAAAAFcI/EfJ2rskRq5M/s1600/otowebsite.blogspot.com-current-bg.gif) top left repeat-x;
    color: #ffffff;
}
/*End Css Menu from http://www.otowebsite.blogspot.com/*/
</style>
<div class="menu">
 <ul>
  <li><a href="#" id="current">Home</a></li>
  <li><a href="#">Sekolah</a>
  <ul>
   <li><a href="#">Sejarah Sekolah</a></li>
   <li><a href="#">Sarana Prasarana</a></li>
   <li><a href="#">Prestasi</a></li>
   <li><a href="#">Kegiatan</a></li>
  </ul>
  </li>
  <li><a href="#">Tugas Siswa</a>
  <ul>
   <li><a href="#"></a></li>
   <li><a href="#">Tugas Bulanan</a></li>
   <li><a href="#">Pekerjaan Rumah</a></li>
   <li><a href="#">Remedial</a></li>
  </ul>
  </li>
  <li><a href="#">Info Terbaru</a></li>
  <li><a href="#">Blog Guru</a></li>
<ul>
<li><a href="http://www.klinikict.com/">CH Bara, S.Kom</a></li>
 </ul>
</div>


Catatan :
Tanda # anda gantikan dengan alamat URL anda

Contoh nya dapat anda lihat disini

Read more...

Cara Mengganti Template Blog

Dari Materi Sebelum nya cara membuat email dan mendaftar di blogger, kita lanjutkan ke mengganti template blog. langsung aja ke TKP

Kita harus memilih Template yang akan kita gunakan pada blog, pada kesempatan ini agar sama cara nya sampai ke ujung materi ini kita gunakan template yang sama untuk semua peserta.


untuk mempercepat pencarian tempalte klik disini  atau disini
atau link berikut ini http://www.sharebeast.com/yf1b4xn95029
atau link berikut ini http://www.ziddu.com/download/21240883/templatetukplatihanictbymrch.rar.html

Maka kita akan di hantar pada halaman template yang akan kita gunakan, seperti gambar berikut :







Pada menu pilihan klik download, selanjutnya anda simpan file tersebut pada drive komputer anda.

Setelah selesai proses upload, kita masuk ke blogger anda

Klik http://www.blogger.com/home
isi mail dan password anda

Setelah anda masuk ke halaman dasboard pada opsi lainnya pilih tempalte
Maka anda akan di hantarkan ke halaman baru seperti gambar berikut :











Pada menu sebelah kanan atas anda klik Cadangkan/ Pulihkan, 
setelah di klik akan tampil halaman baru dimana anda diminta untuk mengupload template baru, pilih template BamzStyle yang tadi anda simpan di drive komputer anda setelah itu klik unggah atau upload seperti gambar berikut ini :









Setelah proses Upload atau unggah selesai maka anda akan kembali ke halaman template sebelumnya,
Untuk melihat perubahan yang terjadi anda klik Lihat Blog

Tampilannya akan menjadi seperti berikut ini :







Sekian dulu pelatihan hari ini, Semoga bermanfaat bagi anda
Sampai Jumpa Pada Pertemuan dan materi selanjutnya

Download Materi disini

Read more...

Gudang Download

File Download

Cara Membuat Email Gmail

Cara Membuat Email & Cara Membuat web di Blogspot.com

Cara Mengganti Template

Template For Latihan






Read more...

Platihan ICT

Pelatihan ICT untuk pembuatan web menggunakan web blog, adapun materi yang akan di sampaikan adalah sebagai berikut :

Registrasi Email menggunakan Gmail
Registrasi web menggunakan Blogspot.com
Mengganti template
Upload Foto
Membuat link File Upload

Menggunakan gadget
Membuat daftar isi Otomatis

Membuat Menu Dropdown



Read more...

Template Bloger

Template bloger

Sada masa sekarang ini telah banyak penyedia layanan template yang mudah kita cari di rumah nya mbah google.com mulai dari yang berbayar sampai yang gratisan. kita tinggal pilih mana yang baik dan cocok dengan kebutuhan kita.

banyak pertanyaaan yang mampir ke e-mail admin http://www.klinikict.com/ yang menanyakan bagaimana cara memilih template yang baik untuk blog.

Pertanyaan seperti ini yang terkadang sulit juga admin menjawab nya karena cocok menurut admin belum tentu cocok menurut anda, karena selera dan kebutuhan kita berbeda-beda. tapi tidak salahnya saya akan memberikan solusi versi saya buat pengunjung setia web http://www.klinikict.com/

Hal pertama yang perlu kita pikirkan dalam pencarian atau membuat template yang akan kita gunakan itu harus memperhatikan beberapa aspek seperti :

1. Bentuk Web Blog ( Formal / non Formal)
JIka anda mau bentuk formal sebaiknya gunakan yang mempunyai tampilan/bentuk/berwarna sederhana, jangan terlalu banyak menggunakan tampilan warna dan animasi, karena akan merusak tujuan formalitas dari web. 

Jika non formal anda dapat menggunakan template seperti diatas juga itu menandakan anda seorang yang berfikir netral karena tidak semua orang menyukai tampilan yang glamor atau anda dapat menggunakan template yang mempunyai variasi atau bergambar beraneka ragam. seuaikan juga dengan tujuan anda membuat web blog ini, jika anda membuat web blog dengan tujuan publikasi tentang buah-buahan anda sebaiknya menambahkan background buah atau warna yang sesuai dengan brand. jangan pula anda membuat background mobil-mobil beraneka ragam sedangkan di web anda bercerita tentang masalah politik kan tidak menyambung juga. jangan terlihat benar kalau sebenarnya jiwa anda brantakan karena pengunjung nantinya dapat menilai tampilan dan isi dari web blog anda .

2. Tampilan Web Blog
Untuk tampilan blog anda dapat memilih 2 kolom 3 kolom atau lebih, itu disesuaikan juga dengan kebutuhan anda. pada umumnya menggunakan 2 atau 3 kolom, karena dapat dilihat lebih praktis dan berkesan formal.

Ada banyak situs yang menyediakan template baik berbayar maupun gratisan anda dapat memilih sesuai dengan kebutuhan anda, referensi dari saya untuk mempermudah anda dalam menggunakan template dan proses upload ke blog anda. sebaiknya anda cari template yang berekstensi .xml yaitu
http://www.ourblogtemplates.com

atau di
http://btemplates.com  disini setelah anda donwload anda copy xmlnya pindahkan ke folder lain sebelu upload.

disini anda dapat mencari berbagai macam template yang sesuai dengan kebutuhan anda.
ada beberapa template yang enak dilihat dan di gunakan seperti :

ourblogtemplates.com

Blogger Templates: Psi
XML Blogger Templates: Newspaper III
Blogger Templates: The Professional Template
Blogger Templates: Webnolia
Blogger Template: Techie


http://btemplates.com
Box transparent

Gunakan salah satu template diatas mudah dan elegan untuk di gunakan.

semoga bermanfaat
jangan lupa yang berekstensi XML

Jika institusi anda membutuhkan pelatihan/Nara Sumber dapat menghubungi Admin

Read more...

cara membuat scroll pada widget

Cara membuat scrooll pada widget

Fungsi Scroll pada widget pada dasarnya berfungsi sama dengan fungsi dan kegunaan scrool pada umum nya yaitu sebagai penggulung layar. akan tetapi jika pada widget dapat di sesuaikan dengan kebutuhan baik panjang maupun lebarnya, karena masing-masing widget tidaklah sama.  disesuaikan dengan ukuran widget anda.

caranya :
1. Login ke web blog anda
2. Klik Tata Letak
3. Klik tambah Gadget
4. Klik  HTML/JavaScript
5. Copi perintah dibawah ini dan pastekan ke HTML/JavaScript Tambah

<div solid ;border:0px style="&squot;overflow:auto;width:620px;height:150px;padding:10px" #eee&squot;>
<a href="/">. ...</a><br/>
<a href="/">. ...</a><br/>
</div>

6. KLik Simpan
7. Klik Simpan Stelan
8. Lihat hasilnya

Contoh dapat anda lihat pada daftar isi di atas.







Read more...

Cara Membuat File Tabel Part 3

Masih tentang cara membuat tabel di web ato blog ini juga, mungkin terasa sedikit bosan tapi ini lah kerjaan kita yang bekerja seputar data angka yang akan di tampilkan di internet.

Pada edisi kali ini kita akan menggunakan fasilitas dan bantuan dari mbah google dan sedikit berbeda dengan edisi sebelumnya. singkat cerita langsung ke TKP :

Login ke http://docs.google.com

Setelah anda login ke halaman fasilitas ini anda dapat menentukan 2 hal. yaitu :
1. Menggunakan Menu Upload, atau
2. Menggunakan cara manual dengan mengetik langsung pada halaman spreadsheet yang di sediakan oleh mbah google.

sekian aja bae keterangan singkat ini. pasti anda dapat menggunakan fasilitas dari mbah google ini.

Read more...

Cara Membuat File Tabel Part 2

Membuat Tabel Menggunakan scrip HTML seperti ini terkadang sangat merepotkan dan lama karena harus di tulis secara manual lagi satu per satu dari data yang akan di tampilkan, tapi kita dapat mengakali hal tersebut dengan cara membuat tabel kosong terlebih dahulu dengan menggunakan scrip HTML, dan setelah tabel di buat baru anda mengisi data yang di butuhkan tersebut. perlu di ingat tabel di buat sebanyak data yang di perlukan.

Perhatikan scrip berikut ini :

<table border="1" style="width: 400px;">
<tbody>
<tr bg="bg" ff="ff"><td align="center"><b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Alamat</b></td>
</tr>
<tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr>
<tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr>
<tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr>
<tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr>
</tbody></table>


Dari serangkaian scrip di atas akan menghasilkan Tabel data seperti di bawah ini :

NamaKelasAlamat
kolom 1 baris 1 kolom 2 baris 1 kolom 3 baris 1
kolom 1 baris 2 kolom 2 baris 2 kolom 3 baris 2
kolom 1 baris 3 kolom 2 baris 3 kolom 3 baris 3
kolom 1 baris 4 kolom 2 baris 4 kolom 3 baris 4

Jika anda perhatikan scripdi atas dan anda pikir-pikir panjang untuk membuat tabel yang banyak, contoh seperti membuat absen kelas yang siswanya lebih dari 30. akan terlihat susah dan memusingkan kepala anda. itu kalau anda pikirkan, tetapi hal tersebut tidak perlu anda pikir karena kalau dipikir akan memusaingkan kepala melihat scrip yang banyak.

hal yang perlu anda lakukan gak usah pake mikir, adalah mencopy scrip HTML diatas dan hapus tulisan kolom dan baris, dan hapus sebagian scrip hingga seperti berikut ini :

<table border="1" style="width: 400px;">
<tbody>
<tr bg="bg" ff="ff"><td align="center"><b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Nilai</b></td>
</tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
</tbody></table>

Maka Hasilnya akan menjadi seperti berikut ini :

NamaKelasNilai
- - -
- - -
- - -
- - -

Sehingga pada tabel kosong diatas anda akan lebih mudah untuk mengisi data yang akan anda masukkan dan tidak pusing lagi mikir scrip yang kacau beliau itu.

dan untuk menambah kolom anda tinggal mengcopi scrip ini
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>

sebanyak yang anda perlukan dan pastekan tepat dibawah scrip yang sama pada halaman HTML anda tadi sehingga jadi begini kalau scrip nya banyak :


<table border="1" style="width: 400px;">
<tbody>
<tr bg#3366ff">#E0F8E0">
<td align="center"><b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Nilai</b></td>
</tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
 <tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
<tr> <td>-</td> <td>-</td> <td>-</td> </tr>
 </tbody></table>

dan hasilnya akan menjadi seperti  ini ni :

NamaKelasNilai
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -

Nah tu sudah banyak tabel nya anda sudah menjadi jauh lebih mudah untuk menyelesaikan pekerjaan anda
dan untuk merubah ketebalan dan besar nya tabel anda dapat mengganti anka yang tertera pada
<table border="1" style="width: 400px;">
semakin besar angka yang anda ganti semakin besar tabel yang anda buat.
angka yang anda ganti tersebut harus di sesuaikan dengan kebutuhan data anda . dan untuk menambah jumlah kolom anda dapat menambahkan  scrip <td>-</td>, sehingga kalau di buat contohnya menjadi seperti ini:

<table border="1" style="width: 400px;">
<tbody>
<tr bg="bg" ff="ff"><td align="center">
<b>Nama</b></td><td align="center">
<b>Kelas</b></td><td align="center">
<b>B. Indonesia</b></td><td align="center">
<b>B. Inggris</b></td><td align="center">
<b>M T K</b></td><td align="center">
<b>IPA</b></td><td align="center">
<b>Jumlah</b></td><td align="center">
</tr>
<tr> <td>-</td> <td>-</td> <td>-</td> <td>-</td><td>-</td><td>-</td><td>-</td></tr>
<tr> <td>-</td> <td>-</td> <td>-</td> <td>-</td><td>-</td><td>-</td><td>-</td></tr>
<tr> <td>-</td> <td>-</td> <td>-</td> <td>-</td><td>-</td><td>-</td><td>-</td></tr>
<tr> <td>-</td> <td>-</td> <td>-</td> <td>-</td><td>-</td><td>-</td><td>-</td></tr>
 </tbody></table>

Maka scrip HTML di atas akan menghasilkan tabel seperti berikut ini :


NamaKelasB. IndonesiaB. InggrisM T KIPAJumlah
-------
- - - ----
- - - ----
- - - ----
- - - ----

Nah tidak susah kan membuat tabel nya.

Kalau anda pikir susah itu akan susah dan sulit, itu kalau dipikirkan, akan tetapi saya tidak meminta anda berpikirhanya mengikuti apa yang tertulis pada halaman ini, dan agar tulisan dapat di letakkan di telah atau center anda dapat menggunakan perataan naskah yaitu pilih menu center. mudah dan gampang kan ketimbang anda melihat dan mempelajari scrip HTML yang telah anda rubah seperti tabel di atas setelah menggunakan center scrip nya menjadi seperti berikut ini :


<table border="1" style="width: 400px;">

<tbody>
<tr bg="bg" ff="ff">
<td align="center"><b>Nama</b></td>
<td align="center"><b>Kelas</b></td>
<td align="center"><b>B. Indonesia</b></td>
<td align="center"><b>B. Inggris</b></td>
<td align="center"><b>M T K</b></td>
<td align="center"><b>IPA</b></td>
<td align="center"><b>Jumlah</b></td>


</tr>
<tr> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td></tr>
<tr> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td></tr>
<tr> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td></tr>
<tr> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td> <td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td><td style="text-align: center;">-</td></tr>
</tbody></table>

Terlalu panjang dan memusingkan bukan, saya aja yang lihat dah mual kepala dan pusing perut melihat nya.
untuk itu tidak perlu di pikir akan tetapi di pelajari bagaimana caranya agar lebih mudah dan lebih cepat mengerjakan nya, cari solusi terbaik dan tercepat. lebih baik membuat baru dari pada mengedit.

Sekian cara membuat File Tabel

Semoga bermanfaat bagi anda

Read more...

Cara Menampilkan File Tabel Part 1

Beragam cara yang di gunankan pemilik web untuk menampilkan halaman tabel pada web mulai dari yang menggunakan scrip HTML sampai menggunakan web lain untuk menampilkan tabel data yang diperlukan, dari 2 hal ini tentunya terdapat kelebihan dan kekurang tersendiri, kelebihan dan kekurangan dapat anda lihat sendiri.

di kesempatan berbahagia ini akan saya terangkan cara menampilkan file tabel menggunakan bantuan dari web lain yaitu dari http://www.scribd.com/ caranya adalah sebagai berikut ini :

2. Daftar/ registrasi data anda sehingga anda dapat Login ke http://www.scribd.com/
3. Setelah anda ter registrasi di http://www.scribd.com/   , upload data tabel yang akan anda tampilkan pada web dengan mengklik Upload yang terletak pada bagian atas sebelah kanan (Perhatikan Tulisan Upload)
4. Setelah proses upload anda ber hasil Klik Nama File yang anda upload tadi, maka anda akan di hantarkan ke halaman tampilan utama scribd yang menyimpan file yang anda upload sebelumnya.
5. Pada bagian atas layar anda perhatikan ada tulisan Comment, Link, < > Embed, Save for Later, nah yang perlu anda klik dari tampilan tulisan di atas tu adalah < > Embed. setelah anda klik tulisan < > Embed maka akan tampil serangkaian scrip HTML yang cukup panjang. agar anda tidak salah dalam menyalin scrip tersebut dan agar lebih cepat cukup anda copy scrip HTML di Embed tersebut.
6. Setelah anda copy scrip HTML pada embed tersebut, anda Login ke Web Blog anda.
7. Buat Entry Baru Atau Halaman baru atau halaman mana saja yang akan anda tampilkan tabel tersebut.
ingat dan perhatikan terlebih dahulu pada halaman penulisan di web ada tulisan Publikasikan, Simpan, Pratinjau, Tutup, Compose HTML.yang perlu anda perhatikan adalah Tulisan HTML. klik tulisan HTML tersebut dan pastekan scrip HTML yang telah anda copy tadi.
8. Setelah anda paste klik publikasikan. dan lihat hasilnya


Semoga Bermanfaat
Jika Kurang jelas anda dapat menanyakan langsung pada penulis pada pertemuan atau workshop

Read more...

Cara Membuat Milis

Milis atau sebuah grup Email merupakan salah satu fasilitas yang di sediakan oleh Gmail, anda dapat membuat milis kelompok sendiri dan sudah barang tentu dengan kepentingan yang telah anda maksudkan untuk kepentingan tertentu.

kebanyakan milis yang di buat oleh kelompok di gunakan untuk milis produk, institusi dan lain sebagainya, cara membuat milis sebagai berikut :


login ke Email gmail anda
trus masuk ke http://groups.google.com/  akan tampil seperti gambar berikut ini :






Klik grup saya, selanjutnya klik Buat grup
isi data yang diperlukan untuk membuat grup seperti 
Nama Grup
Alamat Email Grup
Deskripsi Grup

setelah data di atas di isi klik buat grup



Read more...

program pengolahan nilai SMP



Membuat Program Hitung nilai siswa Mumpung baru masuk sekolah tidak salah nya saya berbagi kepada bapak/ibu guru yang mengajar bidang studi untuk membuat program hitung sederhana. Pada dasarnya menghitung nilai siswa itu adalah sebuah kewajiban bagi setiap guru bidang studi, karena dengan adanya nilai ini guru jadi tau seberapa cepat seorang siswa dapat mengikuti pelajaran yang disampaikan oleh guru tersebut, untuk mengetahui mengetahui nya guru dapat memberikan tugas-tugas kepada siswa tersebut, yang sudah tentu nilai tersebut akan di akumulasikan untuk nilai raport siswa tersebut. Pada latihan kali ini saya akan memberikan contoh membuat pengolahan nilai untuk menghitung nilai sederhana. Beberapa kali saya melihat beberapa rekan kerja saya untuk menghitung nilai menggunakan Ms. Excel untuk membedakan satu kelas dengan kelas yang lain menggunakan beberapa sheet. Akan tetapi kalau menurut saya itu merupakan pemborosan sheet dan dapat memperlambat pekerjaan. Terutama saat pengeditan dan untuk mencetak datanya. Untuk mempercepat pekerjaan dalam contoh ini saya membuatkan dat siswa kelas IX dalam 1 sheet. Keuntungan nya dapat sodara nikmati setelah menggunakannya nanti. Lanjut dulu ya !!! Pertama Ketikkan blangko data perhitungan nilai tentunya, data berupa Nama sekolah, itu sudah pasti posisi paling atas Seterusnya tergantung kebutuhan bapak ibu, ups jangan lupa di cantumkan nama dan mata pelarajan yang di ajarkan Data dapat seperti contoh gambar dibawah ini : Gambar 1.
Photobucket.jpg

 Pada  A1 Ketikkan nama Sekolah
C1 : G5 Data silahkan disesuaikan

Pada kolom A8 untuk entri Nomo absensi siswa pekelas, Kolom B8 Kelas. Disini saya masukkan semua kelas dari kelas IX A – IX F, trus nilai LKS, Latihan dan PR (Pekejaan Rumah). Pada Kolom M untuk perhitungan nilai secara sekeluruhan data yang akan di hitung dari kolom D – L. sedangkan untuk nilai UTS hanya di buatkan 1 karna tidak ada revisi. Bagi bapak ibu yang akan mengadakan remedial/pengayaan silahkan dilakukan. Data disini saya maksudkan dengan catatan siswa telah tuntas.

Untuk rumus perhitungan Nilai Harian gunakan rumus sederhana saja.
Jumlahkan semua data bagi jumlah data.
Rumus yang di gunakan bias : =SUM(D9:L9)/9 atau =AVERAGE(D9:L9). Jika menggunakan rumus AVERAGE bagi siswa yang tidak mengumpulkan tugas pada kolom nilai siswa tersebut harus di berikan nilai 0. Silahkan bapk/ibu/sodara untuk ber eksplorasi sendiri menggunakan rumus yang mudah untuk di gunakan. Yang tertunya rumus terebut tidak error atau salah dalam menghitung

Dengan cara membuat 1 kelas secara pararel dalam 1 sheet secara tidak langsung mempermudah bapak/ibu untuk memantau berapa kekurangan data yang ada di data tersebut secara langsung dengan hanya membuka 1 shet saja langsung terlihat kelas berapa saja yang nilainya tidak ada.

Untuk melihat data secara perkelas bapak/ibu dapat menggunakan fasilitas yang telah di sediakan oleh MS. Excel yaitu. Sort &amp; Filter sehingga kita dapat melihat data perkelas.

Bila kita menggunakan data sort maka akan terlihat seperti gambar 2. Berikut :

Photobucket.jpg
Dari contoh diatas saya pilih kelas IX F. maka data kelas IX F akan tampil seperti contoh di atas, Kalau data nilai sudah di masukkan tinggal di cetak dah. Ctrl + P Tekan Enter dah.
naaa….hhhh mudahkan.

http://www.klinikict.com/



Read more...

Daftar Isi Otomatis

Membuat daftar isi secara otomatis pada web atau blog adalah satu hal yang dianggap perlu karena dengan adanya daftar isi maka pengunjung akan lebih mudah untuk melihat apa saja isi dari web yang anda buat ini. dan terkadang masih banyak dari pada pemilik web atau blog yang membuat daftar isi secara manual, ini terntunya tergantung dari kebiasaan dan keperluan dari pemilik web tersebut.
berikut ini saya akan tampilkan Scrip untuk membuat dafatar isi otomatis
contoh dapat anda lihat disini

Login ke web anda
Pilih Edit HTML

copy paste scrip berikut ini

<div class="smallfont" style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Daftar Isi" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;  height: 250px; overflow: auto;">
<script src="http://tutorial-blog.googlecode.com/files/feeds.js">
</script><script src="http://www.klinikict.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
</div>



Sumber : search engine google.com

silahkan di copy artikel tapi jangan lupa komentar nya

semoga bermanfaat

http://www.klinikict.com

Read more...

Program Gratis Dunia Pendidikan

Selamat datang di Klinik ICT, di Web Klinik ICT ini anda yang bekerja di bidang pendidikan khusus nya bagi guru maupun staf tata usaha yang biasa nya bingung dan ruet dalam aktifitas pengolahan data nilai disini anda akan kita buat menarik nafas lega dan akan berfikir nah begini seharusnya saya mengolah data sekolah, lebih gampang dan lebih cepat kalau pakai cara seperti ini.
Buat bapak/ Ibu yang terbiasa menggunakan sistem program manaual atau file terpisah disini anda akan menemukan file-file yang terkolerasi antara 1 file dengan file lain nya sehingga antara 1 data dengan data yang lain dapat di gunakan sehingga meringankan pekerjaan dan meningkatkan efisiensi waktu anda dalam bekerja.
Bagi bapak/ibu yang baru mempelajari Ms. Excel atau Ms. Excel VBA Jangan sungkan-sungkan silahkan copy dan download file-file yang anda anggap menguntukan sodara, disini saya berikan boleh di copy paste untuk kepentingan anda secara GRATIS.

Maju terus dunia pendidiklan indonesia
sumber : http://www.klinikict.com/

Read more...

Jadikan Blog anda menjadi web berdomain dot com

Perubahan domain dari blogspot dot com menjadi dot com tanpa ada kata blogspot ternyata tidak lah sesulit yang kita bayangkan, dan cara nya sangat mudah dan cepat pula, tergantung dari tempat dimana anda menyewa domain yang mengerjakan nya dan harganya pun bisa kita juga yang mengatur. kita punya dana besar yang tinggal kita cari domain yang harga mahal. jika kita punya dana ter bataspun kita juga bisa dapat domain yang kita inginkan asalkan tidak telah dimiliki orang lain.

cara seting dan edit nya pun nanti akan di beri tahukan oleh tempat dimana kita mendapatkan domain, tentunya setelah kita melakukan konfirmasi terlebih dahulu terhadapap mereka yang menawarkan domain tersebut. jangan asal pilih entar menyesal karena masih banyak tempat pembelian domain yang tidak memberikan jasa untuk membantu seting di blogspot. jadi sebelum anda memilih untuk membeli domain pada suatu tempat pastikan customernya dapat membantu anda dalam seting sampai blog anda berubah menjadi domain yang anda ingin kan
anda dapat membeli domain di Pentedia jasa domain yang banyak di tawarkan di internet seperti
1. Pusat Hosting.com
2. http://www.baliorange.net/
 dan tempat-tempat lain yang anda anggap baik


selamat mencoba menjadikan blog anda menjadi domain yang anda ingin kan.
semogra bermanfaat


Read more...

Cara membuat artikel terkait dibawah postingan



Cari kode ]]></b:skin>
Copy kode dibawah ini, lalu paste di atas kode ]]><b/:skin> berikut ini


.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

copy code ini di bawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

selanjutnya simpan dan lihat hasilnya......

Read more...

Cara membuat text mengikuti kursor

Berikut ini scrip untuk membuat Text mengikuti kursor dapa web ini ketika agan menggerakkan kursor akan ada tulisan klinik IT, cara nya anda letakkan pada Gadget / Widget HTML/JavaScript anda copi dan pastekan scrip berikut ini :


<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;

/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Klinik  IT";
/* 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 = 24;
// 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 = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// 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.3;
////////////////////// 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>

semoga bermanfaat buat anda

Read more...

program pengolahan nilai semester

Program Pengolahan nilai semester I tahun pelajaran 2012.


Program Pengolahan Nilai Versi 42.1
Bacalah Petunjuk cara penggunaan program ini dengan baik dan benar agar tidak salah dalam penggunaan program
kesalahan yang terjadi seperti pada versi-versi sebelumnya bukan pada program, akan tetapi kesalahan pada penggunaan dan penempatan data yang tidak sesuai
                                                               
Pada saat pertama kali program di jalankan, akan tampil menu yang terdiri dari : Reg Peserta, Read Me, KKM, Nilai Harian, Nilai UTS, Nilai Semester
dan Data Sekolah                                            
                                                               
Hal Pertama yang perlu di isi                      
                Isi terlebih dahulu data sekolah, data yang berwarna merah sesuaikan dengan data sekolah anda
                (data ini bukan hanya tampilan pada lembar tersebut melainkan di link kan kehalaman lain nya)
                     
                                        
Hal ke dua yang di isi                      
                Reg Peserta                       
                Pada file ini anda harus lebih teliti dan seksama serta jangan menggunakan fungsi drag, karena rentan nya fungsi drag dengan perpindahan sel yang tidak sesuai dengan prosedur
                sebaiknya anda tidak mengetik secara langsung pada sheet ini, gunakan sheet lain yang sesuai dengan form tersebut setelah jadi anda pastekan pada sheet daftar peserta Ujian
                NO                                        
                Nomor ini dimaksudkan untuk membuat nomor urut siswa di kelas dimana siswa tersebut belajar dari no terkecil hingga terakhir
                Pada program tertera No 1 - 42 untuk absen siswa jika siswa perkelas tidak sampai 42 orang nomor yang kosong harapa di kosongkan saja
                NO Ujian, Kelas, Nama, Ruang, J/K, Num
                Anda Dapat Membuat No Ujian sesuai dengan kebutuhan anda Tinggal Sesuaikan berdasarkan kriteria Anda, referensi dari program, anda urutkan data satu kelas pararel IX A - IX H
                Selanjutnya di Ascending berdasarkan nama dari A - Z. lalu dari nama teratas anda beri nomor ujian terkecil hingga terakhir nama siswa paling bawah (data maksimal 300 siswa)
                untuk pembagian ruangan anda hitung sesuai dengan keadaan bisa anda buat 15 peserta ujian per ruangan, jadi bila 15 orang anda tinggal hitung dari awal 15 orang pertama
                akan mengikuti ujian di Ruang 1, dan 15 selanjutnya di Ruang 2 begitu seterusnya, jika berlebih anda sesuaikan saja dengan keadaan
                untuk NUM ini dimaksudkan untuk keperluan perhitungan jumlah peserta ujian per ruangan ujian, wajib di abjad dari 1,2,3,4 sampai siswa terakhir tiap ruangan
                                                               
                No Reg dan No Ujian     
                Ini Merupakan fungsi utama dari sukses tidaknya program berjalan nantinya, hati-hati kesalahan pada umumnya terjadi disini
                No reg merupakan data kontrol awal sebanyak 336 Nomor, yang berarti hanya dapat menampung maksimal 336 peserta ujian
                Jika peserta ujian anda tidak sampai 336 biarkan saja, toh tidak mengganggu no reg juga sekaligus untuk menghitung berapa jumlah peserta ujain kelas pararel
                setelah data anda selesaikan dengan benar, telah di ascending kembali berdasarkan kelas masing-masing, ini akan berdampak pada leger jika anda salah
                pastekan pada form ini, harap tidak menggunakan mouse untuk fungsi copas, gunakan fungsi control untuk copas itu lebih baik
                                                               
                Tombol DAFTAR                              
                di gunakan untuk mendaftarkan siswa peserta ujian, jika anda telah mengentrikan data peserta ujian klik tombol, maka secara otomatis siswa akan terdaftar pada form nilai
                                                               
                AZ Reg                                 
                tombol ini di gunakan untuk mengurutkan data secara ascending atau mengurutkan data dari no 1 - 300 pada data NO REG
                ini dimaksudkan untuk mengurutkan data bila ada perubahan menggunakan tombol NO Ujian
                                                               
                AZ Ujian                                              
                Tombol ini di gunakan untuk melihat tampilan data siswa berdasarkan Nomor Ujian dari nomor terkecil hingga terakhir
                                                               
                Jika ada perubahan data harap kembali gunakan tombol daftar agar perubahan tersebut dapat ter registrasi pada lembaran lainnya
                                                               
                                                               
                Pengisian Daftar Nilai Harian & Daftar Nilai UTS
                                                               
                Pengisian daftar nilai tersebut berdasarkan nilai yang di berikan oleh guru mata pelajaran, tidak perlu menggunakan pembulatan
                nilai dapat di inputkan mulai dari angka  0 hingga 100, jangan menggunakan tanda lain selain angka
                beberapa kasus operator meng entrykan nilai dengan cara pembulatan, hal ini dapat merugikan sebagian siswa, oleh karena itu
                Operator harap meng Entrykan Nilai sesuai dengan yang di berikan oleh guru mata pelajaran, dalam program ini nilai dibelakang koma turut berpengaruh
                dalam perhitungan nilai.              
                Untuk bidang studi IPA dan IPS, operator meng entrykan berdasarkan mata pelajaran yang ada ( ada 3 untuk ips) dan ( ada 2 untuk ipa), anda tidak perlu membagi terlebih dahulu
                untuk mata pelajaran yang telah di nyatakan terpadu seperti IPA terpadu IPS terpadu dengan nilai dari guru bidang studi hanya satu, anda di wajibkan mengisi nilai yang lain
                agar data tetap valid sesuai dengan kolom yang tersedia, jadi jika mata pelajaran terpadu copas saja nilai nya
                untuk nilai PENJAS, ini hanya tersedia nilai Harian, Nilai harian yang akan langsung menjadi nilai raport/leger
                                                               
                Pengisian Form Nilai UJIAN SEMESTER
                Untuk pengisian nilai Ujian Semester anda harus sedikit seksama karena jika salah akan berdampak besar terhadap nilai siswa
                sebelum anda menge entrykan nilai Ujian semester
                anda pastikan anda meng entrykan Nilai berdasarkan nomor ujian siswa tersebut, jangan salah isi
                Untuk mempercepat kerja anda karena nomor ujian siswa tersebut tidak berurut, anda ascending data sesuai nomor ujian, pada kolom no ujian terdapat anak panah kecil
                klik anak panah tersebut, maka akan tampil layar kecil disamping nya lalu anda pilih AZ Aort Smalles to largest
                selanjutnya anda entrykan data siswa dengan mudah karena nomor telah ber urut berdasarkan nomor ujian
                setelah semua data nilai anda entrykan kembalikan format data tersebut berdasarkan format data awal yaitu no reg 1 - 300
                caranya sama dengan sebelumnya, anda klik anak panah kecil pada no reg, lalu pilih AZ Sort Smallest to Largest
                tahap terakhir yang anda lakukan adalah mengklik simpan
                pada tombol simpan disini dimaksudkan untuk mengirimkan data nilai yang telah anda entrykan ke menu penghitungan nilai
                Jika anda tidak meng klik tombol simpan maka data nilia yang anda entry kan tidak akan di hitung
                Penting Nian di ingat
                anda harus memastikan Posisi No Reg  ber urut mulai dari 1 hingga 300
                sebelum anda mengklik tombol kirim
                Jika anda mengabaikan hal ini maka kesalahan jelas pada operator bukan pada program, karena program berjalan sesuai dengan perintah
                yang memberi perintah salah ya so pasti program nya akan lebih salah lagi, jadi inga … inga ….. Inga ting
                                                               
                Cetak Leger                       
                Tombol Cetak Leger Tersedia pada Halam Muka/ Halam depan
                Ketika anda klik tombol cetak leger anda akan di antarkan ke halaman leger, jangan bingung bagaimana cara anda men cetak data berdasarkan kelas
                pada sudut tertulis Kelas anda akan melihat anak panah kecil, disanalah …. tempat lahir beta di buia dan di besarkan bunda….eeehhhh keterusan dah lagunya
                anda klik berdasarkan kebutuhan, anda tentu sudah tau cara menggunakannya, pilih kelas trus cetak dah dengan menggunakan menu print.
                untuk kelas selanjutnya anda tinggal mengulang sukses langkah di atas.
                                                               
                selamat ber juang para operator, kejujuran ada pada kejelian mata dan hati anda
                Jika anda berhati mulia anda tau dan menyadari kesalahan anda pada saat meng entry nilai tersebut, jika tidak anda akan mengatakan program nya salah hitung
                Ingat ….. Komputer hanya mengikuti perintah si pemberi perintah

Read more...

Cara membuat Label bergerak Berputar

Membuat Label Tulisan Begerak seperti yang anda lihat pada label di sebelah kiri ini adalah tampilan label yang telah di tambahkan scrip/kode htmlnya sehingga dapat bergerak berputar.
 
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Login Akun blog anda
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Anda cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
5. Setelah ketemu anda copy paste code berikut tepat di bawah scrip di atas

Kode/scrip dapat anda lihat disini

Read more...

Membuat efek zoom pada gambar postingan di web

Efek zoom merupakan sebuah trik yang di gunakan oleh pemilik sebuah web untuk menampilkan sebuah tampilan berbeda, penggunaan efek zoom ini juga sekaligus untuk memperkecil  kapasitas penyimpanan dan mempercepat proses loading web anda.

Efek zoom akan tampak ketika anda atau pun pengunjung mengarahkan mouse pada gambar yang akan dilihat dengan tampilan lebih besar seperti contoh gambar dibawah ini


Photobucket
Untuk melihat efek zoom anda cukup mengarahkan mouse anda ke gambar di atas, maka gambar akan tampak membesar dengan sendirinya.

Cara membuat efek zoom tersebut cukup anda mengikuti langkah berikut ini :

1. Login ke blogger
2. Pilih Rancangan => Edit HTML/java script
3. Cari kode ]]></b:skin>
4. Copy paste scrip berikut ini dan letakkan tepat diatas kode ]]></b:skin>

.post img:hover { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transform: scale(2); -o-transform: scale(2); -webkit-transform: scale(2); }

5. Selesai, klik simpan template anda

Lihat hasilnya mengagumkan web anda sudah dapat menampilkan gambar membesar dengan sendirinya ketika mouse di arahkan ke gambar.

catata kecil :
Angka 0.5 maupun 2 diatas berfungsi untuk tampilan zoom, semakin besar angka yang anda masukkan semakin besar pula zoom yang akan di hasilkan
anda dapat merubah sesuai dengan kebutuhan anda sendiri.
semoga tips ini bermanfaat bagi anda
jangan lupa beri komentar anda.

Read more...

Menampilkan Halaman Excel di web blog

cara mudah untuk menampilkan file excel maupun ms. word adalah seperti berikut
anda perlu meng upload file tersebut pada http://id.scribd.com
sebelum anda upload terlebih dahulu and daftar dahulu, setelah proses registrasi anda lakukan, upload data tersebut
gunakan scrip dari upload yang anda dapat dari upload file tersebut, dan pastekan di halaman Entry baru

semoga bermanfaat

Read more...

Menambahkan gambar disebelah judul web blog

menambahkan gambar pada sebuah web blog cukup menambah indah sebuah tampilan web blog, gambar ini juga sekaligus untuk menggantikan logo blog yang ada di sebelah kiri judul dan url web blog anda, namun jika gambar atau size yang di buat tidak sesuai dengan tempat juga tidak menambah bagus tampilan sebuah blog malah terlihat menjadi tidak elegan lagi. oleh karena itu sebelum membuat gambar perhatikan dulu gambar atau ukuran dai gambar yang akan di tampilkan

gambar disamping ini merupakan contoh dari gambar yang di buat pada web ini, untuk menampilkan foto ini ada pada web anda cara nya cukup muda, anda tinggal menambahkan scrip dibawah ini pada templete edit html anda. 

<link href=' URL Gambar' rel='SHORTCUT ICON'/>
url gambar di samping saya upload pada halaman ini juga, jika anda ingin menampilkan gambar seperti ini atau akan menampilkan gambar lain anda tinggal upload gambar dan lihat url nya dimana. untuk melihat dimana url gambar disamping anda tinggal klik kanan trus klik buka tautan baru atau new tab copy alamt urlnya sehingga scripnya menjadi  
<link href=' http://2.bp.blogspot.com/-5F384fTho6g/UJ-uA-P2aXI/AAAAAAAAABY/tTWKxkKkE64/s1600/garudaku.png' rel='SHORTCUT ICON'/>

scrip diatas di letakkan tepat dibawah kode berikut

<title><data:blog.pageName/></title>

anda dapat pula menggunakan foto anda untuk di tampilkan di web anda agar pengunjung tau bahwa andalah pemilik web anda.

selamat mencoba ???

Jangan lupa beri komonter anda jika anda menggunakan scrip diatas

Read more...

Mempercepat loading web blog

Berbagai macam cara dan isi blog yang di tampilkan di web blog yang di buat oleh pemilik blog. berbagai macam isi tulisan gambar, video dan sederetan iklan yang terkadang di tampilan berlebihan sehingga isi tulisan dari web tersebut menjadi tidak beraturan lagi.

Sebelum anda membuat web blog apakah web blog seperti tampilan saat ini yang anda ingin kan ??? jika sudah seperti yang anda inginkan, jangan permasalahkan lagi kenapa web blog anda menjadi lama loadingnya. hal ini karena setiap data yang di tampilkan pada halaman depan (Home Page) akan di baca oleh komputer setiap kali web blog di buka, setiap kali web di buka maka web akan mencari sumber dimana di letakkan link-link yang terdapat pada halaman web blog anda semakin banyak yang anda tampilkan semakin lama web blog anda akan terbuka. 

Jika anda meginginkan blog anda di gemari oleh pengunjung karena web anda cepat loading ikuti tips berikut ini :

1. Jangan Tampilkan Menu yang tidak bermanfaat
2. Jangan Tampilkan Video/ Gambar bergerak yang tidak bermanfaat  karena akan berpengaruh pada
     kecepatan baca komputer pengunjung anda.
3. Untuk yang memasang iklan pikir ulang 1 Juta kali untuk memasang iklan. coba 1 bulan apakah iklan yang 
    anda tampilkan itu benar-benar menghasilkan atau hanya sekedar hanya untuk ikut-ikutan saja. karena 
    saat ini hampir setiap web blog menampilkan iklan ini dan itu. tapi hasilnya toh tidak dapat anda ambil dari
    hasil yang di tampilkan di blog anda. percuma saja kan. hal ini telah beberapa kali juga saya tanyakan
    kepada beberapa rekan bloger yang memasang iklan yang katanya dapat penghasilan mengikuti sebuah 
   tempat kumpul-kumpul untuk memasang iklan tapi nyatanya ketika di tanya sudah berapa pendapatan yang
   di peroleh perbulan di katakan tidak bisa di ambil karena belum masih sedikit. wauuuuwwww apakah hal
   seperti ini pula yang anda ingin kan ????? anda yang punya web blog anda sendiri yang menentukan.
4. Gunakan Bantuan fungsi read more agar web blog dapat membaca blog anda lebih cepat.

sekian tips dari saya semoga bermanfaat

Read more...

cara mengalihkan halaman web lama ke web baru

Untuk mengalihkan halaman web lain
Tata Letak - Edit HTML.
Letakkan script berikut di bawah kode <head> :

<meta content='2;URL= http://workshopsit.blogspot.com/' http-equiv='refresh'><br /></meta>


Keterangan :
Ganti url : http://workshopsit.blogspot.com/ dengan Url Web anda
='2; dapat anda ganti dengan nilai lebih tinggi/lebih rendah. berfungsi untuk mengatur durasi lamanya pengalihan web ke web baru

simpan dan lihat hasilnya.

contoh dapat dilihat di http://workshopsit-menudropdown.blogspot.com/

Read more...

Membuat Menu Dropdown

Menu Drop down merupakan sebuah menu yang di gunakan oleh pemilik web untuk menampilkan mempercantik tampilan halaman web. dengan adanya menu drop down mempermudah para pengunjung untuk melihat isi dari halaman web tersebut.
berikut listing untuk membuat sebuah menu drop down. copy pastekan ke HTML anda :
untuk demo dapat anda lihat di TKP


<style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #dwnav {
        margin: 0;
        padding: 0;}
    #dwnav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #dwnavli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #dwnav li a, #dwnav li a:link, #dwnav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #dwnav li a:hover, #dwnav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #dwnav li {
        float: left;
        padding: 0;}
    #dwnav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #dwnav li ul a {
        width: 140px;}
    #dwnav li ul ul {
        margin: -25px 0 0 161px;}

    #dwnav li:hover ul ul, #dwnav li:hover ul ul ul, #dwnav

li.sfhover ul ul, #dwnav li.sfhover ul ul ul {
        left: -999em;}
    #dwnav li:hover ul, #dwnav li li:hover ul, #dwnav li li

li:hover ul, #dwnav li.sfhover ul, #dwnav li li.sfhover ul, #dwnav

li li li.sfhover ul {
        left: auto;}
    #dwnav li:hover, #dwnav li.sfhover {
        position: static;}
    #dwnav li li a, #dwnav li li a:link, #dwnav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #dwnav li li a:hover, #dwnav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #dwnav li li li a, #dwnav li li li a:link, #dwnav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #dwnav li li li a:hover, #dwnav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='dwnav'>
                <li> <a href="http://baraxcom.blogspot.com">Home</a></li>
                <li>
                <li>
                <a href="http://baraxcom.blogspot.com/2012/08/komputer.html">Komputer </a>
                     <ul>
<li><a href="http://baraxcom.blogspot.com/2012/08/ms-word.html">Ms. Word</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/ms-excel.html">Ms. Excel</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/internet.html">Internet</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/video-editing.html">Video Editing </a></li>
</ul>
</li>
<li><a href=" http://baraxcom.blogspot.com ">Workshop </a>                 <ul>
 <li><a href="http://baraxcom.blogspot.com/2012/08/internet_22.html">Internet </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-aplikasi.html">Program Aplikasi</a></li>
</ul>
</li>
<li><a href=" http://baraxcom.blogspot.com ">Software Sekolah</a>  <ul>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-pengolahan-nilai_22.html">Program Pengolahan Nilai </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-pendataaan-siswa.html">Program Pendataan Siswa </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-perpustakaan.html">Program Perpustakaan</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-bk.html">Program BK</a></li>

                      </ul> <li>
<li><a href="http://baraxcom.blogspot.com/2012/08/tutorial-blog.html">Tutorial Blog</a></li>
                  </li>

<li><a href="http://baraxcom.blogspot.com/2012/09/baraxcom.html">Owner Blog</a></li>
                  </li>
 </li></ul> <li>
</li></div>

jangan lupa alamat linknya anda rubah terlebih dahulu sesuai dengan alamat web anda

Read more...

Back Link

AutoBacklinkGratisjapanese instant free backlinkFree Plugboard Link Banner ButtonMalaysia Free Backlink ServicesFree Promotion LinkMAJLIS LINK: Do Follow BacklinkLink Portal Teks TVFree Smart Automatic BacklinkFree Automatic Backlink Serviceinstant backlinksocial networkingAdd URL Suggest Linklintas berita network Auto Backlink Gratis Indonesia : Top Link Indo

  © Newspaper III by Ourblogtemplates.com Edited by CH BARA

Back to TOP