Elemen Visual Basic

1. Menu Bar

Menu Bar pada Visual Basic terdiri dari beberapa pilihan yang berfungsi untuk melakukan tugas dan kegiatan tertentu. Men bar tersebu terdiri dari File, Edit, View, Project, Format, Debug, Run, Query, Diagram, Tools, Add-Ins, Window dan Help. Seperti gambar di bawah ini:


Untuk meilih menu dapat menggunakan cara-cara sebagai berikut:

• Jika anda menggunakan Mouse, anda dapat mengklik menu atau submenu yang ada.


• Jika menggunakan keyboard, bisa menggunakan tombol Alt ditekan bersamaan dengan karakter yang bergaris bawah, kemudian pilih submenu yang ada dan tekan tombol Enter.

2. Control Menu

Control menu adalah salah satu bagian dalam baris judul (Title Bar) yang digunakan untuk memanipulasi jendela Visual Basic. Control Menu ini berada pada pojok kiri atas dari jendela Visual Basic. Jika anda memilihnya, maka akan tampak beberapap pilihan, seperti:

• Restore ==> untuk mengembalikan ukuran jendela ke dalam ukuran sebelumnya.


• Move ==> untuk memindahkan jendela.


• Minimize ==> untuk mengecilkan ukuran jendela aplikasi.


• Maximize ==> digunakan untuk memperbesar ukuran jendela dalam satu layar penuh.


• Close ==> untuk mengakhiri/menutup jendela aplikasi.

Tombol-tombol tersebut di atas (Restore, Move, Minimize, Maximize dan Close) dapat anda pilih pada pojok kanan atas layar pada jendela yang sedang aktif.

3. Toolbar

Toolbar merupakan cara cepat atau jalan pintas dalam menjalankan suatu perintah, yang diwakili oleh tombol-tombol tertentu. Toolbar dalam Visual Basic terdiri dari: Toolbar Standard, Toolbar Debug, Toolbar Edit dan dll. Perintah yang digunakan untuk menyembunyikan dan menampilkan Toolbar tersebut adalah dengan memilih tombol View->Toolbars, kemudian pilih salah satu toolbar yang diinginkan. Toolbar yang sedang aktif ditandai dengan tanda ceklist pada toolbar tersebut dan sebaliknya.

Toolbar standard merupakan salah satu toolbar yang aktif pada saat Visual Basic di jalankan, seperti pada gambar di bawah ini:


4. Form

Jendela Form (Form Window) adalah jendela utama dalam bekerja dengan Visual Basic. Pada form ini anda akan menempatkan objek-objek, seperti label, teks, gambar, tombol-tombol perintah, dll. Objek-objek yang anda tempatkan pada form akan ditampilkan pada layar. Contoh tampilan form:

Bersambung...

Cara Pasang Buku Tamu di Sidebar

Untuk memasang (shoutbox/guestbook) pada sebuah blog adalah sesuatu yang cukup penting, karena buku tamu ini merupakan salah satu sarana bagi para blogger ataupun para pencari informasi untuk berinteraksi antara yang punya blog dengan para pengunjung blognya. Dipasangnya buku tamu pada blog, para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan ataupun segala macam bentuk kritik dan saran. Karena dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidup dan bahkan akan berkembang.

Untuk memasang buku tamu anda dapat mengunjungi situs penyedia buku tamu, yaitu silakan anda klik link berikut ini http://www.shoutmix.com. Untuk membuatnya silakan anda ikuti langkah-langkah berikut ini:

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.

1. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda.


2. Pada kolom yang berjudul Style, klik menu Appearance.


3. 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.


4. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start.


5. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan.


6. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda.


7. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.


8. The End

Untuk menempatkan kode HTML shoutbox pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger yang menggunakan template klasik:

1. Log in terlebih dahulu ke blogger.com dengan id anda.


2. Klik menu Template.


3. Klik Edit HTML.


4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan.


5. Klik tombol Preview untuk melihat perubahan yang kita buat.


6. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes.


7. The End

Agar shoutbox anda dapat disesuaikan, yaitu dengan lebar sidebar blog anda, anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox tersebut, caranya anda hanya merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda.


2. Klik menu Layout.


3. Klik Page Element.


4. Klik Add a Page Element.


5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript.


6. Tuliskan judul shoutbox anda pada form title. Contoh: My Guestbook.


7. Copy paste kode HTML shoutbox anda di dalam form Content.


8. Klik tombol Save Changes.


9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai.


10. Tekan tombol Save.


11. The End

Pengenalan Visual Basic

Visual basic 6.0 adalah salah satu bahasa pemrograman yang bekerja di bawah sistem operasi windows. Visual Basic juga sering disebut dengan VB, yang merupakan bahasa pemrograman yang berisikan perintah-perintah atau instruksi dapat dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Tugas-tugas tersebut dapat dijalankan apabila adanya respon dari sipemakai. Respon tersebut merupakan kejadian (event) tertentu, misalnya memilih tombol, memilih menu dan sebagainya.

Beberapa kemampuan dari Visual Basic, yaitu:

1. Membuat program aplikasi berbasis windows.


2. Membuat objek pembantu program, seperti membuat File Help, kontrol ActiveX dan sebagainya


3. Menguji program yang menghasilkan programakhir yang berekstensi EXE yang dapat langsung dijalankan

Dengan menggunakan Visual Basic anda akan terasa mudah untuk mengetahuinya dengan lebih dalam, karena pada Visual Basic terdapat beberapa pilihan perintah yang dapat diambil sesuai dengan kebutuhan kita masing-masing.



1. Menjalankan Visual Basic

Visual Basic merupakan salah satu aplikasi yang berada dalam lingkungan windows, sehingga untuk menjalankannya telebih dahulu harus mengaktifkan windows. Kemudian lakukan seperti langkah-langkah di bawah ini:

1. Klik tombol Start, kemudian pilih All Programs


2. Pilih Microsoft Visual Studio atau langsung pilih Microsoft Visual Basic 6.0, kemudian akan tampil kotak dialog seperti di bawah ini:


Kotak dialog tersebut bisa diaktifkan dan dinonaktifkan apabila anda memilih cek list Don't show this dialog in the future.


3. Pada kotak dialog di atas, pilih Standar EXE, kemudian klik tombol Open. Kemudian akan muncul tampilan Project dari Microsft Visual Basic 6.0, seperti di bawah ini:

Cara Membuat Banner Animasi

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memasang banner animasi. Karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, ada situs yang menyediakan pembuatan banner animasi secara gratisan. Silakan anda kunjungi http://www.addesigner.com

Silahkan daftar (gratis lho...). Jika sudah di terima anda tinggal memilih banner yang disediakan, tinggal copy code html nya, mau di sidebar atau di dalam postingan.

Contoh banner:

Cara Pasang Jam di Sidebar

Untuk memperindah tampilan blog anda, anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan memasang jam. Jam tersebut bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Contoh dari tampilan jamnya adalh sebagai berikut:





Bagi anda yang ingin blognya dipasang jam juga, silahkan ikuti langkah-langkah berikut ini:

• Silahkan kunjungi situs http://www.clocklink.com


• Jika anda sudah berada pada situs tersebut, klik tulisan Want a clock on your Website?


• Kemudian anda dapat memilih atau melihat-lihat terlebih dahulu, tampilan atau style jam mana yang akan anda pakai pada blog anda, antara lain (Animasi, Sport dan lain-lain)


• Jika anda sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda pilih


• Klik tombol yang bertuliskan Accept


• Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh: untuk Indonesia bagian barat pilih GMT +7:00


• Set ukuran jam yang anda pilih di samping tulisan size


• Copy kode HTML yang di berikan pada notepad


• Paste kode HTML yang di copy tadi pada tempat yang anda inginkan


• Tamat

Masalah Dalam Posting Artikel

Untuk mengetik sebuah artikel artikel pada mode COMPOSE, sebelum di publish, sebaiknya pindah dulu ke mode Edit HTML. Di antara paragrap yang ingin diberi jarak kita sisipkan kode --> <br/>
satu kode <br/> berarti satu line break ke bawah (sama dengan menekan tombol enter), jadi kalau jarak yang anda inginkan jauh ke bawah anda tinggal menambahkan kode <br/> beberapa kali.


Contoh :

Micrososft Visual Foxpro adalah salah satu aplikasi program Desktop yang sangat digemari karena bahasa pemrogramannya yang mudah untuk dipahami. Beberapa bahasa yang digunakan masih sama dengan aplikasi pendahulunya yang juga banyak penggemarnya, yakni Foxpro yang hampir sama dengan program Under DOS lainnya seperti DBase3+, Clipper, dan Foxbase.
<br/><br/>
Pada tutorial kali ini kita akan membahas pembuatan aplikasi sederhana pengolahan data Nilai pada Lembaga Pelatihan Komputer. Di sini saya membahas dimulai dari pembuatan Project, Database table dan Form terlebih dahulu.
<br/><br/>
Pada tutorial ini kita akan mencoba membuat Form 1 table, yaitu pengolahan data Mahasiswa. Baru pada sesi berikutnya akan dibahas mengenai form Mata Kuliah dan Form Nilai.

Hasilnya:

Micrososft Visual Foxpro adalah salah satu aplikasi program Desktop yang sangat digemari karena bahasa pemrogramannya yang mudah untuk dipahami. Beberapa bahasa yang digunakan masih sama dengan aplikasi pendahulunya yang juga banyak penggemarnya, yakni Foxpro yang hampir sama dengan program Under DOS lainnya seperti DBase3+, Clipper, dan Foxbase.

Pada tutorial kali ini kita akan membahas pembuatan aplikasi sederhana pengolahan data Nilai pada Lembaga Pelatihan Komputer. Di sini saya membahas dimulai dari pembuatan Project, Database table dan Form terlebih dahulu.

Pada tutorial ini kita akan mencoba membuat Form 1 table, yaitu pengolahan data Mahasiswa. Baru pada sesi berikutnya akan dibahas mengenai form Mata Kuliah dan Form Nilai.

Anda bisa juga dapat menggunakan tag <p> ... </p>, tapi saya lebih menyukai tag <br/> tadi.

Saya sarankan bila kawan-kawan ingin terbiasa dengan kode HTML, maka ketika anda mengetikkan atau memposting artikel sebaiknya pada posisi Edit HTML jangan pada posisi Compose.

Cara Pasang Statistic dan Tracker

Salah satu blog tool dan sebagai aksesori blog yang sering digunakan oleh para blogger yaitu memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang memiliki blog ataupun yang berkunjung ke blog kita dapat mengetahui jumlah pengunjung yang pernah berkunjung ke blog kita. Selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :



Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.


2. Klik tulisan Sign Up untuk melakukan pendaftaran


3. Klik tombol bertuliskan Next


4. Klik tombol Next


5. Isi semua tabel yang ada lalu klik tombol Next


6. Isi lagi tabel yang ada, lalu klik tombol Next


7. Klik tombol Next


8. Klik tombol Next


9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan


10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com


11. Silahkan login dengan id anda


12. Bila sudah login, Klik menu Manager


13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


14. Pilih style yang anda sukai, kemudian klik tombol Select


15. Klik menu HTML Code


16. Klik tulisan Adding site Meter to a Blogger.com Site


17. Copy semua kode HTML yang di berikan lalu paste pada Notepad


18. Klik menu Logout untuk keluar dari situs tersebut


19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita

Sekarang tugas kita adalah memasukan kode yang sudah didapat ke dalam blog, langkah- langkahnya sebagai berikut:

Untukblog dengan template klasik:

1. Sign in di blogger dengan id anda


2. Klik menu TEMPLATE


3. Klik Edit HTML


4. Klik Edit (yang terdapat pada bar menu browser anda)


5. Klik Find (on this page)... ⇒ untuk mempercepat pencarian


6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find


7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi


8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes.


9. Selesai

Jika anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>

Untuk blog dengan Template baru:

1. Login di blogger dengan ID anda


2. Klik menu layout


3. Klik Elemen Halaman


4. Klik Tambahkan sebuah Elemen Halaman


5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript


6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. Jika tidak, dikosongkan saja)


7. Copy & paste kode Site meter pada kolom isian


8. Klik tombol Simpan Perubahan


9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan (drag & drop)


10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan


11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN


12. Selesai

Cara Membuat Menu DropDown

Dalam blog pada setiap posting kita akan disipan ke dalam sebuah arsip secara otomatis pada setiap bulannya. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Cara yang praktis untuk mengatasi masalah tersebut adalah dengan membuat pull-down menu. Untuk membuat arsip pull-down ada dua cara untuk blogger, yaitu pada template klasik dan template baru. Untuk anda yang menggunakan template klasik langkah-langkahnya seperti di bawah ini:

1. Login ke blogger.com dengan id Anda


2. Klik Template


3. Pada bagian sidebar blog Anda bagian archives, ada kode html sbb:

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

4. Ganti kode di atas dg kode html di bawah ini:


<br /><select name="archivemenu"<br />onchange="document.location.href=this.options[this.selectedIndex].value;"><br /><br /><option selected>- Archives -</option><br /><br /><BloggerArchives><br /><br /><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option><br /><br /></BloggerArchives><br /><br /></select><br />




5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.


6. Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

1. Login dulu, tentunya dengan id anda


2. Klik LAYOUT


3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive


4. Klik Edit pada kotak Blog Archive tadi


5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek


6. Klik Save Changes


7. Selesai

Sekarang bagaimana cara membuat menu dropdown yang di dalam nya terdapat link. Untuk membuatnya silahkan anda copy kode HTML di bawah ini:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul terlebih dahulu</OPTION>

<option value="isi dengan link addres yang diinginkan">tulisan di sini yang akan muncul</option> </select></form>

Contohnya:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial -</option>

<option value="http://dhanyptk-web.blogspot.com/2010/07/membuat-blog-di-blogspot.html">Membuat Blog di Blogspot</option>

<option value="http://dhanyptk-web.blogspot.com/2010/07/cara-settng-blog-blogspot.html">Cara Setting Blog (Blogspot)</option>

<option value="http://dhanyptk-web.blogspot.com/2010/07/cara-membuat-read-more-pada-template.html">Cara Membuat Blog di Template Klasik</option>

<option value="http://dhanyptk-web.blogspot.com/2010/07/membuat-text-area.html">Cara Membuat Text Area</option>

</select></form>

Hasilnya:

- Blog Tutorial -Membuat Blog di BlogspotCara Setting Blog (Blogspot)Cara Membuat Blog di Template KlasikCara Membuat Text Area

Semoga sukses...!

Cara Membuat Text Area

Text area adalah tempat untuk menyimpan text tertentu atau tulisan dengan membentuk tempat yang baru baru. Biasanya text area digunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa dicopy oleh para pengunjung web.

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

<textarea name="code" rows="3" cols="60" style="background:#BFFAFF; color:#FF0000; border-bottom: 3px solid #40FF1F; border-right: 3px solid #40FF1F; border-top: 3px solid #FFE900; border-left: 3px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;">&lt;p align=&quot;center&quot;&gt;&lt;textarea name=&quot;code&quot; rows=&quot;10&quot; cols=&quot;30&quot;&gt; Disini tempat anda mengetikkan tulisan anda &lt;/textarea&gt;&lt;/p&gt;</textarea>

Hasilnya seperti contoh di bawah ini:

<p align="center"><textarea name="code" rows="10" cols="30"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Text Area dengan HighLight

Ada bentuk lain dari text area, yaitu text area yang dengan tombol highlight. Tombol highlight ini berfungsi untuk memudahkan pengunjung untuk mengcopy seluruh isi text maupun kode-kode yang ada di dalam text area tersebu, karena dengan sekali klik pada tombol highlight tersebut, maka seluruh text maupun kode-kode yang ada di dalam text area akan dihighlight atau ditandai (diblog) dan tinggal dicopy saja. Fasilitas highlight ini berguna agar dalam proses pengcopyan tidak tertinggal satu huruf pun. Untuk membuat text area dengan highlight ini silahkan anda copy kode HTML di bawah ini:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Disini tempat anda mengetikkan tulisan anda</textarea></p></div></form>

Disini tempat anda mengetikkan tulisan anda

Penjelasan kode HTML text area dengan HighLight di atas:

Elemen tombol highlight All:

• <div align="center"> --> 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.


• <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> 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:

• <p align="center"> --> 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.


• <text style="WIDTH: 300px"> -->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.

Cara Membuat Read More pada Template Klasik

Mungkin di antara anda ada yang melihat artikel yang sangat singkat, mungkin hanya sekitar 1 atau 2 paragraph saja. Kemudian untuk melihat isi keseluruhan dari artikel itu, anda harus mengklik tulisan >> Selengkapnya..., ini disebut kamuflase posting. Buat anda yang mempunyai artikel yang lumayan banyak dan panjang mungkin ini salah satu menu sangat diperlukan.
Untuk membuat Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tutorial kali ini, yaitu untuk blogger yang khusus menggunakan template klasik.
Adapun langkah-langkahnya adalah sebagai berikut:

• Login ke blogger.com dengan id anda


• Klik menu bertuliskan Template


• Klik menu Edit HTML


• jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.


• Copy kode HTML di bawah, kemudian paste persis di atas kode </style>:

<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>

Untuk mempercepat pencarian kode </style>, silahkan anda klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol Find next, maka secara otomatis akan di bawa ke kode tersebut.

• Klik tombol yang bertuliskan SAVE SETTINGS


• Langkah selanjutnya adalah klik menu Setting


• Klik menu Formatting


• Pada bagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini:

<div class="fullpost">

</div>

Sebenarnya langkah di atas tidak wajib dilakukan, tetapi ini dimaksudkan agar ketika kita akan memposting artikel, kode tersebut akan muncul secara otomatis tanpa harus ditulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.

• Kemudian jangan lupa klik tombol Save Settings
  Cara Posting Artikel
  Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.


• Klik menu Posting


• klik menu Edit HTML, di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni:

<div class="fullpost">

</div>

simpan artikel anda yang ingin anda tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>

Agar lebih jelasnya, saya berikan contoh, misalnya:

Ini adalah tulisan yang disimpan pada awal artikel yang akan selalu muncul pada blog anda, sedangkan tulisan yang lainnya tidak akan muncul.

<div class="fullpost">
dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.
</div>

Hasilnya yang akan tampak pada blog kita adalah seperti ini:

Ini adalah tulisan yang disimpan pada awal artikel yang akan selalu muncul pada blog anda, sedangkan tulisan yang lainnya tidak akan muncul.
Read more!

Kata Rea more tersebut bisa kita ganti sesuai dengan keinginan kita, misalnya kita merubah menjadi Baca selengkapnya..., Selanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para anda yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.

Cara Setting Blog (Blogspot)

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

1. Silahkan anda Login ke blogger.com dengan user name dan password milik anda.


2. Klik judul blog yang akan anda setting, jika anda sudah mempunyai blog.


3. Klik Pengaturan, klik Dasar. Beberapa form yang harus di isi pada menu Dasar





• Judul ⇒ isi dengan judul blog anda. Contoh: Ilmu Komputer.


• Uraian ⇒ isi dengan deskripsi blog anda. Contoh : disini tempatnya tutorial ilmu komputer


• Tambahkan blog Anda ke daftar kami? ⇒ pilih Ya agar setiap posting kita selalu masuk di daftar Blogger.com.
  
• Biarkan mesin pencari menemukan blog Anda? ⇒ pilih Ya


• Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya


• Tampilkan Link Posting Email? ⇒ Sebaiknya pilih Ya, pilih tidak juga tidak masalah.


• Konten Dewasa? ⇒ Pilih Tidak. Kalau pilih Ya berarti blog anda di anggap blog yang berisi content dewasa (seperti blog porno).


• Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya


• Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih Ya jika sebaliknya)


• Klik tombol Simpan Pengaturan.




4. Klik Publikasi untuk mengatur menu Publikasi:




• Alamat Blog*Spot ⇒ isi dengan nama blog anda. Contoh: dhanyptk-web Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.


• Klik tombol Simpan pengaturan.




5. Klik Format untuk mengatur menu format:




• Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missalnya: Tampilkan: 10 posting, berarti posting yang akan tampil di halaman blog anda adalah sebanyak sepuluh posting. Pilih posting (jangan hari) pada menu pulldown.


• Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul di atas postingan kita.


• Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.


• Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.


• Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB: [UTC-+7.00]Asia/Jakarta.


• Bahasa ⇒ Pilih bahasa yang anda inginkan.


• Tampilkan Field judul ⇒ Pilih Ya atau tidak dipilih tidak apa-apa.


• Tampilkan kolom link ⇒ pilih Ya, tapi pilih tidak juga tidak apa-apa.


• Aktifkan perataan float ⇒ pilih Ya, tapi pilih tidak juga tidak apa-apa.


• Klik tombol Simpan Pengaturan.




6. Klik Komentar Untuk mengatur menu komentar:




• Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung.


• Siapa yang Bisa Berkomentar? ⇒ Pilih Siapa pun termasuk Pengguna Anonim. Ini dimaksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.


• Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.


• Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.


• Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.


• Format Timestamp Komentar ⇒ pilih format jam yang singkat. Contoh: 8.00 PM.


• Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.


• Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).


• Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.


• Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.


• Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.


• Klik tombol Simpan Pengaturan.




7. Klik Arsipkan Untuk mengatur menu Arsipkan:




• Frekuensi Arsip ⇒ pilih Bulanan.


• Aktifkan Halaman Posting? ⇒ pilih Ya.
  
• Klik tombol Simpan Pengaturan.
  


8. Klik Fedd Situs untuk mengatur menu feed situs:




• Izinkan Feed Blog ⇒ pilih Penuh.


• Posting URL Pengubahan Arah Feed ⇒ diisi dengan alamat feed penggati, seperti alamat feed dari feed burner, jika belum ada, dikosongkan saja.


• Footer Feed Posting ⇒ Silahkan diisi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, jika belum ada silahkan kosongkan saja.


• Klik tombol Simpan Perubahan.
  

Membuat Blog di Blogspot

Buat teman-teman blogger yang baru bergabung dan ingin belajar tentang blog. Di sini saya akan mencoba menjelaskan tentang blog.

Apa yang dimaksud dengan blog?

Blog merupakan singkatan dari Web Log, yaitu sebuah situs yang sifatnya lebih pribadi, yang lebih menitik beratkan kepada penggambaran dari si pembuat blog itu sendiri. Blog tersebut dibuat oleh para desainer penyedia blog agar dapat bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi rekan blogger yang masih bingung atau tidak mengetahui banyak tentang bahasa pemrograman web untuk membuat sebuah website tidaklah menjadi suatu persoalan. Karena apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda pasti bisa.


Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa blog yang populer saat ini adalah seperti http://www.blogger.com, http://www.wordpress.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com. Untuk mendaftar ke blogger silakan anda klik link berikut ini http://www.blogger.com.

Setelah anda berhasil mendaftar ke http://www.blogger.com, maka anda akan melihat tampilan seperti gambar di bawah ini:

• Klik tanda anak panah yang bertuliskan "CIPTAKAN BLOG ANDA"


• Isilah Alamat Email dengan alamat email anda (tentunya yang valid)


• Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email


• Tuliskan password yang anda inginkan pada form Masukkan sebuah password


• Isikan kembali password anda tadi pada form Keyik ulang sandi (password)


• Isi Nama Tampilan dengan nama yang ingin anda tampilkan


• Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.


• Klik gambar anak panah yang bertuliskan "LANJUTKAN"


• Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog


• Tulis nama situs anda pada form Alamat Blog (URL)


• Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".


• Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"


• Setelah keluar tulisan "Blog Anda telah di ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

Content Blog

Content adalah isi dari sebuah blog, yaitu keranka pikiran apa yang akan kita tuangkan ke dalam blog yang kita buat nantinya. Saran saya isilah content blog anda dengan spesifikasi anda. Misalnya: tentang komputer, design, internet atau tutorial-tutorial yang mungkin nantinya akan membuat blog anda terkenal dan sering dikunjungi oleh orang lain, asal jangan yang berbau pornografi... :)