Minggu, 18 Desember 2011

tugas internet


TUGAS INTERNET

(Proposal Judul)

Oleh
Rangga Pramodiyo Wilantara
1014231197
                                                               

AMIK.gif









AKADEMI  MANAJEMEN  INFORMATIKA  DAN  KOMPUTER (AMIK)
DIAN  CIPTA  CENDIKIA (DCC)
BANDAR LAMPUNG
2011

 

1.langkah-langkah dalam pembuatan blog ialah :

. Yang harus kamu siapkan dan wajib sebelum membuat atau bikin blog di blogspot (blogger) adalah memiliki email terlebih dahulu. email ini nantinya digunakan untuk mendaftar pertama kali. jika belum bisa atau belum membuat email baca di sini (klik di sini), kamu bisa belajar cara memabuat email di situ.  Tenang saja tidak usah terburu-buru. Baca dulu panduan ini sampai habis, kemudian baru dipraktekkan. oke
2. Jika sudah membuat email, bukalah alamat www.blogger.com, dan pastikan yang muncul adalah halaman seperti di bawah ini
cara membuat blog di blogspot
klik tombol orange yang bertuliskan Memulai, untuk mulai mendaftar.
3. Kemudian lengkapi formulir pendaftaran pembuatan blog di blogspot seperti gambar di bawah ini.cara membuat blog di blogspot
gambar di atas merupakan contoh, untuk isinya sesuaikan dengan data yang kamu miliki
pada kolom alamat email : masukan email kamu
ketik ulang alamat email : masukan lagi email yang sama seperti diatas
masukan sebuah password : masukkan kata kunci (minimal 8 karakter, bisa huruf bisa angka)
ketikan ulang sandi : masukan lagi password yang telah kamu masukan sama dengan yang di atas
Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaan dengan posting, artikel yang kamu buat nanti)
verifikasi : masukkan gambar kata yang terdapat di atas kolom.
pada gambar di atas sudah saya sertakan contoh pengisiannya
jika sudah diisi semua lalu klik Tombol panah orange (Lanjutkan)
 4.  setelah kamu klik tombol lanjutkan, nanti akan tampil halaman formulir untuk melengkapi judul blog dan alamat blog kamu
cara membuat blog
Isilah Judul Blog dan Alamat blog sesuai dengan keinginanmu, jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ). karena blogspot tidak bisa menggunakan spasi. contoh pengisiannya perhatikan gambar di atas
terkadang alamat blog yang kita tulis sudah pakai oleh orang lain, jika sudah dipakai orang lain berati tidak bisa digunakan. Untuk mengetahui sudah dipakai orang lain atau belum Klik saja tombol “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia
jika sudah selesai menentukan judul dan alamat blog, silahkan klik tombol lanjutkan

5. Setelah kamu klik tombol lanjutkan, nanti akan tampil halaman untuk menentukan tema atau template blog kamu, seperti gambar di bawah ini.
cara membuat blog
 Untuk memilih template tinggal klik salah satu. kemudian  klik  tombol lanjutkan.
Setelah tombol Lanjutkan di atas diklik,  berarti blog kamu sudah jadi, hanya saja belum ada artikelnya sama sekali. Untuk memberi artikel pertama kali, silahkan klik tombol Mulai Blogging seperti gambar di bawah ini.
cara membuat blog
6. Setelah kamu klik tombol mulai blogging nanti akan tampil halaman pengisian artikel.
gambar di bawah ini merupakan halaman pengisian artikel yang sudah disertai dengan contohnya.
cara membuat blog
Kolom judul untuk judul artikel, kolom yang lebar di bawahnya itu untuk menulis artikel atau posting, dan kolom label untuk mengisi jenis kategory artikel.
jika sudah diisi semua, tekan menu TERBITKAN ENTRI, setelah itu akan muncul pemberitahuan yang mengatakan bahwa kamu telah berhasil menerbitkan posting atau artikel seperti gambar di bawah ini.  Untuk melihat tampilan artikel yang berhasil kamu buat tadi silahkan klik tombol Lihat Entri.
cara membuat blog

Tampilan artikel di blog kamu akan tampak seperti gambar di bawah ini.
cara membuat blog
Sekarang blog kamu sudah selesai dibuat dengan satu buah artkel.
Perhatikan sisi halaman pojok kanan atas yang dilingkari.  tombol entri baru untuk menulis artikel yang baru, tombol Desain untuk menentukan atau pengatur Desain, sedangkan tombol keluar untuk Log out, jika sudah setelah memposting artikel atau setelah mengatur blog kamu.
2.jelaskan dan gambarkan langkah-langkah u/manambahkan :
A.langkah menambahkan jam pada blog :
  1. Pertama kunjungi www.clocklink.com
  2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
  3. sebagai contoh kategori analog kita pilih,
  4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
  5. langsung aja kita pilih accept
  6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
  7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.
Langkah selanjutnya kita menuju blog kita
  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik tab Elemen Halaman
  4. Klik Tambah Gadget
  5. Klik tanda plus (+) untuk HTML/Javascript
  6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
  7. Selesai
B.langkah member fasilitas kalender pada bl0g :
·  Masuklah terlebih dahulu kehalaman Design lantas pilihlah add Gadget Pilih opsi More Gadgets di sisi kiri atas halaman Pilih Daily Calender.
·  Pada halaman selanjutnya yang muncul, lakukanlah pengaturan Nama dan Tinggi nya.
·  Berikutnya Simpan
·  Selesai
C.langkah member fasilitas jumlah pengunjung pada blog :
2.registrasi dan salnjutnya mencopy code yang ada dan selesai.
D.langkah member buku tamu pada blog :
  1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
  2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  3. Pada kolom yang berjudul Style, klik menu appearance.
  4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  9. Selesai
Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk Blogger baru :
  1. Silahkan Login dengan id anda
  2. Klik menu Tata Letak
  3. Klik Elemen Halaman
  4. Klik Tambah gadget
  5. Klik tombol Tambahkan ke Blog atau tanda "+" yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada judul. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam konten
  8. Klik tombol Simpan Perubahan
  9. Tekan & Pindahkan yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Simpan
  11. Selesai
E.langkah memberi fasilitas polling pada blog :
  1. Download polug innya http://wordpress.org/extend/plugins/polldaddy/ Upload filenya ke blog kamu lewat wp-admin
  2. temtunya ditunggu sampai proses upload selesai
  3. setelah di upload silahkan aktifkan plugin dengan klik link activet plugin
  4. setelah diaktifkan, pergi ke halaman widget dan masukan pluginnya ke salah satu kolom..
selain di taruh di sidebar, kamu juga bisa bikin plugin ini berada disetiap artikel kamu.. so tiap artikel kamu bisa dapet nilai langsung..
F.langkah memberi fasilitas pencarian pada blog :
1.masuk ke rancangan
2.tambah kan gadget dan cari fasilitas pencarian.
3.tambahkan ke blog dan selesai.
G.langkah memberi fasilitas link daftar pada blog :
H.langkah member fasilitas link download pada blog :
1.Simpan file yang akan dibagi di ziddu.com
2. Dapatkan link file yang telah disimpan, jika masih belum tahu cara ini lihat tutorial Cara Menyimpan dan Berbagi File Kepada Pengunjung Blog Wordpress Dengan Ziddu.com
3. Taruh link tersebut kedalam blog, misalnya <a href="http://www.ziddu.com/download/17512007/CodeSEO.rar.html" title="Download Kode SEO Blog">Kode SEO</a>
4. Jika Anda ingin menaruh fasilitas link di dalam artikel seperti yang Saya tulis maka alamat tersebut (langkah 3) ditaruh di dalam mode Edit HTML
5. Klik Tombol Simpan dan Terbitkan Entri
6. Selesai

I.langakah member fasilitas menu pada blog :
  1. Login ke akun Blogspot pembaca
  2. Klik link menu Tata Letak, kemudian pilih Edit HTML.
  3. Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkap agar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali.
  4. Silahkan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
  5. Cari kode seperti dibawah ini pada template pembaca:
    <b:includable     id='description'>
    <div  class='descriptionwrapper'>
    <p    class='description'><span><data:description/></span></p>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
  6. Jika sudah ketemu, silahkan copy struktur berikut tepat dibawah kode-kode pada langkah 5
    <ul>
    <li><ahref='URL1'>Home</a></li>
    <li><ahref='URL1'>AboutMe</a></li>
    <li><ahref='URL3'>TutorialWebsite</a></li>
    </ul>
  7. Setelah itu klik tombol SIMPAN TEMPLATE, lalu lihat hasilnya
  8. Pembaca akan melihat bahwa menu-menu tersebut muncul sebagai list vertikal, bukan horizontal. Oleh karena itu, kita perlu mengatur tampilannya agar muncul berjejer secara horizontal dengan menggunakan CSS. Selain itu, kita juga bisa mengatur tampilan dari menu tersebut agar terlihat lebih menarik dengan CSS.
  9. Buka kembali bagian Edit HTML pada blogspot pembaca, kemudian cari kode ]]></b:skin>.
  10. Silahkan copy struktur berikut diatas kode ]]></b:skin>
    /*CSS untuk menu horizontal*/

    .menuhorul{
    font:bold13pxarial;
    padding-left:0;
    margin-left:0;
    height:20px;
    }

    .menuhorulli{
    list-style:none;
    display:inline;
    }

    .menuhorullia{
    padding:2px0.5em;
    text-decorationnone;
    float:left;
    color:black;
    background-color:#33FFCC;
    border:2pxsolid#33FFCC;
    }

    .menuhorullia:hover{
    background-color:#33CCFF;
    border-style:outset;
    }
    .menuhor ul merupakan
    atribut class yang berfungsi untuk mengatur tampilan parent darilistmenuhorizontaltersebut.
    .menuhorulli berfungsi untuk mengatur tampilan anak menu horizontal yang kita buat.
    .menuhorulli a berfungsi untuk mengatur tampilan link dari anak menu tersebut.
    .menuhorulli a:hover berfungsi untuk mengatur tampilan link anak menu ketika pointer digerakkan diatasnya.
  11. Kemudian ubah struktur yang Anda copy pada langkah 6 diatas sehingga menjadi seperti berikut:
    <divclass="menuhor">
    <ul>
    <li><ahref='URL1'>Home</a></li>
    <li><ahref='URL2'>TutorialWebsite</a></li>
    <li><ahref='URL3'>AboutMe</a></li>
    </ul>
    </div>
  12. Silahkan ganti URL 1 dengan URL halaman yang akan dituju jika menu "Home" diklik. URL 2 diganti dengan URL halaman yang akan dituju jika menu "Tutorial Website" diklik, dan seterusnya.
  13. Klik tombol SIMPAN TEMPLATE.
Untuk melihat hasilnya.Seperti yang telah saya katakan, bahwa CSS tersebut berfungsi untuk mengatur tampilan menu yang kita buat tadi. Silahkan pembaca menambah atau merubah atribut CSS tersebut untuk memodifikasi tampilannya, misalnya warna tulisan, background, lebar menu, dan lain-lain. Jika pembaca ingin mengerti cara memodifikasi atau membuat CSS tersebut, silahkan klik disini. Saya yakin pembaca akan lebih mengerti bagaimana CSS tersebut bekerja. Dengan adanya menu horizontal tersebut blog pembaca pasti menjadi lebih keren dan ergonomis.

J.Langakah member fasilitas banner pada blog :
1.Login di www.teguhhandoko.com menggunakan ID Anda
2 Setelah masuk Anda lihat ke bawah dan terdapat banyak banner untuk mengiklankan web replika/URL Anda, Atau masuk menu affiliate area,
3. Dalam affiliat area sudah disediakan banner untuk iklan, sebagai contoh Anda lihat gambar dibawah ini:
http://2.bp.blogspot.com/__1gtcvgt1Vw/TUeEhvQ2maI/AAAAAAAAABo/kDmws2QNj8o/s320/banner+teguhhandoko.com+2.jpg

http://1.bp.blogspot.com/__1gtcvgt1Vw/TUeEk-J90DI/AAAAAAAAABs/3J7K9ljsEuE/s320/banner+teguhhandoko.com+3.jpg

http://2.bp.blogspot.com/__1gtcvgt1Vw/TUeEl7T_rLI/AAAAAAAAABw/EUE6b6XZoxA/s320/banner+teguhhandoko.com+125+x+125.jpg

4.Buka halaman baru dan login ke
blog Anda
5.Pilih desain
6. Anda lihat kembali menu affiliate area, Copy code iklan yang ingin anda pasang. Pilih iklan yang sesuai dengan ukuran widget.
7. Kembali ke bloger Anda.
8. Pada menu desain, tambah gaget, pilih HTML.
9. Kemudian paste code iklan.
10.Perhatikan URL iklan Anda, tulisan belakang URL haruslah id Anda. Lihat contoh berikut:
<a href="http://teguhhandoko.com/?id=ID_ANDA" target="_blank">
Tulisan yang berwarna merah harus sesuai dengan ID ANDA
11.    Kemudian simpan.

K.Langkah menambah artikel pada blog :
1. Siapkan dulu artikel anda. Sebaiknya ketik terlebih dahulu di Notepad. Jadi bula artikel sudah selesai tinggal Copy dan Paste.
2. Silahkan login dulu ke admin area blog wordpress anda. Alamat untuk login adalah http://namabloganda.wordpress.com/wp-admin. Caranya masukkan username dan password pilihan anda ketika melakukan pendaftaran
3. Setelah berhasil login silahkan lihat menu di sebelah kiri. Klik Tulisan – Tambahkan Baru ( Versi Indonesia ) atau Posts – Add New ( Versi English )
http://1.bp.blogspot.com/-grByD9qZEZA/Tq5ohN4vFWI/AAAAAAAAAvQ/JmlgHS3s9cc/s1600/cara-posting-artikel.gif
4. Lihat gambar di atas. Masukkan title atau judul artikel anda di bagian atas ( di bagian yang tertulis Di Sini Judul Artikel Anda ) dan Isi Artikel ketik/masukkan di kolom yang lebih besar ( itu tuh di bagian yang ada tulisan Ini Isi Artikel…..dst…dst ).
5. Anda bisa mengobrak-abrik ( waduh ngamuk dong :):):) ), maaf, mengatur atau mengedit tampilan artikel anda. Lihat di bagian atas kolom isi artikel. Ada menu-menu yang bisa anda gunakan untuk memperindah tampilan artikel anda nanti bila sudah diterbitkan. Ada menu B ( Bold ) untuk menebalkan huruf/kata/kalimat, menu I untuk membuat tulisan anda seperti Menara Pisa Aleas miring, Menu A untuk mengatur warna huruf pada kata/kalimat dan lain sebagainya. Caranya, hitamkan terlebih dahulu artikel yang akan anda atur kemudian klik pada menu yang anda inginkan. Lihat hasilnya. Jika kurang puas coba lagi dengan menu-menu yang lain.
6. Setelah selesai dengan editing artikel anda, anda bisa melihat tampilan sebelum artikel diterbitkan dengan menekan tombol Pratampil/Prereview. Jika sudah puas dengan tampilannya lalu klik tombol Terbitkan/Publish.
7. Selamat artikel anda telah berhasil ditayangkan dan ketika orang membuka blog anda seperti http://namabloganda.wordpress.com maka mereka akan melihat artikel terbaru anda di sana.
8.selesai.
L.langkah Memberi read more pada artikel yang panjang :
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Finish simpan template dan lihat hasilnya


0 komentar:

Poskan Komentar