materi all

MEMBUAT GMAIL

• Buka http://gmail.com
• Klik Create An Account di bawah form login.

• Anda akan masuk ke halaman pengisian data, silahkan isi formulir pendaftaran sesuai data pribadi anda..

1.      Nama : Isi dengan nama depan dan nama belakang anda.

2.      Pilih nama pengguna anda : Isikan alamat email yang anda inginkan (nama email harus belum digunakan orang lain).

3.      Buat sandi : Isi dengan password yang anda ingikan.

4.      Konfirmasi sandi anda : Masukkan ulang password anda.

5.      Tanggal lahir : Silahkan isi dengan tanggal lahir anda.

6.      Gender : Pilih jenis kelamin anda.

7.      Ponsel : Isikan dengan nomor telepon anda.

8.      Alamat email anda saat ini : Masukkan alamat email lain (masukkan jika ada). Bisa anda kosongi.

9.      Lokasi : Isi dengan lokasi negara tempat anda tinggal.

10.  Centang dua persyaratan dari google tersebut...

11.  Klik tombol LANGKAH BERIKUTNYA.

• Setelah anda mengisi formulir pendaftaran, anda akan dibawa ke halaman verifikasi akun, klik Lanjutkan..

• Anda akan diberi kode verifikasi yang dikirim oleh google secara otomatis ke nomor telepon yang anda isikan tadi. Kemudian masukkan angka verifikasi ke dalam kotak yang tersedia. Jika sudah, silahkan klik Verifikasi.

• Anda akan dibawa ke halaman Profil, langkah selanjutnya adalah menambahkan foto profil. Jika anda sudah punya silahkan ditambahkan dengan mengklik "Menambahkan Foto Profil". Jika sudah, klik saja Langkah berikutnya..

• Jika semua langkah diatas sudah anda lakukan dengan benar, akan ada ucapan sambutan dari Google. Klik Lanjutkan ke Gmail.

• Anda akan langsung dibawa ke halaman muka Gmail. Google akan langsung memberikan 4 pesan ke inbox email anda.

Sampai disini akun Gmail anda sudah jadi, silahkan anda manfaatkan fitur-fitur yang sudah disediakan oleh produk google gmail ini.

Cara Membuat Blog Sendiri Gratis di Blogger

ketika Anda ingin membuat blog di Blogger, maka email yang harus digunakan adalah Gmail, tidak boleh Yahoo Mail ataupun email dari Microsoft.

1. Hal pertama yang harus Anda persiapkan tentunya adalah Email dari Google, atau kita sering menyingkatnya Gmail.
   
   
2. Setelah Anda menyiapkan Akun Gmail yang akan Anda pakai untuk Membuat Blog, maka langkah selanjutnya tentu saja kita harus mengunjungi situs untuk membuat blog tersebut.
   
   Sesuai judul yang saya buat yaitu Membuat Blog di Blogger, maka disini kita akan mengunjungi situs http://www.blogger.com

3. setelah kita sampai di Blogger.com maka kita akan disuguhkan halaman depan seperti ini.

4. jika tidak punya gmail, maka kita hanya akan berhenti pada Halaman depan Blogger  (service login).
5. Setelah masuk pada halaman utama (home) Blogger, klik tombol New Blog atau Blog Baru yang ada di sebelah pojok kanan atas layar monitor Anda.

6. akan muncul Pop Up seperti gambar dibawah ini.

7. isi Title dengan Judul Blog dan Address dengan Alamat Blog. saat Anda memilih Nama Blog, muncul Simbol Check berwarna biru di sebelah kanan, jika muncul tanda atau Simbol Pentung berwarna merah artinya nama Blog yang Anda pilih sudah digunakan orang lain.

8. Langkah akhir Anda klik Buat Blog atau Create blog!

Cara Membuat / Menulis Artikel di Blog

Untuk membuat maupun artikel di Blogger, cukup mengklik tombol pos, bentuk icon-nya seperti ini

Letak tombol tersebut adalah disebelah kiri layar monitor Anda.

Lanjutkan dengan mengklik icon pensil yang di bagian atas.

Setelah Anda klik ikon tersebut, nantinya kita akan masuk ruang editor (mirip office) nah, disini tinggal Anda tulis saja artikel apa saja yang ingin Anda tulis.

dihalaman editor tersebut ada 2 Mode, yang pertama adalah Compose ( Teks Normal ) dan satunya lagi HTML ( Kode ).

Perbedaan dari kedua Tipe atau Mode tersebut adalah jenis teks yang akan Anda lihat.

dalam menulis suatu artikel atau konten, ada beberapa hal yang harus Anda perhatikan, diantaranya adalah :

• Penggunaan Tag Heading H1, H2, H3
• Penggunaan Keyword di Awal Kalimat
• Kata Penutup Yang Tepat

JUMP BREAK

Pada posisi compose klik  pada artikel yang ingin anda potong menggunakan read more. Kemudian klik pada ikon jump break, seperti pada gambar di bawah )  maka artikel anda akan terpotong dengan sendirinya.

Cara di atas tersebut jika sekiranya anda menggunakannya pada posisi compose. Pada posisi edit HTML maka anda perlu  tambahkan kode <!-- more --> di antara artikel yang ingin dipotong ( lihat gambar di bawah ini ).

Mengatur template

Masuk ke dalam dasbor blog lalu pilih 'template' kemudian pilih tombol 'sesuaikan' lihat gambar untuk lebih jelasnya.

Maka anda akan di bawa kedalam dasbor perancang template blogger, seperti dalam gambar berikut. 

Cara Mengatur Lebar Blog, Layout dan Background Blog Di Blogger

1. Mengatur Lebar blog (Adjust Width)

Anda dapat merubah lebar blog sekaligus mengatur lebar kolom sidebar blog dengan cara menekan dan menggeser tombol pengaturan lebar blog, dalam dasbor perancang template blogger, pilih 'sesuaikan lebar' kemudian klik 'Terapkan ke blog' jika lebar blog sudah dirasa sesuai, untuk lebih jelasnya lihat gambar berikut 

2. Merubah Tata letak Layout blog.

Ada beberapa pilihan layout yang bisa anda pilih, entah itu layout dengan left sidebar atau right sidebar juga memilih tata letak footer blog, dan cara melakukannya adalah dengan mengklik 'Tata Letak' dalam beranda 'perancang template Blogger' silahkan tentukan Layout blog anda kemudian klik 'terapkan kedalam blog' agar pengaturan anda tersimpan, perhatikan gambar di bawah ini. 

3. Merubah latar belakang atau background blog

Untuk merubah latar belakang blog baik ketika akan memberinya sebuah background berupa gambar atau warna, anda dapat melakukannya dengan cara mengklik menu 'Latar Belakang' dalam dasbor perancang template blogger ini. Kemudian klik 'gambar latar' untuk memilih gambar yang ada, dan klik 'tema warna utama' untuk menyesuaikan warna elemen tertentu, setelah selesai jangan lupa untuk mengklik 'terapkan ke dalam blog'. Lihat gambar.

Sementara dengan mengklik menu 'Tingkat lanjut' anda akan dapat: merubah warna url link, menyesuaikan font serta besar kecilnya huruf, dan masih banyak lagi. Yang pastinya dengan memilih dan menerapkan pengaturan-pengaturan yang ada, anda akan diajak untuk bereksperimen dengan penampilan blog anda.

Klik 'kembali ke Blogger' jika semua pengaturan diatas sudah dirasa cukup.

Cara Menambahkan Gadget di Blogger:

Untuk menambahkan Gadget, pertama anda harus masuk ke account blogger Anda.
di Blogger Dashboard - Pilih Blog Anda yang anda ingin tambahkan widget - Pilih Tata Letak.

Di sisi kiri, sisi kanan (sesuai dengan desain template Anda) dan bawah Anda akan melihat Tambah Gadget. Klik Tambah Gadget dan Anda akan diarahkan ke bagian Gadget dari blogger.

Ada lebih dari seribu Gadget yang telah disediakan oleh blogger, seperti Kotak Pencarian, Entri populer Adsense, Pengikut, Blog Archive dan banyak lagi. Silahkan anda pilih sesuai selera anda.

Pilih Gadget sesuai pilihan Anda dan mengubah pengaturan yang sesuai. Sekarang klik pada Simpan dan Gadget ini akan muncul di daerah tata letak Anda.

CARA MEMBUAT 4SHARED

1. Silahkan kunjungi alamtnya di http://4shared.com

2. Setelah ke alamat tersebut silahkan daftar dan isi formulir seperti gambar dibawah ini.

3. Setelah di isi data lengkap selanjutnya buat akun. dan sahabt akn menuju ke tab berikutnya untuk mengkonfirmasikan E-mail sahabat, seperti gambar dibawah ini.

4. Setelh itu silahkan login di E-mail sahabt dan silahkan klik link yang masuk untuk menyelesaikan pendaftaran sahabat, seperti pada gambar dibawah ini.

5. Setelah itu akan ada pemberitahuan seperti gambar dibawah ini.

Dengan begitu berarti akun 4shared sahabat sudah selesai

Cara Mudah Membuat Slide Show Foto di Blog

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-clGOvzluQZ0931dGHMsKpQ_srzBbKLQEnT3xrEP6j0lyYZjkIA4AZR_Di-jrfEgI2zvSLg-IKoD32IxtAXDAPAba3bpHp3xPVPHWmbzMJZhWPWiglawnphbe3kyMuGYVO4bpYrBg_wog/s1600/Chrysanthemum.jpg" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKp26xzofJAJVnUlBFcL7qSieCjJhNlNahJPzGQrWlXxpRuJMHYSpkqMc1licjZmot9cQIoWmw1587NRQ1v9qsizfWZRDT0vX4LNL9NYvgs6UUdeBFJSJV671CRFk3jswpgbMtaFmO94B/s1600/Desert.jpg" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVUdLux0h4oXzHqF2l5WLqOOomm9kNAAcw-WG8WRvTd2QrWI6i0yle3nyNpJNGRFg7J5fDN79l8fwYdIXZqaNCoA1Crhe7U01RQ7ZPqgpM47kh8UirKifE6Zofu2Nob8S9r4MOxn75-AO6/s1600/Hydrangeas.jpg" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIJMTReANnDtZRBubx1e-HA4TB0Y-izw6yxr9GIxe-QrJ-GcChUHfc3mAGTQ94tv8rhwzZ2J0WZkNKEhUK8qAUMjQDaqKAP1h_Oo7U5KtXaqd-YiC7RabaP1APxF-AY5HklFSa-fLM-NiK/s1600/Jellyfish.jpg" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.



Search engine merupakan sebuah mesin pencari yang apabila kita masukkan kata kunci (keywoard) akan muncul beberapa pilihan kata kunci tersebut. Keuntungan memasang search engine pada blog adalah untuk memudahkan pengunjung mencari artikel/postingan yang mereka cari pada blog.

Berikut langkah-langkah cara memasang widget search engine di blog :

1. Login akun blogger Anda. 
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript. 
3. Copy-Paste kode di bawah ini,
   <form action="http://NAMABLOG.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
   Keterangan :
   NAMABLOG : ganti dengan nama blog Anda.
   25 : panjang kotak search engine/text box.

komentar terbaru

Masuk ke akun blogger sobat
3.) Masuk ke Tata Letak > Tambahkan Gadget > Html/Javascript
4.) Masukkan kode dibawah ini didalam kolom konten kosong yang tersedia

 <div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://rizaldipriantama.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

5.) Ganti / edit jika sobat menginginkannya
Ganti angka berwarna merah dengan jumlah komentar yang ingin ditampilkan di halaman utama widget
Ganti angka berwarana biru dengan ukuran gambar avatar yang ditampilkan ( pixel )
Ganti angka berwarna kuning dengan batas maksimum karakter komentar yang ingin ditampilkan
Ganti alamat berwarna hijau dengan alamat url blog sobat masing-masing.

6.) Terakhir tinggal klik simpan template / Save dan lihat hasilnya

animasi

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

Cara Membuat Email

Untuk materi lengkap silahkan download di sini