Cara Menulis Postingan di Blog

Lees meer »

Cara Menulis di Blog - Oke, setelah Anda memiliki suatu blog tugas Anda untuk merawatnya karena itu seperti rumah Anda. Mulailah tulis beberapa artikel kemudian disusul melengkapinya dengan widget yang bak perabotan rumah tangga. Di seri ketiga new blogger ini, saya akan menuliskan tutorial tentang cara menulis postingan di blog, beserta ulasan lengkap tentang tool-tool di kolom postingan.

1. Paling awal, silahkan login ke Blogger.Com.
2. Anda akan masuk ke dashboard utama Blogger. Jika Anda memiliki banyak blog, maka disini akan muncul daftar blog-blog Anda. Klik Judul Blog, yang Anda ingin tuliskan artikel baru.

3. Setelah Anda klik Judul Blog Anda, maka Anda akan masuk ke halaman pengaturan blog. Akan banyak sekali tool disini (kita bahas nanti), sekarang kita akan belajar menulis postingan terlebih dahulu. Untuk emnulis postingan silahkan klik tombol pensil dibagian atas dashboard.

4. Nah, sekarang Anda masuk ke halaman posting. Pertama yang harus diperhatikan adalah ada dua mode tulis. Pertama Compose dan kedua Edit HTML. Saya sarankan Anda klik Compose, karena Edit HTML adalah penulisan untuk tingkat lanjut dengan mode kode HTML.

5. Menulis Judul Artikel. Di bagian atas ada kolom Entri. Disanalah Anda menuliskan judul artikel Anda.
6. Di samping kanannya ada 4 tombol berurutan: Publikasikan (Untuk menerbitkan artikel Anda), Simpan (Untuk menyimpan artikel Anda. Anda bisa simpan artikel jika memang belum siap untuk diterbitkan dan melanjutkannya lain waktu), Pratinjau (Meninjau tampilan artikel sebelum benar-benar dipublikasikan), Tutup (Keluar dari Editor Penulisan Postingan).
7. Menulis Artikel. Kolom besar adalah kolom tempat menuliskan isi artikel Anda.

Pengenalan Toolbar
Kolom penulisan artikel dilengkapi banyak sekali tool:
1. Undo, membatalkan perintah terakhir
2. Redo, menyetujui perintah terakhir yang sebelumnya dibatalkan oleh Undo
3. Font, pilihan jenis font (pada tingkat lanjut Anda bisa memilih ribuan jenis font namun harus mengerti struktur template, kita belajar lain waktu)
4. Font Size, mengatur ukuran font
5. Format, format penulisan, pilih normal saja.
6. Bold, menebalkan huruf. Contoh
7. Italic, memiringkan huruf. Contoh
8. Underline, Menggaris bawahi huruf. Contoh
9. Strikethrough, Efek huruf dicoret: Contoh

10. Text Color, memilih warna huruf: Contoh
11. Text background Color, gunakan ini untuk memberikan efek stabilo. Contoh
12. Add Remove Link, menambahkan tautan ke text Anda.
(Ketika Anda menulis artikel tentang rujukan situs-situs informatif atau lainnya, Anda bisa memasang link di kalimat Anda agar orang bisa langsung datang ke situs tersebut). Contoh <~~ kata contoh berikut jika di klik akan langsung mengarah ke alamat tertentu. Untuk membuat link silahkan blok kalimat/kata tertentu, kemudian klik tombol link.
- Text To Display, adalah text yanag tadi Anda blok
- Web Address, masukkan URL tujuan
- Open This Link in New Window, centang untuk membuat link terbuka di jendela browser baru
- Add rel Nofollow, centang untuk membuat link tidak dikunjungi robot.txt (Abaikan saja ini)
- Klik OK

13. Insert Image, menambahkan gambar ke postingan Anda.
14. Insert a Video, menambahkan video di postingan Anda.
15. Jump Break, membuat ringkasan artikel. Jika Artikel Anda sangat panjang, maka gunakan ini untuk memenggal artikel Anda. Misalkan setelah pragraf ke dua Anda klik tombol ini, maka di halaman utama blog Anda hanya akan tampil 2 paragraf awal, kemudian paragraf yang lain akan muncul setelah pembaca blog Anda klik tombol readmore yang otomatis akan ditambahkan ke postingan Anda.
16. Aligment, mode perataan artikel
17. Numbered List, membuat list dalam Angka
18. Bullet List, membuat list dengan simbol
19. Quote, biasa digunakan untuk lebih memperjelas kata-kata atau kalimat tokoh tertentu
20. Remove Formatting, membatlakan pengaturan yang telah diterapkan.
21. Check Spelling mengecek ejaan kalimat.

Pengenalan Setelan Entri
Setelah mengenal toolbar-toolbar untuk postingan, Anda juga harus mengenal setelan entri yang berada di bagian kanan kolom posting, yang terdiri dari Label, Jadwal, Link, Lokasi dan Pilihan.
1. Label, gunakan label untuk mengelompokkan artikel Anda. Misalkan artikel-artikel Geografi Anda beri label Geografi, begitu jugaa dengan artikel Fisika dengan label Fisika dan seterusnya. Pada kolom label isikan label yang tepat. Kecil dan besar huruf berpengaruh.
 Misalkan saya membuat label new blogger, maka semua artikel yang saya beri label new blogger akan terkumpul di satu alamat: http://www.themasdoyok.com/search/label/new blogger

2. Jadwal, Ada bisa tentukan waktu pembuatan artikel. Jika pilih Otomatis, maka tanggal artikel adalah tanggal yang sesuai dengan kapan Anda mempublikasikannya.
3. Link, pengaturan custom URL. Abaikan saja terlebih dahulu.
4. Lokasi, pilih lokasi Anda menulis artikel. Tidak wajib.
5. Pilihan, Anda bisa memilih untuk mengijinkan pembac amengomentari blog Anda atau tidak.

Pengenalan Publikasi
Seperti saya sebut di atas, di bagian kanan penulisan judul ada 4 tombol berurutan: Publikasikan (Untuk menerbitkan artikel Anda), Simpan (Untuk menyimpan artikel Anda. Anda bisa simpan artikel jika memang belum siap untuk diterbitkan dan melanjutkannya lain waktu), Pratinjau (Meninjau tampilan artikel sebelum benar-benar dipublikasikan), Tutup (Keluar dari Editor Penulisan Postingan).
Berikut adalah pengenalan bagian-bagian postingan.

Semoga bermanfaat, marii menulisss :D di blog....

Cara Menulis Postingan di Blog

Posted by : Unknown on :Donderdag 07 Maart 2013 With 0opmerkings

Tag : Tugas

JigSaw

Lees meer »

Pada tutorial yang lalu kita pernah membuat sebuah puzzle drag n drop atau dasar dari jigsaw puzzle. Tetapi jika anda menggunakan script pada tutorial tersebut, tentunya script yang anda tulis akan menjadi panjang jika kepingan yang anda buat banyak. Oleh karena itu, ditutorial ini kami membuat versi dengan script yang lebih pendek. Bila anda tertarik untuk membuat sebuah game semacam jigsaw silahkan gunakan tutorial berikut.
1. Buatlah sebuah flash document.
2. Buatlah beberapa objek seperti gambar dibawah ini :

3. Tekan Ctrl+R dan pada panel yang muncul cari gambar yang diinginkan kemudian tekan Open.
4. Seleksi gambar yang baru dimport tadi, kemudian tekan Ctrl+B untuk membuat gambar bitmap menjadi shape.
5. Jika sudah gambarlah garis pada gambar tadi. Buatlah garis yang membuat gambar tadi menjadi berkeping-keping.
6. Pada tutorial ini, kami membagi gambarnya menjadi 4 keping dengan garis sebagai berikut :

7. Seleksi kepingan pertama (garis tidak perlu diseleksi), kemudian tekan F8. Pada panel yang muncul ketikkan Bagian1 pada kotak Name, pilih MovieClip sebagai Typenya, lalu tekan Ok.

8. Seleksi movie clip Bagian1 kemudian tekan Ctrl+F3. Pada panel properties yang muncul ketikkan Bagian1 pada kotak Instance Name.
9. Seleksi kepingan kedua (garis tidak perlu diseleksi), kemudian tekan F8. Pada panel yang muncul ketikkan Bagian2 pada kotak Name, pilih MovieClip sebagai Typenya, lalu tekan Ok.
10. Seleksi movie clip Bagian2 dan pada panel properties ketikkan Bagian2 pada kotak Instance Name.
11. Seleksi kepingan ketiga (garis tidak perlu diseleksi), kemudian tekan F8. Pada panel yang muncul ketikkan Bagian3 pada kotak Name, pilih MovieClip sebagai Typenya, lalu tekan Ok.
12. Seleksi movie clip Bagian3 dan pada panel properties ketikkan Bagian3 pada kotak Instance Name.
13. Seleksi kepingan keempat (garis tidak perlu diseleksi), kemudian tekan F8. Pada panel yang muncul ketikkan Bagian4 pada kotak Name, pilih MovieClip sebagai Typenya, lalu tekan Ok.
14. Seleksi movie clip Bagian4 dan pada panel properties ketikkan Bagian4 pada kotak Instance Name.
15. Jika semua kepingan sudah menjadi movie clip, hapus garis-garis yang digunakan untuk membuat kepingan tadi.
16. Letakkan keempat kepingan tadi seperti gambar dibawah ini :

17. Jika seandainya kotak yang dibuat pada Tutorial Nomor 2 terlalu kecil, anda dapat membesarkannya.
18. Seleksi keempat keping movie clip kemudian tekan Ctrl+C untuk mengcopynya.
19. Jika sudah tekan Ctrl+V untuk menduplikasinya. Letakkan kepingan hasil duplikasi sepeti gambar dibawah ini :

20. Pastikan anda masih menyeleksi kepingan hasil duplikasi. Lalu pada panel propeties anda ganti Color menjadi Alpha 10%.

21. Jika sudah, seleksi salah satu kepingan hasil duplikasi kemudian pada panel properties tambahkan kata Target pada kotak instance name.

22. Lakukan Tutorial Nomor 21 pada ketiga keping duplikasi lainnya.
23. Sehingga nantinya Instance Name pada masing-masing keping duplikasi menjadi menjadi TargetBagian1, TargetBagian2, TargetBagian3, TargetBagian4
24. Sekarang acak kepingan pada keping asli seperti gambar dibawah ini :

25. Buatlah sebuah dynamic text. Seleksi dynamic text tersebut kemudian pada panel properties anda ketikkan pesan di kotak Var.
26. Letakkan dynamic text tadi seperti gambar dibawah ini :

27. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

//jumlah kepingan puzzle //sesuaikan nilai variable jumlahBagian dengan jumlah kepingan yang anda buat jumlahBagian = 4; for (i=1; i<=jumlahBagian; i++) { _root["Bagian"+i].id = i; //bila kepingan puzzle ditekan _root["Bagian"+i].onPress = function() { //buat posisi kepingan berada di paling atas this.swapDepths(_root.getNextHighestDepth()); //kepingan dapat didrag startDrag(this); }; //bila kepingan tidak ditekan _root["Bagian"+i].onRelease = _root["Bagian"+i].onReleaseOutside=function () { //kepingan tidak dapat ditekan stopDrag(); target_mc = _root["TargetBagian"+this.id] //jika kepingan berada di sekitar target if (eval(this._droptarget) == target_mc) { //letakan kepingan di target this._x = target_mc._x; this._y = target_mc._y; //kepingan tidak bisa ditekan this.enabled = false; //kurangi variable jumlahBagian jumlahBagian-- //jika variable jumlahBagian bernilai 0 if (jumlahBagian == 0) { //tampilkan tulisan Puzzle Komplit pada dynamic text pesan pesan = "Puzzle Komplit"; } } }; }

28. Tekan Ctrl+Enter untuk melihat hasilnya.

Letakanlah kepingan-kepingan puzzle pada tempatnya

Sourcenya dapat di download di sini

JigSaw

Posted by : Unknown on : With 0opmerkings

Tag : Flash

Mewarnai Teks Bagian 3

Lees meer »

Cara 5
Di cara kelima ini, cara pewarnaannya akan berbeda dengan sebelumnya. Kita akan mem-break apart terlebih dahulu textnya sebelum di warnai.
1. Buatlah sebuah flash document. Atur warna stage menjadi hitam.
2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.
3. Seleksi static text dan tekan Ctrl+B sebanyak 2 kali sehingga static text berubah menjadi shape seperti gambar di bawah ini :

4. Bukalah panel color dengan menekan tombol Shift+F9 pada keyboard.
5. Di panel color, ubah Type menjadi linear.

6. Anda akan melihat 2 buah slider warna yang berjajar horizontal.
7. Klik 2 kali slider warna yang pertama dan pilih warna putih.

8. Klik 2 kali slider warna yang kedua dan pilih warna gray (#666666).

9. Sehingga di panel color akan terlihat seperti gambar di bawah ini :

10. Seleksi seluruh shape bertuliskan Warung Flash lalu tekan tombol Paint Bucket.
11. Lakukan pewarnaan ke shape bertuliskan Warung Flash. Caranya klik (jangan lepaskan klik) sembarang shape lalu drag ke bawah dan lepaskan klik.

12. Jika sudah, deselect (Ctrl+Shift+A) seluruh tulisan dan hasilnya akan terlihat seperti ini :

Cara 6
Cara keenam ini juga hampir sama dengan cara kelima. Bedanya kita tidak menggunakan pewarnaan type linear tetapi type solid.
1. Buatlah sebuah flash document. Atur warna stage menjadi hitam.
2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.
3. Seleksi static text dan tekan Ctrl+B sebanyak 2 kali sehingga static text berubah menjadi shape seperti gambar di bawah ini :

4. Buatlah sebuah garis yang membelah tulisan Warung Flash menjadi 2 seperti gambar di bawah ini :

5. Tekan fill color dan pilih warna oranye (#FF6600)
6. Tekan tombol paint bucket lalu warnai seluruh tulisan Warung Flash bagian atas dengan warna oranye.

7. Tekan fill color dan pilih warna merah.
8. Tekan tombol paint bucket lalu warnai seluruh tulisan Warung Flash bagian atas dengan warna merah.

9. Hapus seluruh garis yang membelah tulisan.
10. Jika sudah, maka tulisan akan terlihat seperti ini :

Sourcenya dapat di download di sini

Mewarnai Teks Bagian 3

Posted by : Unknown on : With 0opmerkings

Tag : Flash

Mewarnai Teks Bagian 2

Lees meer »

Cara 3
Di cara ketiga ini, kita akan menggunakan Drop Shadow dari panel filters. Hasil yang akan diperoleh akan mirip dengan yang kita buat dengan Cara 2 tetapi akan ada efek blur pada bayangan hitamnya.
1. Buatlah sebuah flash document.
2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.
3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah.
4. Pastikan anda masih menyeleksi static text, lalu pada menu bar pilih Window>Properties>Filters.

5. Pada panel filters yang muncul tekan tanda + dan pilih Drop Shadow.

6. Pastikan nilai-nilai drop shadow pada panel filters terlihat seperti gambar dibawah ini:

7. Dan hasil akhirnya akan seperti ini :

8. Nilai-nilai Drop Shadow pada panel filters tidak harus seperti yang di atas. Itu hanya contoh saja. Anda dapat mengaturnya sampai dirasa cocok dengan yang anda buat.
Cara 4
Cara ke empat ini juga akan menggunakan panel filters. Kita akan menggunakan effect glow.
1. Buatlah sebuah flash document. Atur warna stage menjadi hitam.

2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.
3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna cokelat (#006600).
4. Pastikan anda masih menyeleksi static text, lalu pada menu bar pilih Window>Properties>Filters.

5. Pada panel filters yang muncul tekan tanda + dan pilih Glow.

6. Pastikan nilai-nilai Glow pada panel filters terlihat seperti gambar dibawah ini:

7. Dan hasil akhirnya akan seperti ini :

8. Nilai-nilai Glow pada panel filters tidak harus seperti yang di atas. Itu hanya contoh saja. Anda dapat mengaturnya sampai dirasa cocok dengan yang anda buat.

Sourcenya dapat di download di sini

Mewarnai Teks Bagian 2

Posted by : Unknown on : With 0opmerkings

Tag : Flash

Mewarnai Teks Bagian 1

Lees meer »

Pada tutorial ini kita akan membahas bagaimana cara mewarnai suatu text agar terlihat lebih bagus. Di tutorial ini kita akan membahas 2 cara.
Cara 1
Cara ini hanya cara dasar mewarnai suatu text.
1. Buatlah sebuah flash document.
2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.

3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah.

4. Dan text pun berubah warnanya menjadi merah.

Cara 2
Di cara yang kedua ini, kita akan membuat bayangan hitam pada text yang kita buat.
1. Buatlah sebuah flash document.
2. Buatlah sebuah static text dengan tulisan WARUNG FLASH.
3. Seleksi static text tersebut dan tekan fill color. Silahkan pilih dan tekan warna yang anda inginkan. Misalnya kita pilih warna merah.

4. Seleksi static text dan tekan CTRL+D sekali maka akan muncul duplikasi dari static text.

5. Seleksi static text hasil duplikasi tadi dan tekan fill color. Kemudian pilih dan tekan warna hitam.

6. Pastikan anda masih menyeleksi static text hasil duplikasi. Pada menu bar silahkan anda pilih Modify>Arrange>Send To Back.

7. Jika benar, static text hasil duplikasi akan berada di belakang static text yang asli.

8. Sekarang atur letak static text hasil duplikasi dengan menggunakan tombol panah pada keyboard sampai letaknya kurang lebih seperti gambar di bawah ini :

Sourcenya dapat di download di sini

Mewarnai Teks Bagian 1

Posted by : Unknown on : With 0opmerkings

Tag : Flash

Mengenal Fungsi Bagian-bagian Fitur atau Menu Dasbor pada Blogspot

Lees meer »

Post ini mbak ina tujukan untuk sobat blogger yang masih anyar sebab mbak inna perhatikan beberapa waktu belakangan pengguna internet semakin menggandrungi pembuatan situs yang berbasis blogger/blogspot karena alasan tertentu mungkin dari mulai gratisan,banyak fitur yang dapat digunakan,diberi keleluasaan untuk mengelola/mengatur tampilan,seo,load page ringan dll.Penulisan posting ini mbak ina sengaja membuatnya karena banyaknya sobat blogger yang masih belum begitu mengenal dengan bagian-bagian fitur yang ada pada Dasbor Blogspot. Yang membuat sulit dalam mengelola blogspot untuk blogger anyar adalah dikarenakannya masih sedikitnya tutorial pengelolaan blogspot versi sekarang.

Kenapa sangat sedikit ? ya, karena rata-rata peblogger banyak yang sudah menguasainya jadi tidak terlalu gregetan untuk mempublikasikannya,itulah yang membuat mbaik ina terlalu lama untuk mempublikasikan post ini akan tetapi mbak ina tidak akan menyia-nyiakan kesempatan yang bagus ini untuk membantu sobat blogger semua dalam mengelola akun blogspot agar dapat membantu untuk menambah ilmu pengetahuan dan semangat dalam berkarya,berbagi dan menjalin persahabatan. Dalam posting ini mbak inna hanya akan menjelaskan bagian-bagian fitur blogspot yang mbaak ina anggap sangat penting saja untuk blogger anyar dalam mengelola akun blogger. Perhatikan Gambar halaman Dasbor dibawah ini yang akan anda jumpai saat pertama kali anda login Blogger.com. 

 

Fungsi fitur blogspot akan mbak ina jelaskan menurut angka yang tertera pada gambar di atas.

Pada fitur nomor satu ini anda dapat membuka Profil Blogger dan mengeditnya,mulai dari Privasi, Identitas, Foto Profil, dll. Pada fitur nomor satu ini anda juga dapat masuk pada setelan akun yang di antaranya mempunyai fungsi untuk merubah bahasa utama dan profil Google+ Pada fitur blogspot nomor satu ini adalah satu-satunya fitur yang digunakan untuk keluar akun blogger.

Fitur nomor dua berfungsi untuk merubah bahasa utama mulai dari Inggris, Indonesia dll.
Fitur nomor tiga berfungsi untuk melihat Home page blogger anda.

Pada fitur nomor empat anda dapat melakukan peninjauan luas atau gambaran ikhtisar yang terdiri dari beberapa bagian penting,di antaranya adalah: 

Ikhtisar (untuk melihat gambaran luas seperti penayangan, ringkasan statistik, dan pembaruan). 

Pos (untuk melihat dan mengedit artikel yang sudah anda publikasikan). 

Laman (menambah laman baru/laman mandiri/Static page). 

Komentar (melihat komentar masuk dan yang terpenting adalah dapat melihat komentar spam) 

Statistik (untuk mengetahui kemajuan blog atau halaman posting anda bahkan dapat mengetahui negara asal pengunjung, dll) 

Tata letak (untuk mempercantik blog dengan menambahkan gadget seperti HTML/JavaScript dll-nya di area yang disukai). 

Template (untuk mengedit tema/template blog anda mulai dari menyesuaikan dengan template bawaan bahkan fitur cadangkan/pulihkan yang dapat berfungsi untuk mengupload template dan bisa juga mengedit langsung melalui Edit HTML). 

Setelan/Settings (mempunyai banyak fungsi mulai dari edit judul blog, memberikan Deskripsi dll).

Untuk fitur blogspot nomor lima digunakan untuk membuka daftar entri baik yang sudah diterbitkan ataupun belum diterbitkan,selain itu juga berfunsi untuk mengetahui berapa banyak komentar dan penayangan setiap posting yang sudah anda terbitkan.

Untuk fitur nomor enam mbak ina kira sobat semua pasti sudah tahu kegunaannya yaitu untuk membuat entri baru. Untuk Mengenal Fungsi Menu Fitur Blogspot lainnya mbak ina kira sobat semua pasti sudah bisa mempelajarinya sendiri dan lebih bagus apabila sobat mempunyai akun blogger kedua yang khusus untuk otak-atik blog.

Mengenal Fungsi Bagian-bagian Fitur atau Menu Dasbor pada Blogspot

Posted by : Unknown on : With 5opmerkings

Tag : Tugas