Dhany Pontianak.Web

Cara Ganti Favicon di Blog

noreply@blogger.com (Dhany Pontianak.web) — Wed, 04 Aug 2010 04:57:00 +0000

Favicon artinya favorite icon, icon atau lambang kecil yang terdapat di samping kiri alamat suatu website. Favicon letaknya disamping address bar. Nah, yang akan di bahas kali ini adalah bagaimana mengubah default favicon pada blog, khusunya blog dari blogger. Seperti kita ketahui, blogger langsung memasangkan favicon asli blogger pada blog yang dibuat di blogger.

Agar tampilan blog Anda mempunyai favicon sendiri, favicon tersebut bisa kita ganti. Terlebih dahulu anda harus mempunyai gambar yang akan dijadikan favicon. Ekstensi gambar yang bisa dipergunakan,yaitu *.jpg, *.gif atau *.ico. Jika Anda pernah melihat favicon yang bisa bergerak, itu adalah favicon dengan tipe *.gif. Perlu Anda ketahui bahwa ukuran favicon tersebut adalah 16x16 px. Jadi buatlah terlebih dahulu gambar dengan ukuran tersebut. Jika anda mengalami kesulitan dalam mengubah ukuran favicon itu, anda dapat mempergunakan http://www.html-kit.com/favicon/ untuk merubah ukuran gambar menjadi 16x16 px dengan mudah.

Langkah untuk mengubah favicon pada blogger:

Buka alamat http://www.html-kit.com/favicon/ untuk mendapatkan gambar ukuran 16x16

Klik "Browse" kemudian pilih gambar yang akan dijadikan favicon. Gambar tersebut dapat berupa logo yang sekiranya melambangkan blog anda dengan tipe *.jpg atau *.png.

Kemudian klik "Generate Favicon.ico". Setelah proses upload selesai, anda tinggal men-download favicon yang telah di-generate. Jika anda ingin mengedit, misalnya mengganti background anda tinggal mengklik "Customize"

Setelah didownload, maka anda akan mendapatkan sebuah file dengan tipe zip. Extract file tersebut. Di dalam file yang telah diextract tersebut terdapat gambar yang akan kita jadikan sebagai favicon.

Kemudian upload file gambar tersebut di situs untuk menyimpan gambar di internet. Misal pada situs upload gambar gratisan di imageshack atau photobucket. Aobat harus buat akun disana.

Contoh, jika anda menggunakan imageshack, maka setelah diupload maka akan muncul tampilan seperti dibawah ini. Cari bagian "Direct", di dalamnya ada sebaris kode. Itulah kode yang akan digunakan sebagai link/url yang mengarah ke gambar favicon tersebut.

Nah, sekarang masuk ke halaman blogger anda. Kemudian pilih "Rancangan".

Kemudian pilih tab "Edit HTML".

Jangan lupa untuk menandai "Expand Template Widget"

Kemudian carilah kode di bawah ini:

<b:include data='blog' name='all-head-content'/>

Copy paste kode di bawah ini tepat di bawah kode yana ada di atas.

Keterangan:
Kode yang berwarna biru, harus anda ganti dengan link/url tempat anda mengupload gambar favicon tersebut.

Simpan Template Anda.

Xampp

noreply@blogger.com (Dhany Pontianak.web) — Mon, 02 Aug 2010 11:07:00 +0000

Menginstal Xampp

Xampp merupakan salah satu web server yang dapat berjalan di bawah sistem operasi windows. Xampp tersebut dapat dapat anda download pada www.apachefriends.org yang disediakan secara free.

Pada Xampp terdapat fasilitas sebagai berikut:

MySQL (database server)

Apache (web server)

PHPMyAdmin (administrasi database)

Untuk menginstall Xampp terlebih dahulu Anda harus memiliki softwarenya, adapun silakan Anda ikuti langkah-langkah di bawah ini:

Untuk memulai proses install, klik 2x pada file Xampp

Kemudian klik tombol OK

Klik Next

Klik Next

Pilih Install Apache as service dan Install MySQL as service, jika Filezilla ftp server ingin diinstall juga sebagai service silakan Anda pilih. Lalu klik Install.

Tunggu hingga proses instalasi selesai, kemudian akan muncul tampilan sebagai berikut:

Klik Finish, kemudian akan muncul kotak dialog seperti di bawah ini:

Klik OK

Klik Yes, jika Anda ingin segera menjalankan XAMPP Control Panel.

Proses Instalasi XAMPP selesai dilakukan.

Tampilan XAMPP Control Panel.

Setingan pada kontrol panelnya tidak terlalu rumit. Pada bagian Svc ada bagian yang tanpa centang atau ceklist, itu tandanya service dari Aplikasi belum terinstal pada windows. Agar Service terinstall pada Windows Services, klik pada bagian Svc.

Untuk start/stop service tinggal klik pada tombol Start/Stop.
Jika ingin melakukan administrasi, klik pada tombol Admin…, basisnya adalah web untuk Apache(web server), sedang mysql(database) dan filezilla(ftp server) maupun Mercury(smtp mail server) berbasis klien software.
Untuk masuk ke system file dari xampp, klik pada tombol Explore. Berikut tampilan web administrasi pada Xampp:

Jika Anda ingin kontrol panel xampp sebagai service di Windows, klik pada tombol Service pada kontrol panel Xampp.

SCM adalah link ke Services Windows.

Menjalankan PHP

noreply@blogger.com (Dhany Pontianak.web) — Mon, 02 Aug 2010 10:43:00 +0000

Apa saja yang diperlukan untuk menjalankan PHP?

Untuk menjalankan PHP Anda membutuhkan sebuah web server. Bagi Anda yang menggunakan Linux dapat menggunakan Apache yang dapat anda download di www.apache.org sebagai web servernya. Baig Anda yang menggunakan Windows sebaiknya menggunakan Personal Web Server (produk Microsot, keuntungannya bisa sekalian buat Anda untuk belajar ASP). Web server Xitami dapat di download di www.imatix.com dapat digunakan apabila Anda menggunakan Windows NT. Masih banyak web server yang anda dapat pergunakan seperti: Xampp, AppServer, WampServer atau teman-teman mempunyai web server yang lain.

Sedangkan PHP-nya sendiri dapat Anda download di www.php.net. PHP yang sudah Anda download disesuaikan dengan sistem operasi komputer yang Anda miliki (Linux atau Windows).

Pengenalan PHP

noreply@blogger.com (Dhany Pontianak.web) — Mon, 02 Aug 2010 10:32:00 +0000

PHP adalah script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP, Anda dapat membuat berbagai macam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.

Sekarang ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut, yaitu:

dBase

FilePro

mSQL

MySQL

ODBC

Oracle

Postgres

Sybase

Velocis

Selain itu PHP juga mendukung koneksi dengan protokol IMAP, SNMP, NNTP dan POP3.

Elemen Visual Basic

noreply@blogger.com (Dhany Pontianak.web) — Wed, 28 Jul 2010 11:09:00 +0000

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

noreply@blogger.com (Dhany Pontianak.web) — Tue, 27 Jul 2010 12:15:00 +0000

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:

Get One noe, free>>

Sign Up

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

Pada kolom yang berjudul Style, klik menu Appearance.

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.

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

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

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

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

The End

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

Untuk blogger yang menggunakan template klasik:

Klik menu Template.

Klik Edit HTML.

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

Klik tombol Preview untuk melihat perubahan yang kita buat.

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

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 :

Silahkan Login dengan id anda.

Klik menu Layout.

Klik Page Element.

Klik Add a Page Element.

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

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

Copy paste kode HTML shoutbox anda di dalam form Content.

Klik tombol Save Changes.

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

Tekan tombol Save.

The End

Pengenalan Visual Basic

noreply@blogger.com (Dhany Pontianak.web) — Mon, 26 Jul 2010 08:23:00 +0000

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:

Membuat program aplikasi berbasis windows.

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

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:

Klik tombol Start, kemudian pilih All Programs

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

Don't show this dialog in the future

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

noreply@blogger.com (Dhany Pontianak.web) — Sat, 24 Jul 2010 09:59:00 +0000

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

noreply@blogger.com (Dhany Pontianak.web) — Sat, 24 Jul 2010 08:57:00 +0000

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

noreply@blogger.com (Dhany Pontianak.web) — Sat, 24 Jul 2010 08:22:00 +0000

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

noreply@blogger.com (Dhany Pontianak.web) — Fri, 23 Jul 2010 09:42:00 +0000

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 :

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

Klik tulisan Sign Up untuk melakukan pendaftaran

Klik tombol bertuliskan Next

Klik tombol Next

Isi semua tabel yang ada lalu klik tombol Next

Isi lagi tabel yang ada, lalu klik tombol Next

Klik tombol Next

Klik tombol Next

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

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

Silahkan login dengan id anda

Bila sudah login, Klik menu Manager

Klik Menu Meter Style untuk memilih gaya dari site meter anda

Pilih style yang anda sukai, kemudian klik tombol Select

Klik menu HTML Code

Klik tulisan Adding site Meter to a Blogger.com Site

Copy semua kode HTML yang di berikan lalu paste pada Notepad

Klik menu Logout untuk keluar dari situs tersebut

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:

Klik menu TEMPLATE

Klik Edit HTML

Klik Edit (yang terdapat pada bar menu browser anda)

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

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

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

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

Selesai

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

Untuk blog dengan Template baru:

Klik menu layout

Klik Elemen Halaman

Klik Tambahkan sebuah Elemen Halaman

Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript

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

Copy & paste kode Site meter pada kolom isian

Klik tombol Simpan Perubahan

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

Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan

Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN

Selesai

Cara Membuat Menu DropDown

noreply@blogger.com (Dhany Pontianak.web) — Fri, 23 Jul 2010 08:29:00 +0000

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:

Klik Template

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

Ganti kode di atas dg kode html di bawah ini:

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

Selesai.

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

Klik LAYOUT

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

Klik Edit pada kotak Blog Archive tadi

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

Klik Save Changes

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:

Semoga sukses...!

Cara Membuat Text Area

noreply@blogger.com (Dhany Pontianak.web) — Thu, 22 Jul 2010 11:19:00 +0000

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;"><p align="center"><textarea name="code" rows="10" cols="30"> Disini tempat anda mengetikkan tulisan anda </textarea></p></textarea>

Hasilnya seperti contoh di bawah ini:

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>

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

noreply@blogger.com (Dhany Pontianak.web) — Wed, 21 Jul 2010 08:13:00 +0000

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:

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:

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:

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)

noreply@blogger.com (Dhany Pontianak.web) — Tue, 20 Jul 2010 13:13:00 +0000

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 :

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

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

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.

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.

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.

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.

Klik Arsipkan Untuk mengatur menu Arsipkan:

Frekuensi Arsip ⇒ pilih Bulanan.

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

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

noreply@blogger.com (Dhany Pontianak.web) — Sat, 17 Jul 2010 09:23:00 +0000

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... :)