Selasa, 23 Februari 2010

Membuat foto animasi di Blog

    Kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.
      Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :

1.Silahkan buka situs http://www.slide.com/
2.Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut
3.Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)
4.Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan
5.Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat
6.Langkah selanjutnya adalah melakukan pembuatan animasi
7.Klik style, untuk memilih gaya dari animasi
8.klik skin, untuk memilih bingkai animasi
9.klik Size untuk memilih ukuran
10.Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan
11.klik tombol Upload untuk melakukan proses upload foto
12.Jika proses upload selesai, klik tombolSave
13.Copy kode HTML yang di berikan, lalu paste pada program notepad
14.Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser
15.Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog sobat,

Contoh gambar animasi :

Membuat Read More Bloger

Bagi para sobat yang menggunakan template baru tentu saja akan mengalami kebingungan ketika membaca tutorial terdahulu yang membahas tentang membuat menu Read more.. atau menu Baca selengkapnya.., karena tutorial tersebut memang di peruntukan bagi para sobat yang menggunakan template klasik. Nah bagi sobat yang menggunakan template baru dan ingin menggunakan menu Read more..

silahkan ikuti langkah-langkah berikut :

- Sign in seperti biasa di blogger dengan id milik sobat
- Klik Setting
- Klik Formatting
- Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">


</div>

- Klik tombol yang bertuliskan Save Settings
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :
- Klik menu Dasboard
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Full Template
- Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
- Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya
- Tunggu beberapa saat ketika proses sedang berlangsung
- Silahkan Sobat cari kode berikut pada kode template milik sobat :

<div class='post-body'>
- Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


- Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

<p><data:post.body/></p>

- Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<a expr:href='data:post.url'> Read More......</a>
</b:if>

- klik tombol bertuliskan Save Template
- Selesai.
Cara Posting Artikel
- Klik menu Posting
- Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

<div class="fullpost">
</div>

- Tulisankan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">

- Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>

- Klik tombol bertuliskan PUBLISH POST
- Klik tulisan Open New Window untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas
- Selamat mencoba !

3D Digital Text Effect


salam jumpa kembali..
pada tutorial kali ini kita akan mencoba membuat teks dengan effec digital. ukuti terus ya.....




3D Background dengan Photoshop

       Untuk membuat background 3D photoshop juga bisa membuat. mau tau caranya?.. ikuti langkah-langkah berikut:
Langkah 1:
1. Buka dokumen baru dengan background warna putih.


2. sebelum membuat warna bacground could, pastikan pilihan warna pada foreground color. disini kita coba menggunakan warna biru dan putih.


3. pilih menu Filter>> Render>> Clouds


4. kembali ke menu Filter >> stylize >> Extrude.... pada bagian Type:Blocks, size=30, depth=50, Random, lalu OK.

Hasilnya akan tampak seperti ini:


selamat mencoba..!! GBU

Backup Data Pada Blog

Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot) tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi. Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada. Kenapa bisa demikian?
jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu pihak Blogger.com.

Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com) tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.

Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana. Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.
Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita? jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya. Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.
Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader, serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.

Backup Online di Wordpress.com
Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !. Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress. Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :

Silahkan login dulu di wordpress dengan id sobat
Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat menjadi berbahasa indonesia.
Klik menu Kelola.
Klik sub menu bertuliskan Impor.
Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik tombol Otorisasi.
Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger dengan id sobat.
Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.
Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger, maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.
Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung
Selesai.
Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress, oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama seperti pada saat melakukan impor yang pertama.
Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com. mau tahu caranya? di baca saja deh kelanjutan ceritanya.

Backup Online melalui Google Reader
Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader. Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.

Backup Online melalui Multiply.com
Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com. Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat. Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.

Senin, 22 Februari 2010

Membuat Menu dengan Fungsi Scroll

Salam jumpa lagi...
kesempatan ii saya akan membagikan ke teman-teman semua cara membuat menu dengan fungsi scroll. ini biasanya kita butuhkan bilamana kita memiliki menu yang begitu banyak, sedangkan area untuk menampilkannya tidak culup.. denagnmenu scroll ini mungkin dapat mengatasi masalah trsebut.. gimana caranay .. ayo.. kita mulai.....
yang kita butuhkan cukup hanya dengan script HTML berikut:

Keterangan :
1. width --> lebar menu
2. height --> tinggi menu
3. padding --> jarak antar tulisan dengan garis pinggir
4. border --> ketebalan garis pinggir

Contoh Menu fungsi Scroll :

Rabu, 17 Februari 2010

Mengatur Hurup dan Warna

        Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima") 
Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai


Text Color --> pengaturan warna hurup dari posting-an


Link Color --> pengaturan warna hurup yang di link


Blog Title Color --> pengaturan warna hurup judul Blog


Blog Description Color --> pengaturan warna hurup deskripsi blog


Post Title Color --> pengaturan warna hurup judul posting-an


Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah


Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)


Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)


Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link


Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar


Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan


Blog Title Font --> pengaturan jenis hurup Judul blog


Blog Description Font --> Pengaturan jenis hurup dekripsi blog


Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )


Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai


        Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

Membuat Text Area

       Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. 

Untuk membuat text area, silahkan anda Copy kode di bawah ini :



 Sebagai contoh : 
 
Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :


Sebagai contoh : 


Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :


--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.




--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.




Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.




Element text area :


--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"


HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.


 Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.


Selasa, 16 Februari 2010

Buku TIK Baru

Salam Damai,
           Pada kesempatan ini saya menyampaikan bahwa tidak lama lagi Buku Pelajaran TIK Untuk Skolah Dasar saya akan terbitkan. karena kita tau, selama ini kurikulum TIK untuk SD dari Dinas Belum ada. smentara ini TIK di SD masih sifatnya muatan loka. karena itu saya berusaha menyusun buku pelajaran untuk SD selain buku pelajaran saya juga akan di sertakan Silabus dan RPP. namun sebelum terbit secara resmi, di blok ini sudah dapat di downlod sebagian materinya... semoga buku ini nantinya dapat bemanfaat.



Mohon doanya..
Maju Terus Pendidikan Nasional,
GBU

Download Template Blog Gratis Disini

         Berikut merupakan Daftar situs Template Blog yang saya dapatkan dan Kumpulkan dari Hasil Pencarian di Google.Jika anda berminat Untuk Mendownload Template Gratis Silahkan Kunjungi Langsung Situs Resminya dan Pilih mana Template Yang Anda Sukai.
 
Free Blogger Templates (Blogspot)
1.www.btemplates.com
2.www.bloggerbuster.com
3.http://blogtemplate4u.com/
4.www.freeblogger-templates.blogspot.com
5.www.blogger-templates.blogspot.com
6.www.finalsense.com
7.www.ourblogtemplates.com
8.www.bloggerstyles.com
9.www.eblogtemplates.com
10.www.blogspottemplate.com

Free WordPress Templates

1. www.prowordpressthemes.com
2. www.wordpresstemplates.com
3. wordpresstemplates.name
4. www.skinpress.com
5. www.wordpress.org
6. www.topwpthemes.com
7. www.blogohblog.com
8. www.templatesbrowser.com
9. www.wpskins.org
10. www.freewordpresstheme.info

Premium WordPress Templates
1. www.wordpressthemesmarket.com
2. www.wpcandy.com
3. www.web20-templates.com
5. www.wpremix.com
6. www.ithemes.com
7. www.wp-magazine.com
8. www.studiopress.com
9. www.wp-vybe.com
10. www.premiumwp.com

Bonus Daftar Template Blog..^_^
1. http://www.eblogtemplates.com/
2. http://www.jackbook.com/
3. http://www.indosmart.blogspot.com/search/label/template
4. http://www.magznetwork.com/
5. http://www.freetemplate.widarto.net
6. www.simplebits.com

        Semoga Bermanfaat Buat Semuanya..^_^.Mungkin Jika Sobat Memiliki Sumber Link Download Template Gratis Bisa di Share di Sini.