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

Bamzstyle

Simples 2.0

Oswald 

 

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

<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 :

Nama	Kelas	Alamat
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 :

Nama	Kelas	Nilai
-	-	-
-	-	-
-	-	-
-	-	-

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 :

Nama	Kelas	Nilai
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-
-	-	-

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 :

Nama	Kelas	B. Indonesia	B. Inggris	M T K	IPA	Jumlah
-	-	-	-	-	-	-
-	-	-	-	-	-	-
-	-	-	-	-	-	-
-	-	-	-	-	-	-
-	-	-	-	-	-	-

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 :

1. Kunjungi http://www.scribd.com/

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.

 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 :

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...