Selasa, 16 Desember 2014

laporan PD TIK 
               pada Tanggal 18/09/2014 saya dan siswa siswi yos yang mengikuti PD tik sedang melakukan pemilihan hari kamis atau hari Sabtu karena banyak sekali yang ikut PD tik  setelah itu pada tanggal 25/09/2014 saya mendapatkan hari sabtu dan saya langsung belajar membuat blog akhirnya saya mendapatkan pelajaran yang sangat berharga dan saya langsung mencobanya pada tanggal 2/10/2014 saya langsung mencoba membuat blog ternyata cara membuat blog itu mudah juga ya berikut cara cara membuat blog
1. Anda diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail,untuk lebih jelasnya perhatikan gambar dibawah ini, (Baca juga artikel mengenai Cara Membuat Email Yahoo)

Klik gambar untuk memperbesar
2. Langkah selanjutnya isi data data diform yang disediakan, jangan lupa paling bawah klik Saya menyetujui persyaratan layanan dan kebijakan privacy google, setelah itu klik Langkah berikutnya lihat gambar dibawah.
Klik gambar untuk memperbesar
3. Selanjutnya, klik kirim kode Verifikasi. lihat lagi gambar dibawah ya :)
Klik gambar untuk memperbesar
4. sekarang cek ponsel anda, jika belum ada kode verifikasi dari google bisa dicoba lagi beberapa menit kemudian, gambar dibawah menggunakan modem, jadi kode verifikasinya langsung bisa di lihat dilayar laptop saya.
Klik gambar untuk memperbesar
5. Masukin deh kode verifikasinya seperti dibawah ini
Klik gambar untuk memperbesar
6. Selamat datang di akun Gmail anda, lalu klik Lanjutkan ke Gmail ya….
Klik gambar untuk memperbesar
Klik gambar untuk memperbesar
7. Sampai disini proses pembuatan akun Gmail sudah berhasil, sekarang ketahap selanjutnya ya…proses pembuatan blog. yaudah tanpa basa basi langsung buka tab baru di browser sobat ya, atau bisa langsung menekan (ctrl + T) buka blogger.com ya…. tinggal isi email dan sandi yang sama seperti di akun Gmail tadi. lalu klik Masuk
Klik gambar untuk memperbesar
8. selanjutnya pilih Opsi profil blogger sobat, jika hanya membuat blogger sebaiknya klik yg sebelah kanan. lalu klik lanjutkan ke blogger.
Klik gambar untuk memperbesar
Klik gambar untuk memperbesar
9. Sampai tahap ini sobat sudah sukses membuat akun blog, tahap selanjutnya silahkan lihat gambar dibawah ini untuk jelasnya. perhatikan baik baik tahap 1, 2, dan 3. sebelum ada tulisanThis blog address is available berarti nama blog yang ingin sobat buat sudah ada yang memiliki, silahkan ganti dengan nama lain, atau untuk mudahnya bisa tambahkan angka dibelakang alamat blognya, lihat contoh yang saya lingkari pada nomer 2 dibawah. setelah itu klik create blog.
Klik gambar untuk memperbesar
10. Nah sekarang blog sobat sudah jadi, lihat keterangan dibawah ini, angka 1 adalah Judul blog yang sobat ciptakan pada tahap sebelumnya, lalu angka 2 adalah start posting. alias untuk memulai membuat artikel.
Klik gambar untuk memperbesar
11. Setelah sobat klik start posting, sekarang saatnya sobat membuat sebuah artikel… perhatikan baik baik langkah langkahnya dalam membuat sebuah artikel. tentunya dimulai dari angka 1 ya…hehehe… untuk jelasnya lihat gambar dibawah ini.
Langkah-langkah cara membuat artikel di blog :
Angka 1 : merupakan judul artikel yang nanti akan diterbitkan, boleh apa saja. silahkan berekspresi melalui artikel sobat, narsis juga ga ada yang larang koq :)
Angka 2 : merupakan isi dari artikel, silahkan mengarang bebas, mau curhat, kasih tips, trik, info, atau apa saja yang sobat ketahui, klo artikelnya bermanfaat pasti banyak yang suka dengan blog sobat deh.
Angka 3 : merupakan Label, silahkan isi apa saja. contohnya seperti ini, misalnya judul artikel yang sobat buat adalah Tips melangsingkan tubuh, nah label tersebut bisa di isi dengan Tips sehat, atau yang lainnya. kan ga nyambung seandainya label tsb di isi dengan Ilmu komputer. :p
Angka 4 : Nah tahap ini adalah melihat dulu artikel sebelum diterbitkan, jika ada yang salah bisa dibenarkan dulu sebelum artikel diterbitkan.
Angka 5 : Jika pada tahap 4 sobat sudah yakin, sekarang tinggal klik Publish (Terbitkan)
Klik gambar untuk memperbesar
12. Gambar dibawah ini merupakan contoh artikel yang sudah berhasil diterbitkan. dan untuk melihat artikelnya silahkan klik tombol view. selesai…. nah mudah bukan ?
Klik gambar untuk memperbesar
Klik gambar untuk memperbesar
13. Selamat Berkarya ya sob, oiya bagi sobat yang ingin tulisan hasil karyanya di publikasi di blog ini silahkan kirimkan artikel sobat ke email (indra_andriyadi@yahoo.com) jangan lupa link facebook kamu ya.  dengan catatan artikel merupakan hasil karya sendiri dan bukan hasil copy paste dari blog lain.
setelah itu saya tanggal 9/10/2014 saya medesign blog saya dan saya mendapatkan pelajaran yang sangat berharga akhirnya saya bisa mempercantik blog saya berikut ini adalah contoh contoh untuk mempercantik blog 
Kreasi | Informasi | Selamat malam sobat, kali ini saya akan share kumpulan beberapa animasi. Gunanya animasi ini tentu saja untuk mempercantik tampilan blog kita. 
animasi bergerak gif
1. Kembang Api

<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>



2. Pelaut



<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>
3. SpongeBob Ngantuk
<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>
4. SpongeBob Lari


<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>

5. Ubur - Ubur


<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>




6. Seluncur



<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>

7. Bajak Laut


<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>

8. Dancer






<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>
9. Petir


<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

10. Murid
<a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>
11SpongeBob Gembira

animasi bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
12. Naruto
animasi bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
13. Gaara
animasi bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
14. Labu

animasi bergerak gif




<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
15. Tengkorak

animasi bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

16. Ekspresi Wajah

animasi bergerak gif

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

17. Animasi
animasi bergerak gif
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div> 
setelah itu pada saat tanggal 16/10/2014 saya memasang kalender  di blog saya sangat senang membuat kalender di blog itu dapat mempercantik blog juga berikut ini cara memasang jam di blog 
    
o    Pilih dan klik widget kalender yang kamu suka :)
o    Sesuaikan lebar widget kalender ini dengan template blogger yang Anda gunakan saat ini
o    Copy dan paste script kalender widget di blogger Anda,Cara nya :
o    Login ke blogger
o    Pilih menu Rancangan / Tata Letak
o    Klik Tambah Gadget / Add Gadget
o    Pilih Gadget HTML/JavaScript
o    Paste script kalender widget di sana
o    Simpan
setelah itu pada saat tanggal 23/10/2014 saya memasang jam diblog saya sangat senang membuat jam di blog itu dapat mempercantik blog itu dapat mempercantik blog juga berikut ini cara memasang kalender di blog 
o   Kunjungi http://www.cuteki.com/widgets/clocks/ 
o    Pilih dan klik widget kalender yang kamu suka :)
o  Sesuaikan lebar widget kalender ini dengan template blogger yang Anda gunakan saat ini
o    Copy dan paste script kalender widget di blogger Anda,Cara nya :
o    Login ke blogger
o    Pilih menu Rancangan / Tata Letak
o    Klik Tambah Gadget / Add Gadget
o    Pilih Gadget HTML/JavaScript
o    Paste script kalender widget di sana

o    Simpan
setelah itu pada saat tanggal30/10/2014 saya memasang burung twitter di blog itu dapat mempercantik blog itu dapat mempercantik blog juga berikut ini cara memasang burung twitter di blog 
Pertama-tama silahkan login di Blogger
  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
  • Simpan dan lihat hasilnya
tanggal 6/11/2014 dan 13/11/2014 Pemantapan