Anda mungkin sudah sangat ahli dalam membuat berbagai jenis banner dengan segala macam ukurannya. Info berikut ini dikhususkan untuk anda yang belum tahu cara membuat banner sendiri.

Untuk membuat banner sendiri diperlukan program tool sofware khusus untuk mengedit banner. Tool tersebut bisa anda dapatkan dengan cara membelinya, namun ada juga tool pengeditan banner gratis yang tersedia secara online.

Di bawah ini adalah salah satu tool gratis dari flashvortex.com yang dapat anda gunakan untuk membuat banner animasi ukuran 468 x 60 dengan teks banner yang dapat anda isi sesuai dengan yang anda inginkan.

Petunjuk cara penggunaan membuat banner animasi gratis:

Isilah seluruh kotak kosong dengan kalimat teks bisnis atau info anda. Kemudian pada bagian GENERAL SETTING pada kotak when clicked, go to this link, ketiklah alamat URL tujuan yang anda inginkan untuk banner yang anda buat tersebut. Misal ketik URL http://www.websitebanner.teks.tv. Artinya ketika orang mengklik banner, maka orang akan membuka alamat URL tersebut. Setelah semua kotak telah diisi, klik Generate Animation, maka anda akan segera mendapatkan kode script banner animasi yang telah anda buat dan bisa anda letakkan di blog anda atau tukar banner. (Peringatan kode script banner yang anda dapatkan tidak dapat digunakan untuk pasang banner di situs ini?

FlashVortex.com - Free Banners, Menus, Buttons, etc.

Sumber  : www.websitebanner

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: animasi, banner, tutorial blog

Pada posting kali ini saya akan membuatkan panduan cara membuat blog yang disediakan secara gratis oleh blogger.com. Mungkin atau pasti kamu pernah mendengar istilah blog atau webblog kan? blog tidak jauh berbeda dengan website. yang membedakan jika website hanyalah situs yang menyediakan informasi satu arah bagi pengunjungnya, sedangkan blog atau webblog menyediakan informasi secara dua arah, jadi para pengunjung bisa memberikan komentar tentang artikel atau content yang disediakan oleh pengelola blog itu, atau istilah lain Admin. Oh ya istilah lain dari blog adalah CMS jika dipanjangkan jadi Content Management Sistem. sedangkan orang yang mempunyai blog istilah nya blogger

sebenarnya saat ini ada dua layanan blog gratis yang sering digunakan oleh para bloger untuk ngeblog, yaitu blogspot (bloger) dan wordpress. Tapi kali ini saya akan memberikan panduan cara membuat blog dengan blogspot (blogger) saja. Alasan saya karena saya rasa cara membuat dan mengelola blog di bloger lebih mudah dibandingkan dengan di wordpress. Tapi satu saat ini saya usahakan akan membuat juga tentang panduan cara membuat blog di wordpress yang juga gratis tentunya.
oke lah… tanpa banyak berbasa basi lagi baca baaik-baik langkah-langkah cara membuat blog di bawah ini ya…
1. 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), disitu sudah saya bahas tentang langkah membuat email. Tenang saja tidak usah terburu-buru. Baca dulu panduan ini sampai habis, kemudian baru dipraktekkan. oke
2. Jika sudah membuat email, bukalah alamat http://www.blogger.com , dan pastikan yang muncul adalah website seperti di bawah ini

kemudian klik gambar panah orange yang bertuliskan CIPTAKAN BLOG ANDA
3. Setelah itu akan muncul halaman seperti di bawah ini

pada kolom alamat email : masukan email kamu
ketik ulang alamat email : masukan lagi email yang sama seperti diatas
masukan sebuah paswod : isiakan kanta kunci (minimal 8 karakter, bisa huruf bisa angka)
ketikan ulang sandi : masukan lagi paswod yang telah kamu masukan sama dengan yang di atas
Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaa dengan posting, artikel yang kamu buat)
verifikasi : masukkan gambar kata yang terdapat di atas kolom.
pada gambar di atas sudah saya sertakan contoh pengisiannya
jika sudah diisi semua lalu klik gambar panah orange (lanjutkan)
4. Kemudian akan muncul seperti ini

Isilah Judul Blog sesuai dengan keinginannmu
isi juga alamat blog sesuai dengan keinginanmu juga, jika alamatmu menggunakan 2 kata atau lebih. pisahlah dengan tanda titik ( . ) atau tanda ( – ). karena tidak bisa menggunakan spasi.
contoh pengisiannya seperti gambar ini
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 link “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia

 

jika sudah klik menu lanjutkan
5. Setelah kamu klik menu lanjutkan.. akan muncul halaman seperti ini

itu adalah jendela disain template. untuk memilih tinggal klik salah satu. kemudian menu klik lanjutkan, maka yang muncul adalah gambar seperti ini

dengan begitu kamu telah selesai membuat suatu blog…. sekarang tinggal mengisi dengan artikel kamu saja..
6. okelah langsung saja kita belajar mengisi artikel… Kliklah tombol panah Mulai Blogging
maka akan muncul gambar seperti di bawah ini, gambar di bawah merupakan contoh pengisian artikel

Kolom judul untuk judul artikel
dalam kolom yang lebar di bawahnya itu untuk menulis artikel kamu
dan label untuk mengisi jenis kategory artikel.
jika sudah diisi semua kemudian tekan menu MEMPUBLIKASIKAN POSTING, jika muncul seperti ini

maka kamu telah berhasil membuat satu artikel, untuk melihatnya klik menu Lihat BLogmaka yang tampil akan seperti ini

jika sudah muncul seperti itu.. kamu berati telah selesai dan berhasil membuat posting
7. Suatu saat jika ingin memposting artikel baru lagi, kamu tidak perlu mendaftar lagi… tinggal buka http://www.blogger.com/start , kemudian
masukkan email kamu, dan paswod kamu saja, kemudian klik menu “masuk” maka kamu akan di bawa ke menu dashboard,

sesaat kemudian kamu akan masuk pada dasboard bloger kamu, di situ kamu bisa mengedit, membuat posting, ataupun mengatur setting blog kamu.

dan yang terakhir, agar akun blogger kamu bisa digunakan secara penuh, jangan lupa konfirmasi dulu aku bloger kamu. caranya cek email yang kamu gunakan untuk mendaftar, di situ akan terdapat satu buah email dari blogger berisi link konfirmasi. klik link tersebut, seperti gambar di bawah ini

setelah kamu klik link tersebut, kamu akan diarahkan ke halaman seperti gambar di bawah ini, menunjukkan akun blogger kamu sudah dikonfirmasi.

8. Oh iya jika kamu sudah mempunyai email di Gmail. kamu tida perlu mendaftar dari awal… tapi langsung saja masukkan alamat email gmail kamu dan paswod kamu, kemudian klik menu masuk.
jika menggunakan email dari Gmail, kamu tidak perlu memasukan paswod dan email lain ataupun capta kode lagi… tinggal masukkan nama tampilan saja
kelanjutan langkah-langkahnya sama dengan yang di atas….

Sumber: http://ridwanaz.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: blogger, tutorial blog

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.



I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk "rows"=2 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.



Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya:

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

   1.  <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat 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.

   2. <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 sobat jangan merubah tulisan ini.

   3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.

   4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

   5. <text style="WIDTH: 150px">--> kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"

   6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Sumber : http://triwied77.blogspot.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: text area, tukar link, tutorial blog

Bagaiman cara membuat script tukar link seperti pada halaman tukar link di blog  ini ? Nah, ini dia cara membuat script/kode tukar link atau link exchange di blog/web. Ikuti langkah-langkah berikut :

1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos,

3. Pilih/klik logo yang anda suka
4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
    melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk menentukan ukuran logo, jika sudah selesai
    klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo
    selesai
6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk
    atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan
    tetapi anda diminta untuk register terlebih dahulu.
    sebaiknya pilih cara pertama saja Klik Download Image.
7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online
    atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum
    punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat
    banyak pilihan kode HTML yang tersedia,
8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget,
    HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke
    sidebar blog atau bisa juga dibuat posting khusus atau halaman untuk bertukar link.

Semoga Bermanfaat!

Sumber :Abdurrahmansaleh.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: tukar link, tutorial blog

Tukaran Link dengan banyak blog yang sudah tinggi pagerank-nya, katanya dapat meningkatkan pengunjung ke blog kita, lebih mudah terindeks oleh search engine sehingga dapat posisi teratas di search engine apabila pengunjung mencari indeks tertentu pada search engine yang ada pada blog kita. Gimana cara membuat Halaman Link tersebut? Ini sekedar berbagi yang saya dapatkan juga dari teman blogger lainnya:

Tutorial ini termasuk tutorial dasar. Anda hanya perlu mengetahui beberapa kode HTML, khususnya kode link dan image.

Sebenarnya tanpa halaman dan tanpa memberikan kode, anda juga bisa bertukar link ataupun banner. Tapi, dengan kode HTML yang telah anda sediakan apalagi dengan instruksi yang jelas, pengunjung akan lebih mudah bertukar link dengan anda.

Selain itu, dengan kode/script ini anda bisa membuatkan link atau banner yang anda inginkan untuk ditampilkan di blog parnter anda. Misalkan pada kode "title" dan "alt" untuk banner. Yang terpenting dari script yang anda buat ini adalah untuk memaksimalkan keyword pada link dan banner anda di website-website lainnya.

---

Pertama, anda harus membuat halaman khusus untuk tukar link atau banner. Sebaiknya, halaman tukar link dan tukar banner anda bedakan agar lebih tertata dan lebih jelas bagi pengunjung.

---

Setelah itu, tulis beberapa kalimat yang sifatnya mengajak agar pengunjung mau bertukar link. Kemudian berikan petunjuk bagaimana cara untuk melakukannya.

---

Terakhir, buat kode untuk link dan banner blog anda untuk dipasangkan ke blog pengunjung. Berikut kodenya.

Link

&lt;a href="

style="background-color: #cfe2f3; color: #0b5394;">http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;nama link&lt;/a&gt;contoh: nama link

Banner

&lt;a href="http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;&lt;img src="http://www.url-banner.com/banner.gif" alt="text yang tampil sebelum gambar terbuka" border="0"/&gt;&lt;/a&gt;

Contoh:

Anda bisa meletakkan script tersebut dalam textarea dengan kode <textarea>script tukar link</textarea>, atau dengan menggunakan CSS

Agar pengunjung bisa memberi tahu ingin bertukar link, anda bisa menyediakan halaman kontak saya, chatbox, alamat email, ataupun kotak komentar di bawah halaman.

Semoga bermanfaat! 

Sumber : tutorialblogging.co.cc

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: tukar link, tutorial blog

Blog kamu belum lengkap kalau belum di pasang form subscribe email dari feedburner

( padahal saya juga baru bisa .. hehehe .. itung-itung bagi pengalaman yah .. ) Ini langkag-langkahnya :
1. Kunjungi FeedBurner


2. Isikan alamat feed blog kamu

3. Isikan nama feed blogmu dalam kotak yang telah tersedia , centang "I am a podcaster",jika

    blog kamu berisi video-video saja ..

4. Isikan data-data valid yg diperlukan , jika sudah klik tombol Activate Feed

5. di situ ada tulisan Next dan link Skip directly to feed management >> pilih link Skip

   directly to feed management.

6. Setelah itu klik Publicize

7. Pilih menu Email Subscriptions.

8. klik Activate"

Nah .. setelah itu akan muncul kode HTML . silahkan pilih sesuai keinginan kamu , copy kode tadi .. trus save !

Pasang kode HTML tadi ke blog kamu

Selesai deh ....

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Form Subscribe, tutorial blog

Berikut ini langkah-langkah mempromosikan blog ke search engine google :

1. Klik http://google.com/addurl
2. Pada form url masukan alamat blog Anda, comment isikan deskripsi blog dan masukkan code pengaman sesuai gambar.

Jika langkah Anda di atas benar kira-kira 2 minggu blog Anda akan terdaftar di search engine google. Untuk memastikan blog Anda sudah terdaftar pada form search google ketikan site:bloganda.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: Search Engine, tutorial blog