like twitter

BLOGGER


1. Apa itu Blog ? Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun kita bisa.
2. Cara membuat blog

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

Kali ini kita akan mengulas tentang cara pembuatan blog di
http://www.blogger.com.
Setelah kita berada pada situs blogger.com, kita akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :
  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
  2. Isilah Alamat Email dengan alamat email (tentunya yang valid)
  3. Isikan kembali alamat email tadi pada form Ketik ulang alamat email
  4. Tuliskan password yang diinginkan pada form Masukkan sebuah password
  5. Isikan kembali password tadi pada form Ketik ulang sandi (password)
  6. Isi Nama Tampilan dengan nama yang ingin ditampilkan
  7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  9. Tuliskan judul blog yang diinginkan (nanti bisa di rubah lagi) pada form Judul Blog
  10. Tulis nama situs pada form Alamat Blog (URL)
  11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
  12. Pilihlah gambar (template) yang diinginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
  13. Setelah keluar tulisan "Blog Anda telah di ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan tuliskan apa saja, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".
3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja

CARA SETTING BLOG

Bagi yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog 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 Login ke blogger.com dengan user name dan password milik anda
  2. Klik judul blog yang mau di setting ( jika sudah mempunyai beberapa blog)
  3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
  • Judul isi dengan judul blog. Contoh : Blogspot Tutorial
  • Uraian isi dengan deskripsi blog. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
  • Tambahkan blog ke daftar kami? pilih ya agar setiap posting selalu masuk di daftar Blogger.com.
  • Biarkan mesin pencari menemukan blog? pilih ya
  • Tampilkan Editing Cepat di Blog? pilih Ya
  • Tampilkan Link Posting Email? Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
  • Konten Dewasa? Pilih tidak. Kalau pilih ya berarti blog kita di anggap blog untuk dewasa (semacam blog porno)
  • Tampilkan Mode Compose untuk semua blog? pilih Ya
  • Aktifkan transliterasi? pilih Tidak, jika kita ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
  • Klik tombol Simpan Pengaturan . Selesai






4. Klik Publikasi untuk mengatur menu Publikasi :
  • Alamat BlogSpot isi dengan nama blog kita. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog kita, jadi jangan di ubah aja.
  • Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
  • Tampilkan pilih angka posting yang ingin kita tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
  • Format Header Tanggal pilih model tanggal/bulan yang kita sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
  • Format tanggal Index Arsip pilih model untuk peng-arsip-an yang kita sukai.
  • Format Timestamp Pilih bentuk waktu yang kita sukai.
  • Zona Waktu Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
  • Bahasa Pilih bahasa yang di inginkan.
  • Tampilkan Field judul Pilih ya atau tidakpun tidak apa-apa
  • Tampilkan kolom link pilih ya, tapi sekitainya pilih tidak juga tidak apa-apa.
  • Aktifkan perataan float pilih ya, tapi sekitainya mau pilih tidak juga tidak apa-apa
  • Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
  • Komentar pilih tampilkan, ini agar artikel kita dapat di komentari oleh pengunjung
  • Siapa yang Bisa Berkomentar ? Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan 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 yg singkat. Contoh: 8.00 PM.
  • Tampilkan komentar dalam sebuah window popup? pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog kita tidak menghilang/tertimpa halaman komentar.
  • 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 kita, ini di maksudkan agar setiap ada yang berkomentar pada artikel kita, kita dapat kiriman email dari blogger.com sebagai pemberitahuan.
  • Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
  • Frekuensi Arsip pilih Bulanan.
  • Aktifkan Halaman Posting? pilih ya.
  • Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
  • Izinkan Feed Blog pilih Penuh.
  • Posting URL Pengubahan Arah Feed di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
  • Footer Feed Posting Silahkan di isi dengan kode iklan yang kita punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
  • Klik tombol Simpan Perubahan. Selesai.

MEMILIH TEMPLATE

Bagi yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu dilakukan adalah memilih template.
Sekilas tentang template
Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.
Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang.
Langkah-langkah pemilihan template di blogger.com :
  • Silahkan login terlebih dahulu seperti biasa dengan memakai user name milik anda.
  • Klik "Tata Letak" (bila menggunakan blogger baru) atau klik "Template" (bila menggunakan template classic).
  • Klik "Pick New Template", silahkan pilih template yang anda suka. Sebelum memutuskan dalam memilih "template" tersebut, sebaiknya lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling disukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas.

MENGATUR HURUP DAN WARNA

Untuk para blogger baru, anda akan menikmati fasilitas baru dari blogger.com, yaitu kita bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")
  1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai
  2. Text Color --> pengaturan warna hurup dari posting-an
  3. Link Color --> pengaturan warna hurup yang di link
  4. Blog Title Color --> pengaturan warna hurup judul Blog
  5. Blog Description Color --> pengaturan warna hurup deskripsi blog
  6. Post Title Color --> pengaturan warna hurup judul posting-an
  7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah
  8. Sidebar Title Color --> pengaturan warna hurup judul yang kita di sidebar (kolom samping)
  9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)
  10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link
  11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar
  12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan
  13. Blog Title Font --> pengaturan jenis hurup Judul blog
  14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog
  15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )
  16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan.
Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh kita, kita cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

CARA MEMPOSTING ARTIKEL

Bagi kita yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa kita gunakan.Jika kita sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila dibahas sekilas tentang ini, barangkali ada di antara kita yang masih bingung.Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel
Cara penggunaan toolbar di atas adalah blok (beri tkita) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.


Langkah-langkah dalam memposting suatu artikel:
  1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada computer. Copy artikel yang telah kita buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan kita.
  2. Klik tombol “ compose “ untuk melakukan editing (jika kita masih bingung dengan kode HTML).
  3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika kita ingin memasukan gambar ataupun photo untuk menghiasi posting-an kita.
  4. Klik tombol “ Preview “ untuk melihat hasil posting-an kita yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
  5. Klik tombol “ publish “. Selesai.

MEMBUAT MENU DROPDOWN

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. 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. Bagaimana kalau dua dan tiga tahun lagi? Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.
Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :
  1. Login ke blogger.com dg id anda
  2. Klik Template
  3. Di bagian sidebar blog Kita bagian archives, ada kode html sbb:
&<BloggerArchives>
<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
</BloggerArchives>
  1. Ganti kode di atas dg kode html di bawah ini:
<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
  1. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
  2. Selesai.
Untuk kita 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
Keterangan di atas merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, contoh untuk menu Dropdown untuk membuatnya silahkan kita copy kode HTML di bawah :
<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 duluan</OPTION>
<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>
Sebagai contoh untuk menu:
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>- Blog Tutorial -</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>
</select></form>

UPLOAD GAMBAR DAN FOTO PROFILE

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka langkah-langkahnya :
  1. Login seperti biasa dengan id kita
  2. Klik Posts
  3. Klik New Post (bila sebelumnya kita telah mempunyai posting-an)
  4. Klik toolbar yang bergambar seperti ini
  5. Beri tkita tik/cek pada radio button pada pilihan Choose a layout, bila kita menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right. Beri tkita tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large
  6. Beri tkita ceklis di samping tulisan Use this layout every time bila kita menginginkan setiap upload gambar settingnya seperti semula
  7. Tekan tombol Browse, lalu masukan gambar dari komputer kita yang ingin di upload.
  8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar
  9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai
  10. Klik Tombol Done untuk mengakhiri proses upload
Setelah proses upload kita selesai, untuk melihat gambar tadi, klik tombol Compose. Disini kita bisa melihat gambar yang kita upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse kita berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang kita inginkan lepas tombol yang kita tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang kita inginkan.
Sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto kita tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:
  1. Setelah upload gambar, klik menu Dasboard
  2. Klik menu Edit Profile
  3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah kita copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]
  4. Klik Save Profile, maka foto kita yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia
  5. Selesai
Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Contoh, menyimpan foto-foto bisa di http://photobucket.com. jika kita mau silahkan daftarkan diri kita (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo kita. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH.

MEMBUAT LINK

Dalam dunia blog, tentu kita tidak asing lagi dengan yang namanya link. Apabila kita seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau kita tidak bisa membuat link, ini dapat berakibat kita akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :
Link pada posting-an

Jika kita membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang kita ikuti pada sebuah website di internet, lalu kita ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang kita ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti
Jika kita tertarik silahkan kita klikdisini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :
  1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.
  2. Klik ikon yang bergambar seperti ini      yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :



  1. Isi kotak yang ada tulisan tersebut dengan alamat situs yang kita inginkan, misalkan : http://www.resepbisnis.com/?id=rohman
  2. Klik OK. Selesai
Link dengan window baru

Mungkin kita punya pikiran, kalau kita membuat sebuah link trus pembaca mengkliknya, kita kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog kita tetap ada dan halaman yang baru di klik akan muncul terpisah. di lakukan dengan cara :
  1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu      yang ada pada toolbar.
  2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://herry-marlboro.blogspot.com/ : <a href="http://herry-marlboro.blogspot.com/">klik disini</a>
    maka disini kita harus menambahkan embel-embel kode
    HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah : <a http://herry-marlboro.blogspot.com/" target="new">klik di sini</a>
    atau :
    <a href="http://herry-marlboro.blogspot.com/" target="new">klik di sini</a>
    atau bisa juga seperti ini :
    <a href="http://herry-marlboro.blogspot.com/" target="_blank">klik di sini</a>
Buat Links di sidebar

Bila kita berkeinginan membuat link kepada teman kita di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)
  1. Sign in di blogger dengan id kita
  2. Klik menu TEMPLATE
  3. Klik Edit HTML
  4. Klik Edit
  5. Klik Find (on this page)… --> untuk mempercepat pencarian



  1. Tuliskan kata dimana kita ingin tempatkan, contoh di blog saya adalah Links anda, klik Find
  2. Tuliskan link yang kita inginkan, contoh jika kita ingin membuat link ke blog saya, maka kode yang di tulis adalah :
<a href="http://herry-marlboro.blogspot.com/" target="_blank">Blog Tutorial</a>
  1. Klik Save Template Changes. Selesai
Sedikit clue untuk kita. Jika kita sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya kita copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila kita melakukan kesalahan, kita bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum kita klik Save Template Changes sebaiknya kita klik terlebih dahulu tombol preview untuk melihat perubahan yang kita lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.
Untuk kita pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :
  1. Login di blogger dengan ID kita
  2. Klik menu Layout
  3. Klik Page Elements
  4. Klik Add a Page Element
  5. Klik ADD TO BLOG pada menu Link List
  6. Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah kita
  7. Isi nomor link yang ingin kita tunjukan di blog kita pada form Number of Links to show in list, jika kita ingin membatasi jumlah link yang akan di tampilkan, jika kita tidak mau membatasi silahkan di kosongkan saja.
  8. Pada form Sorting, silahkan kita pilih sort Alphabetically bila ingin link kita di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila kita menginginkan Link yang kita buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila kita tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang kita buat, silahkan pilih Don’t Sort
  9. Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//kolom-tutorial.blogspot.com
  10. Tulis nama atau tulisan yang ingin muncul pada link yang kita buat pada form New site Name. contoh : Blog Tutorial.
  11. Klik Add Link, jika link yang kita buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.
  12. Klik SAVE CHANGES bila sudah selesai
  13. Bila kita ingin menempatkan Link yang kita buat tadi, silahkan arahkan mouse kita ke kotak link yang baru kita buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang kita inginkan ( di drag & drop ) .
  14. Klik SAVE. Selesai
Membuat link dari gambar atau image

Apabila kita mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :
  1. Upload gambar yang kita miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.
  2. Jika kita sudah mengupload gambar kita, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :
    http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif
    Nah jika kita ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :
    <a href="http://herry-marlboro.blogspot.com/"><img src="http://i162.photobucket.com
    /albums/t253/herry24/animasichicklet.gif"></a>
    (kode dalam satu baris)
    jika ingin dalam window baru :
    <a href="http://herry-marlboro.blogspot.com/" target="_blank"><img src="http://i162.photobucket.com
    /albums/t253/herry24/animasichicklet.gif"></a>
    (kode dalam satu baris)

MEMBUT EFEK MARQUEE

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </MARQUEE>
ganti kata "left" dengan keinginan kita yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
marquee menurut perilaku
</MARQUEE>

Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"> </MARQUEE></b></FONT></div>

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse kita ke area marquee di bawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
silahkan tunjuk ke sini
</marquee>

Contoh marquee yang di dalam nya terdapat link : <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://herry-marlboro.blogspot.com/" target="new">Rubrik Elektronik</a><br/>
<a href="http://herry-marlboro.blogspot.com/" target="new">Electronic Rubric </a><br/>
<a href="http://herry-marlboro.blogspot.com/" target="new">Kolom iklan </a><br/>
</marquee>

Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan kita otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

PASANG JAM DI SIDEBAR

Agar blog kita tampak cantik dan menarik untuk di lihat, maka kita bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa kita dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contoh jam yang tersedia adalah sebagai berikut :

Dan bagi kita yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :
  1. Silahkan kunjungi situs http://www.clocklink.com
  2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
  3. Silahkan kita melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
  4. Jika di rasa sudah menemukan model jam yang kita sukai, klik tulisan View HTML tag yang berada di bawah jam yang kita sukai tadi
  5. Klik tombol yang bertuliskan Accept
  6. Pilih waktu yang sesuai dengan tempat kita di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
  7. Set ukuran jam yang kita sukai di samping tulisan size
  8. Copy kode HTML yang di berikan pada notepad
  9. Paste kode HTML yang di copy tadi pada tempat yang kita inginkan
  10. Selesai

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang kita buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog kita, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, kita tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, kita tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian kita, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni
http://www.shoutmix.com. Untuk caranya silahkan kita ikuti langkah-langkah berikut ini :
  1. Seperti biasa kita harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan kita tulis data-data kita pada form yang telah di sediakan.
  2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan kita login dengan id kita
  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 kita, silahkan pilih yang sesuai dengan keinginan kita. Jika sudah selesai klik Save Setting.
  5. Untuk mendapatkan kode HTML dari shoutbox kita, 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 kita
  8. Klik Log out yang berada di atas layar kita untuk keluar dari halaman shoutmix kita. Silahkan close situs tersebut.
  9. Selesai
Untuk menempatkan kode HTML shoutbox tadi pada blog kita, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
  1. Log in terlebih dahulu ke blogger.com dengan id kita
  2. Klik menu Template
  3. Klik Edit HTML
  4. Paste kode HTML shoutbox kita yang telah di copy pada notepad tadi di tempat yang kita inginkan
  5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
  6. Klik tombol Preview untuk melihat perubahan yang kita buat.
  7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  8. Selesai
Sedikit Clue, agar shoutbox kita sesuai dengan ukuran lebar sidebar , kita bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya kita tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
Untuk Blogger baru :
  1. Silahkan Login dengan id kita
  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 kita pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang kita suka
  7. Copy paste kode HTML shoutbox kita di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah kita buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai

Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan
Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :<a href="http://www.resepbisnis.com/?id=rohman target="new" title="mau belajar bikin website sendiri silahkan klik di sini">Resep bisnis</a> Bottom of Form
by Facebook Comment

Tidak ada komentar: