Blog Tutorial

Backlink Checker Tools

2010-06-06T11:18:00.001-07:00

Berapa Banyak Backlink yang sudah kita dapatkan?

Daftar Mobile Directory Free Submission

2010-06-06T10:11:00.000-07:00

Untuk lebih mempopulerkan blog ke berbagai situs dan search engine, berikut ini adalah daftar mobile directory submission yang diambil dari list MobPartner. Sebagai Informasi tambahan yang mungkin dapat berguna :

http://www.i-gloo.net/- "i-Gloo Annuaire"
http://www.yahoo.com- "Yahoo ! Classic
http://www.google.com- Google Classic
http://dir.mobi/index_cat.php- "Dir.Mobi"
http://www.wapmat.com/- WAPMat
Udah Capek....istirahat dulu! ada 39 Directori (hahahahahaha)

Apakah Blog kita di Banned Google

2010-06-06T05:51:00.000-07:00

Satu hal yg paling ditakutkan para AdSensers adalah mendapatkan “surat cinta” dari Google. Ibarat di-PHK, begitu pemutusan hubungan diberikan, publisher AdSense otomatis tidak diperbolehkan lagi untuk berhubungan dengan Google AdSense.

Termasuk login ke dalam account mereka, memasang ad units di situs mereka, dan sebagainya. Di sisi lain, Google tetap fair dengan memberikan segala sesuatu yg menjadi hak kita. Misalnya, sebelum di-banned, kita sempat mendapatkan cek dari Google. Cek ini tetap dapat dicairkan.

Kok Bisa DiBanned?

Sebab utama mengapa seorang publisher bisa di-banned dari Google AdSense tentunya adalah “dianggap” melanggar aturan penggunaan Google AdSense yg tercantum dalam policy mereka. Sayangnya, Google seringkali tidak secara gamblang memberitahukan alasan PHK tersebut. Bahkan kabarnya, alasan “invalid click” yg acap diberikan adalah hanya untuk mempermudah proses banned tersebut. Jadi, bisa saja seorang publisher di-banned karena alasan click fraud namun sebenarnya bukan itu yg menjadi alasan.

Yang rawan di-banned adalah publisher2 baru, terutama yg masih belum pernah menerima cek. Kenapa? Karena sebelum mengirimkan cek, Google akan memeriksa ulang keabsahan pendapatan publisher tersebut. Jika sudah sering menerima cek, secara tidak langsung kredibilitas seorang publisher di mata Google akan bertambah. Oleh karena itu, sangat jarang ada publisher lama yg terkena banned oleh Google.

Buat publisher pemula, usahakan bermain jujur di awal, setidaknya sampai Anda menerima cek dari AdSense sebanyak 2-3x. Setelah itu, jika mau, bermainlah di area abu2 policy, karena kemungkinan besar Anda sudah aman dan gak akan langsung di-banned jika dicurigai oleh Google. Tapi tentu saja, tetap jauh lebih aman jika Anda berada di jalur yg bersih.

Pasca Banned

Jika sudah terlanjur kena banned, apa yg bisa Anda lakukan?

Ada tiga pilihan.

Lupakan AdSense dan pindah ke lain hati. Saat ini pemain2 sejenis AdSense sudah cukup banyak jumlahnya. Sebut saja Clicksor, AdBrite, dan, jika Anda beruntung untuk berlokasi di US, YPN (Yahoo! Publisher Network). Buahnya mungkin tidak semanis AdSense, tapi paling tidak masih bisa dimakan.
Jika Anda benar2 yakin bahwa Anda tidak melakukan kesalahan atau pelanggaran sekecil apa pun SERTA yg paling utama, melakukan log terhadap pengunjung Anda dan aktivitas AdSense yg ada di situs2 Anda, lakukan banding. Di dalam surat PHK yg dikirimkan Google biasanya terdapat informasi untuk melakukan banding ini dan kemana Anda harus melakukan banding. Intinya, Anda harus bisa menunjukkan darimana asal pengunjung Anda, dan validitas aktivitas AdSense Anda.

Kemungkinan untuk diperbolehkan bergabung kembali sebagai publisher AdSense? Terus terang hanya 5-20% saja. Namun jika berhasil, earning Anda akan kembali, jadi tidak ada salahnya untuk berjuang sampai titik darah penghabisan.

Tips supaya banding Anda ada kemungkinan untuk diterima adalah:
- Gunakan bahasa yg sopan;
- Jangan emosi;
- Berikan data2 lengkap seperti yg diminta;
- Tawarkan untuk memberikan data2 lain yg dibutuhkan dan melakukan kerjasama dalam bentuk apa pun untuk menindaklanjuti masalah ini.
Yangg ketiga adalah mendaftarkan diri lagi sebagai publisher baru. Ini cara yg paling banyak ditempuh oleh publisher yg terkena banned, dan faktanya, tidak sedikit yg kini sukses dng “identitas” yg baru setelah sebelumnya di-PHK.

Ada beberapa hal penting yg harus Anda perhatikan jika ingin menempuh cara ini:

Jangan menggunakan identitas yg sama. Ini meliputi nama, alamat, no telepon, dan email.
Jangan mendaftarkan situs yg sama dan apabila sudah diterima kembali, jangan memasang ad units di situs yg sebelumnya pernah dipasangi AdSense dengan account kita yg lama (yg udah dibanned).
Anda boleh mendaftar dengan menggunakan komputer yg sama dengan sebelumnya, tapi jika memungkinkan, hindari.
Kalo sebelumnya memang melakukan pelanggaran, jangan diulangi lagi(hehehehehehe)

Oya berikut ini adalah link untuk ke situs yang menyediakan jasa check apakah blog kita dibanned... Kalau ingin coba silahkan klik di CHECK GOOGLE BANNED TOOLS

Nah, semoga bermanfaat

Daftar ke Google Webmaster Tools

2010-06-06T01:19:00.000-07:00

Artikel yang telah lalu tentang cara mendaftar google analytics dan sekarang cara mendaftar google webmasters tools, fungsi kedua alat / tools google tersebut tidak jauh berbeda, tujuan utama nya untuk memantau perkembangan blog kita dan juga merupakan Search Engine Optimization (SEO) menurut para master.

Sebelum ke langkah cara daftar webmasters tools akan saya gambarkan sedikit fungsi yang menurut saya sangat berguna dari tools tersebut :

Melihat daftar kata kunci atau keyword yang di cari pengunjung untuk menuju blog kita, sehinga kita bisa meningkatkan dan membuat artikel lebih banyak yang berhubungan dengan kata kunci tersebut.
Mengetahui masalah seperti duplikat kontent, judul / title, dan masih banyak lagi, dengan demikian kita bisa mengatasi maslah duplikat tesebut.
Mengetahui daftar link mati tanpa halaman atau Not found sehingga anda bisa langsung menghapus dan membersihkan link Not Found tersebut.
Mengetahui daftar halaman - halaman blog yang berada dalam 10 besar Search Engine Results Page (SERP), semuanya akan terdaftar di tools.

Di atas hanya sebagian kecil manfaat dan fungsi webmasters tools yang dapat kita lakukan untuk menjadikan blog lebih baik.

Nah, sekarang menuju langkah demi langkah mendaftarkan blog ke google webmasters yang cukup mudah dan simpel.

Pertama silakan menuju Webmasters Tools dan sing in dengan account gmail google anda, kemudian klik Tambahkan situs.
Kemudian isi kolomnya dengan URL blog anda, dan klik lanjut lihat saja pentunjuk nya.
Setelah terbuka jendela baru lihat pada kode html meta tag dan copy untuk di pasang pada template anda.

< meta name=google-site-verification" content="06wWnRw8DteMswhYbG4hkMEUwwVFIqzORxgftXWHfs"/ >

Sekarang menuju ke blogger anda untuk memasang kode verifikasi tersebut

Masuk account blogger anda klik Tata letak >>Edit HTML.
Kemudian cari kode < head >,letaknya di atas template anda.
Bila sudah ketemu letakan kode verifikasi webmasters tools tadi tempat di bawah kode < head > seperti pada gambar.
Sekarang simpan template anda, bila gagal coba di balik kodenya menjadi seperti ini :

< meta
content="06wWnRw8DteMswhYbG4hkMEUwwVFIqzORxgftXWHfs" name="google-site-verification"/ >

Bila sudah tidak ada masalah dengan template kini anda kembali ke webmasters tools.

Klik verifikasi bila berhasil anda akan di bawa kehalaman dasboard berarti verifikasi berhasil, bila belum teliti kembali kode nya mungkin ada yang kurang.

O.k sampai di sini anda telah berhasil mendaftarkan blog ke google webmasters tools, semoga semua nya berjalan lancar dan sukses selalu..ammiieenn...

Menghapus "Link Not Found" di Google

2010-06-06T01:10:00.000-07:00

Salah satu seo blog dengan cara menghapus link Not Found di goole webmaster tools merupakah hal penting yang perlu anda lakukan demi kualitas blog anda. Memang masalah tersebut kelihatannya simpel saja namun mempunyai efek negatif buat blog anda, terutama buat googlebot yang saat menelusuri halaman - halaman blog dan selalu menemukan link mati, akhirnya apa yang terjadi..?

Google jadi tidak ramah terhadap blog kita, yang biasanya googlebot mengunjungi blog dua kali dalam sehari kini jadi dua hari sekali. Akibat lain dari link Not Found / tidak di temukannya halaman bila keluar dalam mesin pencari akan membuat pengunjung kecewa dan di kira blog tesebut sudah tidak aktif karena tidak bayar sewa domain.

Link Not Found atau tidak di temukan halaman bisa terjadi karena halaman yang telah anda hapus, namun tetap dalam data base mesin pencari, terkadang bisa juga anda salah menulis artikel setelah di publish dan membaca artikel tersebut anda merasa tidak puas dengan hasilnya kemudian anda hapus, hal seperti itu yang sering terjadi apalagi pemula seperti saya tanpa menyadari akibat nya, jangan berpikir bahwa tidak mungkin sebuag artike yang baru di publish 30 menit yang lalu sudah di index Google, perlu anda ketahui bahwa artikel yang baru di publish hanya dalam hitungan detik sudah masuk dalam data base Goole Webmaster.

Wah..seperth master saja..! he...e

Ya sudah langsung saja Cara Menghapus Link Not Found nya :

Silakan masuk Google Webmaster tools kemudian lihat di kanan atas pada Galat Perayapan:

klik tidak ditemukan yang di sebelahnya ada jumlah yang tidak ditemukan, maka akan tampil semua URL alamat halman denan tanda 404 (tidak ditemukan), sekarang copy semua URL tersebut.
Selanjutnya klik Kofigurasi situs
Pilih Akses perayap, kemudian ada tiga pilihan klik saja Hapus URL
Klik Permintan penghapusan yang baru, akan tampil kolo kecil
Kemudia isi kolom tersebut dengan dengan URL yang telah anda copy tadi dan klik Hapus
Setelah terbuka halman baru, di bawah alamat URL ada kotak Alasan, biarkan saja jangan di rubah, di bawahnya beri centang pada kotak kecil dan klik Kirim Permintaan

Ulangi lagi Klik Permintan penghapusan yang baru sampai semua alamat URL yang anda copy tadi terkirim

Cukup mudah bukan, cara sederhana namun mempuyai pengaruh besar terhadap blog bila anda pelajari.

Mengatasi Masalah Duplikasi Judul Artikel

2010-06-06T01:05:00.001-07:00

Kali ini saya akan membahas cara mengatasi duplikat judul artikel,

berapa waktu lalu blog ini mengalami masalah dengan duplikat tag judul artikel, namun setelah saya periksa tidak ada yang sama atau duplikat, walaupun masalah duplikat tag judul artikel ini tidak terlalu serius lain halnya dengan duplikat kontent, namun dapat mempengaruhi situs blog dalam mesin pencari terutama google dan yahoo, untuk mengetahui masalah duplikat ini anda masuk ke www.google.com/webmasters/tools/ kemudian klik Diagnostik >> saran HTML dan lihat semua keterangan di situ, semuanya tentang masalah yang terjadi pada blog anda.

Mengapa bisa terjadi masalah duplikat judul artikel ini..? Nah... yang menyebabkan masalah ini adalah arsip blog, arsip blog ini bisa menyebabkan duplikat tag judul bila dalam waktu 24 jam anda posting lebih dari 1 (satu) artikel, karena arsip blog tidak menyertakan waktu / jam hanya tahun, bulan dan tanggal. Apabila anda melakukan 2 (dua) posting, otomatis ke dua posting tersebut memiliki tahun, bulan dan tanggal yang sama pula, seperti itulah analisanya.

Cara mengatasi masalah seperti ini sebaiknya hilangkan saja arsip blog anda.

Untuk menghapus arsip blog, masuk dasboard blogger klik pengaturan >> arsipkan lalu pilih arsip tidak ada dan klik simpan, selesai.

Setelah beberapa hari kemudian anda kembali ke www.google.com/webmasters/tools/ bila masih belum ada perubahan berati ada penyebab lain.

Untuk penyebab lain duplikat judul ini karena google pada saat mengindex blog anda menemukan posting dan komentar secara terpisah.

Cara mengatasinya silakan Edit template anda jangan lupa centang expand widget template, kemudian cari code mirip seperti ini >> :

< a expr:href='data:comment.url' title='comment
permalink' >
&ltdata:comment.timestamp/ >
< /a >

Bila sudah ketemu hapus semua dan ganti dengan kode di bawah ini >> :

< b:if cond='data:post.commentPagingRequired' >
< a expr:href='data:comment.url' title='comment
permalink' > < data.comment.timestamp/ > </a >
< b:else/ >
< a expr:href='data:blog.url + "#" +
data:comment.anchorName' title='comment
permalink' > < data:comment.timestamp/ > < /a >
< /b:if >

Setelah itu simpan template anda, paling lama 14 hari untuk melihat perubahannya di google, semoga ini membawa hasil buat blog anda.

Submit ke 20 Search Engine Terkenal

2010-06-06T00:58:00.000-07:00

Bagi pemula seperti saya perlu melakukan submit blog ke 20 search engine untuk meningkatkan traffic pengunjung blog, apa lagi blog anda yang masih baru, tentu nya ini akan sangat membantu.

Mudah - mudahan setelah anda melakukan submit blog, yang biasanya cuma dapat 10 pengunjung bahkan kurang dalam perhari nya datang ke blog anda,

kini dapat meningkat menjadi 15 bahkan bisa lebih dan akan kedatangan pengunjung dari seluruh penjuru di dunia, yang pasti dunia maya. Pasti anda akan senang jika blog milik pribadi yang kamu buat itu dibanjiri pengunjung tiap harinya, bukan? Saya juga demikian..!

Selain dapat meningkatkan traffic pengunjung, blog anda juga sudah pasti akan lebih dikenal semua orang. Untuk mendaftar ke 20 search engine, anda tidak perlu membuka satu persatu situs search engine cukup membuka satu situs saja, dan situs tersebut lah yang akan mendaftarkan blog anda ke semua mesin pencari, mudah bukan..?

Jika ingin mendaftarkan blog ke 20 search engine secara langsung dan otomatis berikut ini salah satu Free WebSubmission yang saya gunakan. Untuk Submit silahkan anda ikuti langkah- langkah di bawah ini :

Kunjungi situs Free Web Submission DISINI atau Klik Logo Dibawah ini

Kemudian masukkan nama link blog anda dan di kolom bawahnya isi dengan email anda
Tandai tulisan I Agree tersebut yang berada di sebelah kolom url
berikutnya isi nama dan pilih negara
Pilih dan tandai search engine yang anda inginkan
Terakir submit

Setelah itu akan di kirim ke email anda berupa link verification.Buka email anda dan klik link verification tersebut bila sudah berhasil, maka blog akan terdaftar ke search engine yang anda pilih saat mendaftar tadi.

Untuk memastikan bahwa blog anda sudah terindex di beberapa search engine seperti Google, sekaran saatnya melakukan tes di Google.com pencarian, masukan nama atau salah satu judul artikel blog anda di kolom pencarian tersebut, lalu klik Search.

Bila muncul nama blog anda yang di ikuti beberapa judul artikel.Itu artinya blog anda sudah terdaftar atau terindex di Google dengan baik, jika belum ada hasil ya sabar saja dulu.

Yang perlu anda ingat jangan melakukan submit url blog ke 20 search engine terlalu sering. Jika ini anda lakukan setiap hari, maka blog kamu akan dianggap sebagai spam. Bila demikian blog kamu akan di blokir oleh search engine dan tidak akan muncul di pencarian.

Ya, itu sebagian tips dari saya yang masih newbie ini. Semoga ada manfaatnya...!

Daftar ke Google Analytics

2010-06-06T00:21:00.000-07:00

Sebenar nya sudah banyak para master blog yang telah membahas cara mendaftar google analytics dan cara mendaftar google webmasters tools, namun kurang lengkap rasa nya bila belum memuat artike yang berhubungan dengan google biar dapat perhatian dari raja search engine yaitu google, yang ku mau...!

Nah, buat yang belum tahu fungsi dari google analytics bisa ikuti terus artikel nya, alat tesebut berfunsi menampilkan segala macam informasi yang tentu nya berhubungan denang blog anda seperti kata kunci yang dicari untuk menemukan blog anda,dari mana pengunjung datang ke blog anda, berasal dari mana pengunjung anda dari kalimantan apa india, dan berapa lama berada di dalam blog, seperti tamu tak di undang saja.. ya.!

O.k langsung cara mendaftar google analytics khusus buat blogger :

Langkah Pertama

Setup Google Analytics Account

Google Analytics

Klik tombol "Sign Up" dan lanjutkan ke langkah berikutnya yang akan menanyakan Anda untuk
informasi umum Anda. Website URL, Account Name, Negara, dan Zona Waktu. Layar akan terlihat seperti :
Selajut nya lihat pada gambar di bawah ikuti semua petunjuk nya, URL blog anda, Nama depan, Nama belakang, Nomor telepon, dan negara.
Selanjut nya beri centang kotak kecil yang berarti anda menerima persyaratan dan perjanjian pengguna.
Sekarang lihat pada layar berikutnya yang berisi kode dan copy untuk di pasang ke template blog Anda. Silakan klik ke dalam kotak dan secara otomatis akan menyorot seluruh blok kode dan siap untuk di paste.
Setelah Anda klik pada tombol "terus>>" maka anda akan di bawa ke Google Analytics dashboard, anda akan melihat blog anda terdaftar tetapi tidak ada data analytics.
Sampai di sini anda telah berhasil mendaftar Google Analytics. sekarang ke langkah berikutnya untuk menempatkan kode pelacakan ke template
blog anda supaya tedapat laporan blog di Google Analytics.

Langkah Kedua

Sekarang silakan masuk ke account Blogger anda, Tata letak dan Edit HTM.
Cari kode letakan kode anda tadi tepat di atas nya, lebih jelas lihat gambar di bawah :
Langkah terakhir sekarang anda kembali ke Google Analytis untuk melakukan kompirmasi memastikan kode anda telah berfungsi lihat pada gambar, bila setelah anda kompirmasi dan " menunggu data " berati anda telah berhasil

Saya rasa sampai pada gambar terakhir anda sudah mengerti utuk selajut nya untuk melihat perkembangan blog anda..!
Selamat Mencoba..Salam Blogging

Daftar Sitemap ke Google untuk Meningkatkan traffic

2010-06-06T00:14:00.000-07:00

Masih dalam tutorials yang berhubungan dengan google yaitu bagaimana cara kirim sitemap ke google webmasters tools namun sebelum anda bisa mengirim sitemap / peta situs, anda harus sudah mendaftarkan blog dan terverifikasi di google webmasters tools.

Buat yang belum tahu fungsi dari peta situs, kalau para master bilang sitemap...? Jadi menurut saya fungsi sitemap tersebut adalah sebuah hirarkis atau arsitektur model visual dari halaman situs web atau blog, peta situs membantu para pengunjung untuk menemukan dan menavigasi melalui situs blog kita yang telah memiliki banyak artikel atau halaman tanpa harus menjelajahi satu persatu. Bila dalam SEO, sitemap dapat memudahkan laba - laba mesin pencari dalam menelusuri seluruh halaman blog, SEO lagi.. SEO lagi..! He..he.. cuma sedikit ulasan saja.

Langsung cara kirim peta situs ke google webmasters tools

Langkah pertama kunjungi google webmasters tools.
Selanjut nya klik pada URL blog anda yang akan di kirim sitemap nya, makan anda akan di bawa ke dasboard blog tersebut.
Kemudian klik konfigurasi dan pilih peta situs maka akan terlihat seperti gambar di bawah :
Kemudian isi kolom yang depan nya ada URL blog anda dengan feeds situs seperti berikut :

http://www.urlbloganda.com/atom.xml?redirect=false
Feeds di atas yang standar bila artikel atau halaman anda masih di bawah 50
Bila artikel blog anda sudah banyak bisa gunakan seperti di bawah :

http://www.urlbloganda.com/atom.xml?redirect=false&star-index=1&max-results=100
atau

http://www.urlbloganda.com/atom.xml?redirect=false&star-index=1&max-results=200
dan seterus nya....
Bila telah selesai anda isi, klik mengirim peta situs dan selesai saya jamin berhasil.

O.k sudah cukup sampai di situ bila ada yang kurang perbaiki ya..! Supaya lebih lengkap blog anda di google sekalian daftarkan ke google analytics.

Free Logo Maker dan Download Icon Gratis

2010-06-05T19:29:00.000-07:00

Sebuah informasi ringan yang mungkin dibutuhkan oleh sahabat blogger lain, yang ingin membuat tampilan blognya menjadi lebih unik dan menarik dengan memasang sebuah logo karya sendiri.
Banyak sekali situs web yang menyediakan tools ini, salah satu diantaranya yaitu Logo Maker Tool yang Free... alias GRATISSSS....yang beralamat di http://www.logoease.com.

Buat anda yang ingin mencoba, silahkan daftar dulu sebelum membuat sebuah logo, karena itu salah satu syarat yang dia minta. Proses cepat dan tidak rumit. Jika penasaran, coba saja kunjungi http://www.logoease.com.

Ya.. udah sekian dulu posting saya diawal pagi ini.... nanti dilanjut!

eh..sebentar tanggung juga! mungkin informasi ini juga dapat berguna untuk menambah koleksi icon sobat, Berikut ini alamat download icon gratis :

http://icontexto.blogspot.com
contoh iconnya :
http://jwloh.deviantart.com
contoh iconnya :
http://marcelomarfil.deviantart.com
Contoh Iconnya :
http://www.webappers.com
Contoh Iconnya :
http://www.zeusboxstudio.com
Contoh Iconnya :
http://www.vistaicons.com
Contoh Iconnya:
http://itweek.deviantart.com
Contoh Iconnya :
http://lecoupdulapin.deviantart.com
Contoh Iconnya "
http://csscreme.com
Contoh Iconnya :
http://stinky9.deviantart.com
Contoh Iconnya :
Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria.

Pasang Image/Gambar/Icon di Setiap Judul Artikel/Posting

2010-06-05T09:31:00.000-07:00

Image. Kalau berbicara masalah image/gambar, memang sangat seru dan menyenangkan. Dengan adanya image maka blog kita akan tampil lebih menarik untuk di lihat,walaupun tentusaja apabila berlebihan akan berakibat buruk yaitu blog kita akan susah untuk di aksesoleh para pengunjung karena beban kapasitas data yang berlebihan dan bila itu terjadi maka para pengunjung akan menjadi malas untuk berkunjung. Memang segala sesuatu kalau berlebihan akan berakibat tidak baik, jalan keluarnya ya wajar-wajar saja Re....

Ok sobat, biar ga terlalu banyak berimpropisasi, langsung saja pada topik bahasan. topik yang akan kita bicarakan saat ini yaitu memasang image/gambar pada judul artikel. Artikel ini saya buat bagi yang senang akan pernak-pernik gambar,bagi yang tidak senang, ya sebagai pengetahuan saja lah.

Untuk memasang sebuah image pada judul artikel, ada beberapa tahapan yang harus dilakukan, antara lain :

Langkah pertama

disini

Langkah kedua
langkah kedua yaitu sobat harus upload image atau logo tersebut, bisa ke blogger ataupun ke hosting lain. Misalkan biasanya saya menyimpan setiap image yang saya punya di www.Photobucket.com untuk masalah upload gambarpun sudah saya bahas pada postingan yang lalu, kalau mau baca-baca lagi silahkan klik di sini.
Langkah ketiga
langkah ketiga adalah mengatur ukuran dari image tersebut agar sesuai dengan yang di inginkan, karena jika terlalu besar atau terlalu kecil maka tentu saja akan tidak enak dipandang mata. Misalkan saya mempunyai URL image seperti ini :

http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif

tentu saja bila kita memajang image sesuai ukuran image yang aslinya, ini menjadi kurang enak di lihat jika di padukan dengan tulisan judul posting. Untuk mengakalinya kita bisa menambahkan beberapa atribut kedalam kode image tersebut, antara lain atribut width="..." untuk lebar, height="..." untuk tinggi, dan border="..." untuk bingkai, dan dalam hal ini yang dipakai adalah border dengan nilai 0 (nol) agar terhindar dari setting template yang memakai nilai border. Saya ambil contoh kode image tadi jadi seperti ini :

Langkah keempat
langkah keempat yaitu memasukan kode gambar yang sudah kita modifikasi tadi ke dalam kode template blog milik kita. Silahkan ikuti langkah-langkah berikut ini :

Untuk yang memakai template klasik :
- Sign in ke blogger dengan id sobat
- Klik menu Template
- Klik menu Edit HTML
- Copy 'n paste seluruh kode HTML ke dalam notepad, ini dimaksudkan untuk mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template
- Cari kode berikut pada kode HTML sobat :
- Klik tombol Preview untuk melihat perubahan yang dilakukan
- Jika sudah OK, klik tombol Save Settings
- Selesai
 
 Maka setiap sobat posting artikel, secara otomatis image yang kita pasang tadi akan muncul tanpa harus di tuliskan kembali. Untuk contoh nyata silahkan lihat judul postingan ini.
Untuk yang memakai templat baru :
Catatan awal bagi yang memakai template baru yaitu setiap tag yang kita pakai harus selalu di tutup tidak seperti template klasik, contoh kode gambar yang tadi kita pakai adalah :

<img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif" width="45" hight="45" border="0">
kode image tersebut tag nya harus ditutup dengan tag penutup :
</img>
Sehingga kode image jadi bertambah menjadi :

<img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif" width="45" hight="45" border="0"></img>

Untuk memasukan kode gambar yang sudah di tambahi tag penutup tadi, silahkan ikuti langkah berikut :

Sign in ke blogger dengan id sobat
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Full Template
Silahkan save dulu template sobat, ini untuk back up data apabila terjadi kesalahan editting
Beri tanda centang pada kotak disamping tulisan Expand Widget Templates. Sekali lagi jangan lupa beri tanda centang, sebab kalau tidak, nanti tidak akan sesuai dengan langkah selanjutnya
Tunggu beberapa saat sampai proses selesai
Cari kode berikut pada template sobat :

Sisipkan kode gambar yang kita miliki diantara kode :

<a expr:href='data:post.url'> dan kode <data:post.title/></a>

<b:else/>
Sehingga bila di satukan kodenya menjadi :

<a expr:href='data:post.url'> <img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif" width="45" hight="45" border="0"></img>   <data:post.title/></a>

<b:else/>
Klik tombol PREVIEW untuk melihat perubahan
bila sudah OK, klik tombol SAVE TEMPLATE
Selesai

Bagaimana sudah di coba? mudah-mudahan saja berhasil. Selamat mencoba !

Memasang User Online Status 2

2010-06-05T08:55:00.000-07:00

Versi Bahasa Indonesia

Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.

Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.

Ok, biar ga bosan baca intermezo yang terlalu panjang dan garing, langsung saja pada topik bahasan utama.Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari www.Geovisite.com, untuk langkah-langkahnya silahkan ikuti langkah berikut :

Silahkan buka www.geovisite.com
Klik tulisan Register yang berada di bawah gambar Geo counter Flash
Tulis alamat email sobat pada kotak kosong di samping tulisan Email
Tulis address blog milik sobat disamping tulisan URL. Contoh : http://bloggerblogku.blogspot.com
Tulis kata untuk login di samping tulisan Login (4/12). Contoh : amen24
Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy
Pilih waktu yang sesuai dengan daerah sobat disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)
Pilih kategori yang sesuai dengan blog sobat di samping tulisan Category. Contoh : Internet
Pilih bahasa yang sesuai dengan blog sobat di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada, belum di akui bo)
Pilih judul blog sobat disamping tulisan Title. Contoh : Rubrik Elektronik
Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic
Klik tombol yang berlogo disket
Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad
Silahkan close window browser sobat
langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat.
Selesai.

Agar sobat bisa menentukan pilihan mana yang harus di pilih apakah GEOGLOBE, GEOCOUNTER, atau GEOMAP ? Silahkan klik di sini untuk melihat secara nyata gambar dari ketiga pilihan tadi, tunggu beberapa saat,loadingnya lumayan sedikit lama. Kenapa tidak saya cantumkan di sini,alasannya yaitu agar halaman blog ini tidak terlalu berat untuk di akses makanya sengaja saya pisahkan.

Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :

Selamat menikmati tool baru...

Memasang User Online Status

2010-06-05T08:48:00.000-07:00

English Version

How many people is online at your blog? you know that or don't? If you don't know how many people is online at your blog, you can use a free tracker to know it. That is much site provide this service. Once of them is www.histats.com.

If you use them tool, you can know how many people online at your blog, how many people was visited to your blog, and any function. This is once of example :

How to get it? please following the steps :

Please visit www.histats.com.
If you was on the histats site, click Register at the top tab.
Content the form with your information, such as email, password, your blog url and etc.
Click Continue button.
Choose the style of histats counter, click Choose a counter from this category.
Please mark the radio button beside the counter style you wanted.
Click Continue button at the bottom of page.
Click at the drop down menu, choose the category which to display at your counter. the choice is : visitor today, Page views today, User online, Total visitors, and total page views. Choose empty if you want not to display them.
Click Continue button.
Wait a moment, your counter is updating.
Until the process is done, copy your counter code and paste to the Notepad or other text editor. Save into your computer.
Logout and close your internet browser.
Done. Now you has have a counter code to add at your blog.

Next step is add your counter code to your blog, please following the steps :

Login to blogger with your ID.
After entering the dasboard page , click Layout.
Click at Page Element tab. See the picture below :
Click at Add a Page element.
After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :
Open your Counter code, copy and then paste into available column.
Click
Done. Please see the result.

Now you have a Counter, and you will know how many people online at your blog.

If you don't like with this counter, you can get at the other site, this is several site provide the same service :

See you next time at my new tips. Happy blogging.

Mengenal HTML 2

2010-06-05T08:34:00.000-07:00

Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm).

Contoh file : latihan.htm kemudian jalankan dengan internet explorer.

Silahkan tulis kode-kode berikut :

<html>

<head>

<title>latihan</title>

<body>

Tulis apa-apa yang saya terangkan di sini !

</body>

</html>

Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :

Elemen Blok Level

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4

Ini heading 5

Ini heading 6

Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag ......

Contoh :

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7

Hasil yang akan tampil seperti ini :

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7

Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Selamat Mencoba dan Berkreativitas, Mudah-mudahan Posting ini dapat berguna!

Membuat Logo dan Image Button

2010-06-05T08:21:00.000-07:00

Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.

Untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com ada juga Da Button Factory, Silahkan ikuti langkah-langkah berikut ini :

Silahkan buka alamat http://cooltext.com
Lalu klik tulisan Design a Logo
Klik gambar contoh logo yang sobat sukai
Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
Klik tombol yang bertuliskan Render Logo Design
Tunggu beberapa saat ketika proses pembuatan logo berlangsung
Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
Selesai. Sobat sudah mempunyai sebuah logo.

Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

Silahkan buka alamat http://www.photobucket.com,
Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
Silahkan Sign In dengan Id sobat
Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
Klin tombol yang bertuliskan Upload
Tunggu beberapa saat ketika proses upload berlangsung
Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif. Disini sobat harus menambahkan kode <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

Maka contoh hasilnya akan seperti ini :

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya.

Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :

Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo

Masalah yang Sering Timbul Dalam Browser Internet

2010-06-05T08:05:00.000-07:00

Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain.

Saat itu pekerjaan rada dikit, tentunya saya bisa sedikit bersantai ria. Iseng-iseng saya pinjem tuh kompi nya si mba tukang akunting temen saya, mau liat technorati barangkali ada yang nge link baru ke blog saya. setelah di buka ntuh kompi, eh saya lihat ada dua browser dalam ntuh kompi yaitu Internet Explorer plus Mozilla FireFox. Wah nyobain ah pake FireFox, katanya sih lebih cepat dan aman di banding dengan Internet Explorer yakni si FireFox ini lebih kebal terhadap virus-virus semacam Trojan dan teman-temannya.

Aku buka deh langsung ntuh si FireFox, hasilnya lumayan emang rada cepet sih, tapi kayanya rada - rada ada yang beda pada tampilan gambarnya, aku hiraukan saja ga mau mikir panjang-panjang and langsung aja ke www.technorati mau cek yang nge -link ke blog saya. Sesudah di cek, benar saja ada yang pasang link baru tanpa memberi tahu, aku langsung aja di klik ntuh linknya, betapa kagetnya daku saat itu, lho ko gambarnya begini acak-acakan nih blog ada gambarnya yang kepinggir, melorot dan lain sebagai, pokoknya pemandangan yang tidak mengasikan, apa pemilik blog ini ga sadar apa, blognya ancur begitu. Setelah kejadian yang kurang mengenakan tadi, buru-buru deh aku lihat blog ku, takutnya kaya kejadian tadi. Hasilnya sedikit melegakan, wah untung blogku tidak berantakan, cuma ada sedikit perbedaan saja. Karena penasaran, aku tutup tuh si FireFox dan langsung buka browser pake IE, dan aku balik lagi ke blog yang berantakan tadi, dan ternyata hasilnya sungguh mengherankan juga, yang tadinya aku lihat di FireFox sangat berantakan kalo di lihat pake IE sangat tersusun rapi dan menarik.

Itu tadi pengalaman pertama, pengalaman yang kedua, aku pake IE seperti biasa. yah yang namanya blogger musti rajin-rajin blog walking biar banyak temen. ceritanya saya mampir di suatu blog, wah ini blog berantakan banget (menurut saya lho). Trus baca-baca tuh isi blog, eh ada sedikit artikel dari sang pemilik blog itu sendiri, sedikit penggalan isi artikel tersebut kira-kira ada kata-kata begini : Buset deh, kebiasaan pake FireFox pas dilihatdi IE, blog ku ancur begini ya.

Menanggapi dua pengalaman tadi, saya mempunyai kesimpulan bahwa sebaiknya bagi para blogger mempunyai banyak browser internet dalam satu komputer, ini tentunya untuk memaksimalkan hasil dari blog kita, terutama bagi para sobat yang blognya berupa blog untuk bisnis, satu pengunjung ke blog sobat, berati satu peluang untuk mendapatkan keuntungan. Nah jika blog para sobat tidak menarik karena sebab tadi dari perbedaan pemakaian browser, tentunya jangankan mau membaca artikel penawaran bisnis dari sobat baru sampaipun langsung kabur. Ingat, di luar sana ribuan orang atau bahkan jutaan orang memakai browser yang berbeda dengan kita, maka itu tadi sobat harus mempunyai banyak browser pada komputer sobat, minimal dua browser paling terkenal di dunia yakni Internet Explorer dan Mozilla FireFox.

Bagi para sobat pengguna template buatan bukan dari blogger sendiri, coba cek blog sobat, barangkali blog sobat berantakan kalau di lihat di browser lain. Bagi para sobat pecinta program HTML text berjalan <marquee>, hati-hati karena program ini tidak di mengerti oleh FireFox, jadi jika sobat menyimpan text terlalu banyak dalam marquee, jangan-jangan blog sobat jadi melorot atau melebar kesamping karena kelebihan quota space. Bagi yang suka pake kode <blink> untuk mengedipkan hurup buat narik perhatian pengunjung, kode sobat tidak di mengerti oleh IE tapi di mengerti oleh FireFox. Tentunya dari masing-masing Browser ada kelebihan dan kekurangannya, ya pandai-pandailah kita mensiasatinya.

Kalau di baca-baca, kayanya artikel kali ini bukan blog tutorial ya, lebih cenderung ke tips gitu. biarin aja ya, supaya ga bosen baca tutorial terus, cari yang beda gitu. Oke, thanks ya sobat, selamat mendownload FireFox nya.

Membuat Foto dengan efek Animasi

2010-06-05T07:50:00.000-07:00

Dalam kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.

Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :

Silahkan buka situs www.slide.com
Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut
Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)
Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan
Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat
Langkah selanjutnya adalah melakukan pembuatan animasi
Klik style, untuk memilih gaya dari animasi
klik skin, untuk memilih bingkai animasi
klik Size untuk memilih ukuran
Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan
klik tombol Upload untuk melakukan proses upload foto
Jika proses upload selesai, klik tombolSave
Copy kode HTML yang di berikan, lalu paste pada program notepad
Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser
Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog sobat.

Contoh Gambar Animasi :

Ada pula contoh animasi dari http://www.picturetrail.com :

Atau para sobat bisa juga daftar di http://www.flickr.com

Selamat mencoba !

Cara Pasang Statistik dan Tracker

2010-06-05T07:30:00.000-07:00

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker.

Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah 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.

Sekarang bagaimana caranya kita membuat statistik tersebut? 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 lagi
Isi semua tabel yang ada lalu klik tombol Next lagi
Isi lagi tabel yang ada, lalu klik tombol Next lagi
klik tombol Next lagi
klik tombol Next lagi ( cape dech next..next melulu )
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 kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

Sign in di blogger dengan id anda
Klik menu TEMPLATE
Klik Edit HTML
Klik Edit (yang ada 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

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

Untuk blog dengan Template baru :

Login di blogger dengan ID anda
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. kalau tidak, ya kosongkan 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 ( di drag & drop)
Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan
Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN
Selesai

Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....

Selamat mencoba.

Mengenal HTML 1

2010-06-05T07:16:00.000-07:00

Bagi kawan-kawan yang sudah pernah berkunjung ke blog ini, mungkin tahu bahwa hari ini blog ku ada banyak perubahan, yo'i.. yang tadinya sangat anti gambar sekarang tiba-tiba jadi lautan gambar, coba saja lirik kebawah, tadinya banner yang terpasang hanya beberapa buah saja tapi sekarang jadi ngebaris kaya tentara mau berangkat perang.

Yups..tadinya cuma iseng-iseng masukin banner dari teman-teman blog lain, eh keterusan.. ya udah sekarang semua gambar dari feedburner.com aku masukin semua..sekalian biar rame..

Dan mulai hari ini topik bahsan pun akan ada sedikit perubahan, yakni ga cuma ngebahas blog tutorial doank tapi ngebahas juga soal HTML, ini saya lakukan karena ada diantara sahabat saya yang hoby obrak-abrik template blognya tapi masih menemui kesulitan karena masih bingung soal perintah-perintah HTML, ya ngga jauhlah dari saya yang setiap edit HTMl musti inga inga dulu perintah HTML nya ma'lum baru belajar jadi belum pada hapal.

Baiklah sobat, kita kembali ke (laptop) bahasan utama artikel ini yaitu mengenai HTML.

Apa itu HTML ?

HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

Mengenal Tag HTML

Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal ..., ... dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag ... , dapat di timpa oleh tag ... sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :

ini hanya contoh saja sobat

yang akan tampil di browser adalah :

ini hanya contoh saja sobat

di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , , ataupun <input>

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag .... akan sama dengan Tag .....

Struktur dokumen HTML

Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.

HTML
Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

HEAD

Bagian header dari sebuah dokumen HTML diawali oleh tag <HEAD> dan di tutup oleh tag </HEAD>, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini <TITLE> Blog Tutorial </TITLE>, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu <$BlogPageTitle$>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.

Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag <META>, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.

BODY

Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.

Ok sahabat, mungkin pengenalan pertama mengenai HTML di cukupkan sekian dulu dan akan di teruskan pada postingan-postingan selanjutnya

Pasang Buku Tamu di Sidebar

2010-06-05T06:47:00.000-07:00

Memasang sebuah buku tamu (shoutbox/guestbook, C-BOX, dan lain-lain) 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 anda 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 anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda 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, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, 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 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.
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.
Selesai

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

Untuk blogger dengan template klasik :

Log in terlebih dahulu ke blogger.com dengan id anda
Klik menu Template
Klik Edit HTML
Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
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.
Klik tombol Preview untuk melihat perubahan yang kita buat.
Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal 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 : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
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
Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Untuk Memodifikasi Tampilan Buku Tamu anda dapat membacanya diSINI

Membuat Banner Animasi

2010-06-05T06:43:00.000-07:00

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa.
Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.

Contoh banner animasi : gambar diatas!
Selamat Mencoba dan berkreatifitas

Membuat Text Berjalan (efek Marquee)

2010-06-05T04:34:00.000-07:00

Apa itu 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.

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 dari kanan ke kiri
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</MARQUEE>
hasilnya :
marquee dari kanan ke kiri

ganti kata "left" dengan keinginan anda 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>
Hasilnya

marquee menurut perilaku

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

&ltFONT FACE="georgia" color="White">
Contoh marquee dengan variasi hurup dan warna latar belakang :

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 anda 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>
Hasilnya:

silahkan tunjuk ke sini

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://bloggerblogku.blogspot.com" target="new">Blog Tutorial</a> 

<a href="http://andresahan.blogspot.com" target="new">Ruang Blogger</a> 

<a href="http://andresahanblogku.blogspot.com" target="new">Blog Khusus Kode Script</a> 

</marquee>
Hasilnya :

Blog Tutorial

Ruang Blogger

Blog Khusus Kode Script

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

Selamat ber eksperimen

Membuat Efek Refresh di Blog (Redirect)

2010-06-05T04:24:00.000-07:00

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

Simpan kode di atas antara <head> .... </head>

Sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :

Cara posting Artikel di Blogspot

2010-06-05T04:14:00.000-07:00

Bagi anda 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 anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Undo dan Redo, kalau ada pengeditan yang salah kita dapat mengembalikan ke posisi semula dengan perintah undo dan untuk melanjutkan ke posisi pengeditan yang sudah dilakukan pilih redo

--> Untuk Merubah Jenis Font/Huruf yang digunakan (Arial, Courier, dsb)

--> Untuk Merubah Ukuran Huruf (smallest, smal, Normal, Large, Largest)

--> Untuk Menebal kan Huruf

--> Untuk Memiringkan Huruf

--> Huruf Dicoret (~~Seperti Ini~~)

--> Memberi Warna Huruf, Misal Merah

--> Untuk Memberi warna Background Huruf, misal Merah

--> Untuk Membuat Link

--> Untuk Memasukkan Image/Gambar (upload)

--> Untuk Membuat Jump Break (Biasanya untuk perintah readme /baca selengkapnya, dsb)

--> Perintah Perataan Text (Rata Kanan, Kiri, Tengah, sama rata)

--> Untuk memasang Bullet (angka)

--> Untuk Memasang Bullet (bullet/lambang bukan angka)

--> Membuat quote (spasi)

--> Membersihkan format tulisan (kembali ke default)

--> Check Spelling

--> Untuk melihat Preview tulisan

--> Menulis Artikel dalam mode HTML

--> Untuk menulis Artikel/posting dalam standart text biasa.

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Membuat Link 2 - dari Gambar atau Image

2010-06-05T03:29:00.000-07:00

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.
Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar Banner Blog Tutorial di dibawah ini mempunyai alamat URL :

http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

misalkan : gambar diatas akan di link ke alamat :
Blog Tutorial : http://bloggerblogku.blogspot.com/ maka ditulis seperti ini :

(kode dalam satu baris) jika ingin dalam window baru :

atau

Mudah Bukan? Selamat Mencoba!