Membuat Label Animasi pada blogger

Tutorial ini mungkin telah ditulis beberapa master saya yang ada di luar sana. Yang luar sana? dimana? maksud saya yang ada blog mereka masing-masing.

Bagaimana cara membuat Label Animasi itu? 

Perhatikan dan Cermati langkahnya. 

1. Login ke Account Blogger anda
2. Klik Rancangan
3. Klik Edit HTML
4. Klik “download template lengkap” supaya template anda aman.
6. Silakan copy kode di bawah dan paste pada Notepate terlebih dahulu

<b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>

<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values=’data:labels’ var=’label’>
<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’ style=’12′><data:label.name/></a>

</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href=’http://www.roytanck.com/’&gt;Roy Tanck&lt;/a&gt; and &lt;a href=’http://www.bloggerbuster.com’&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;

&lt;/object&gt;
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>

7. Kemudian cari kode yang mirip seperti di bawah ini. untuk mempermudah mencari klik pada keyboard (CTRL+F) dan ketikkan..

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>

8. Setelah ketemu, copy dan pastekan kode yang ada pada Notepate anda tadi dibawah kode diatas.
9. Simpan Template anda.
10. Selesai

NB. Untuk perubahan warna dapat anda rubah sesuai dengan keinginan anda. anda rubah yang berwarna merah.

Jika ingin mengubah lebar pada widget, cari kode “widht” dan ubah sesuai dengan keinginan anda.

Untuk mengubah panjang, silakan anda cari pada kode widget tersebut “height” dan ubah sesuai dengan anda.

sumber

Read more »

Membuat Form Kontak pada Blog

Ingin membuat form kontak email di blogspot yang lebih mudah dan profesional?

——————————————————————–

Ketika kita berkunjung ke sebuah situs profesional penjual product atau jasa, maka disana kita akan menemukan menu contact. Menu “contact” (kontak) tersebut bisa berupa pemberitahuan alamat lengkap situs tersebut baik secara offline ataupun online dengan menyertakan alamat email, tujuannya tentu saja agar pengunjung situs tersebut bisa mencontact atau menghubungi pihak pemilik situs baik dalam rangka pembelian product atau mengirim pesan lainnya.

Dan yang paling memudahkan, kita pun menemukan menu contact yang di dalamnya berisi sebuah form khusus yang tidak hanya menampilkan alamat email yang bisa kita hubungi melainkan form contact yang tinggal kita isi tanpa harus membuka email terlebih dahulu (untuk mengirim pesan). Sangat memudahkan bukan? Bagaimana cara membuatnya di blogger? Nah tips dan tutorial kali ini kita akan membuat form kontak seperti web profesional itu di blogger/blogspot…

Sekedar pemberitahuan, Hakimtea.Com Hakimtea.Blogspot.Com sebenarnya telah menggunakan form contact ini sejak posting perdana disini yang launching pada tanggal 16 Januari 2008 lalu, karena berbagai hal saya tidak hadirkan pada list menu di atas. Namun karena sekarang saya menulis tips ini, maka saya hadirkan kembali form kontak saya di list menu di atas sana. Klik saja menu KONTAK saya di atas untuk melihat contoh contact form…:)

Untuk membuat Contact Form ini kita perlu mendaftar di Bravenet.Com karena bravenet merupakan salah satu yang menyediakan jasa contact form ini, tenang saja its free! Gratisan-Dot-Com ko! . Oke kita langsung saja,

LANGKAH PERTAMA – FIRST STEP (REGISTER/DAFTAR)

• Masuk ke Bravenet, klik disini.
• Klik banner “Get Your Email Forms” (Its Free)
• Kalau belum punya account bravenet Join Bravenet (daftar gratis)
• Isi form pendaftaran yang tersedia.

• Username: *nama yang akan digunakan ketika login nanti*
• First Name: *Nama depan*
• Last Name: *Nama belakang*
• Email: *email yang aktif*
• Confirm email: *tuliskan lagi alamat email yg aktif*
• Password: *ketikan kata sandi, hanya Anda yang tahu*
• Confirm Password: *Ketikan lagi kata sandi, harus sama dengan kata sandi pertama*
• Masukan karakter (kode verifikasi) yang ada.
• Ceklist “I agree to the Bravenet Terms of Service”
• Klik join bravenet.
• Tunggu sebentar, proses pendaftaran tengah dimasukan database bravenet.
• Setelah tampil “Complete Your Bravenet Registration” ada tawaran dari sponshor bravenet, lewati saja, scroll down window ke bawah.
• Klik tombol “Proceed to Member’s Area”
• Registrasi hampir selesai. Anda akan dikirim email validitas (validation).
• Login ke email Anda.
• Cari email dari bravenet dengan title “membernotify – “‎Bravenet Account Confirmation”
• Email bravenet tersebut mengingatkan username dan password yang Anda gunakan untuk login.
• Klik link yang ditunjukkan dibawah kalimat, “Please follow the URL…”
• Tampil windows baru dan ucapan selamat (Congratulations!) Anda telah tergabung menjadi member bravenet.
• Scrol down window dan klik tombol “Continue to Members Area”
• “welcome to your account”

LANGKAH KEDUA – SECOND STEP (MEMBUAT FORM KONTAK)

• Masih di member area bravenet
• Pada list menu pilih dan klik “web tools”
• Pada “Unregistered Services” cari “Email Forms” dan klik. (kalo Anda sama sekali belum menggunakan tools dari bravenet, biasanya email forms berada di list kedua baris kedua dibawah Chat Rooms. Ketemu? Oke klik “Email Forms”
• Klik banner “Get Your Email Forms” (Its Free)
• Cari “I would like a FREE Email Forms Service” Klik tombol “Continue”
• Pada “Start with a template” Pilih “Contact Form” (urutan pertama)
• Keluar kotak dialog, beri nama Form Anda (Kalo tidak diberi nama, bravenet secara otomatis memberi nama “Contact Form” klik Ok jika sudah.
• Selamat Anda telah mendapatkan “Contact Form” Anda pertama dan cukup sederhana. Biasanya contact form tersebut hanya berisi (1) First and Last Name (2) E-mail Address (3) Message.
• Klik “I will edit this form”
• Kita akan menambah pertanyaan (Add a new question), agar ketika pengunjung blog kita telah selesai mengisi contact form dan mengklik submit, mereka di arahkan kembali masuk ke homepage blog kita dan tidak masuk ke homepage bravenet.
• Oke, klik “Add a new Question”
• Pada “Add Question” pilih “Question Type – Thank You URL”
• Masukan URL blog Anda pada form yang disediakan. kalo sudah klik tombol “Add Field”.
• (Question Type – Thank You URL, tidak terlihat pada form Anda karena telah di setting hidden (tersembunyi) oleh bravenet)

Anda bisa mengedit dan menambahi form yang diperlukan, misalnya menambah dengan “Your Blog” dan sebagainya.

Dalam tips ini kita cukupkan dulu sampai disini karena ini hanya sekedar contoh pembuatan Contact Form sederhana, selanjutnya Anda bisa membuat yang lebih dan sesuai keinginan Anda nanti jika tahap latihan pembuatan dan pemasangan form kontak ini telah selesai.

LANGKAH KETIGA – THIRD STEP (MEMASANG FORM KONTAK PADA POSTINGAN)

• Setelah Contact Form di atas selesai dan berisi tiga form isian dengan satu form hidden (nama, email, pesan dan Thank You URL yang tersembunyi dan mengarahkan kembali ke blog kita)
• Klik “It’s perfect, let’s see the code”
• Copy seluruh code html yang ditunjukkan.
• Buat postingan dengan judul “Hubungi saya” atau “Kontak”
• Beri muqodimah, kata-kata sambutan pada postingan Anda, misalkan, “Form kontak ini digunakan bagi Anda yang ingin memesan produk kami bla bla bla…”
• Paste kode html dari bravenet di bawah muqodimah postingan Anda tersebut.
• Simpan/Save postingan Anda.
• Lihat postingan “Kontak” Anda dan silahkan dicoba, diisi dan klik submit!

Selamat Anda sudah mempunyai Contact Form 

Semoga bermanfaat!

Gambar dari http://www.ontologyworks.com/

sumber

Read more »

Meningkatkan kinerja Laptop Kita

1. OC (overclock) sangat membantu kinerja sebuah GPU atau CPU, dan kinerja yang didapat tergantung dari berapa besar kita memperbesar clock GPU, namun OC bisa sangat beresiko pada rusaknya Hardware (GPU) jika dilakukan dengan tidak benar.
pada kasus laptop, resiko lebih besar lagi daripada desktop karena VGA laptop tidak bisa diganti hanya ada beberapa laptop yang bisa ganti VGA dan nggak masuk indo, PLUS vga laptop yang dijual tidak melalui toko melainkan dibeli secara online dan harganya EDDDyyyAN

lebih baik, kalo pernah melakukan di Desktop mungkin bisa lebih aman saat OC laptop.
karena jika belum pernah samasekali lebih baik jangan OC GPU (graphic processing unit)

2. Penambahan Memori
penambahan memori sangat perlu jika laptop ditujukan untuk bermain game, namun ada hal yang perlu diingat yaitu apakah MB laptop bisa meng"HANDLE" memori yang banyak? karena tidak semua laptop bisa support sampe 4gb (sample), jadi sebelum menambahkan memori lihat kemampuan Motherboard Notebook dan Slot yang disediakan dan bit yang digunakan os karena Windows 32bit hanya membaca 3.3-3.5 gb dari 4GB yang terpasang,
lain halnya dengan windows 64bit (xp or vista)
yang suport sampai 128gb!!!

3. OS
game sangat dipengaruhi oleh OS (operating system)
saat ini windows vista memberikan kualitas gambar terbaik dengan Direct X 10nya, namun ini harus ditebus dengan rakusnya Vista memakan resourse Memory dan beratnya directx10 yang berdampak semakin beratnya Game.
jadi siapkan memori yang banyak jika ingin bermain di vista dan ubah direct x10 menjadi Directx9 karena ini sangat membantu melancarkan sebuah game di vista.

XP merupakan teman sejati jika ingin memainkan game2 berat karena XP tidak memakan resource yang banyak dan jelas kinerja semakin tinggi bahkan tidak hanya dalam game namun juga bekerja yang lainya, namun XP hanya support sampai directx9 saja.

4. HARDDISK
mengganti harddisk dengan RPM yang lebih tinggi juga membantu dalam bermain game di laptop
contoh HDD 250GB 5400rpm di ganti Dengan HDD 250gb 7200rpm
namun yang satu ini agak mahal.

5. The Only one ASUS XG station External usb VGA
ok yang satu ini gua juga lagi nunggu2...he,,he,,
soalnya dng alat ini Laptop yang jadul sekalipun bisa berubah menjadi laptop gaming kelas berat!!!!!!huehuehuehue. (jadi ngaco neh)
namun alat in dikabarkan datang dengan banderol harga yang cukup fantastis, sebuah XG station plus Nvida Geforce 8600gt Dihargai 6juta rupiah...wweeeewww.....tapi VGA yang digunakan bisa VGA apasaja asal dari Nvidia dan PCiex tentunya....

6. Bersihkan daleman PC
yang satu ini bisa dibilang sedikit membantu dalam meningkatkan kinerja gaming,
contoh: bersihkan registry yang tak terpakai ato HDD cleanup dsb.

Read more »

Translate bentuk Bendera untuk Blogspot

Salah satu element penting dalam mempermudah pembaca artikel adalah translate, jika pembaca tersebut berasal dari negara lain. disini saya mendapat script dari mbah google untuk menerjemahkan tulisan kita diblog, tapi saya lupa sumbernya dari sapa script itu...bagi yang berminat silahkan ikuti langkah langkah ini

1. login dasboard
2. pilih Tab rancangan
3. pilih Element Laman dan tambah gadget
4. pilih html <javascript>
5. copas aja script dibawah ini 

Read more »

Cara buat Halaman Tukar Link

Cara buat halaman tukar link & banner. Tutorial ini termasuk tutorial dasar. Anda hanya perlu mengetahui beberapa kode HTML, khususnya kode link dan image.

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

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

---

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

---

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

---

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

Link

&lt;a href="http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;nama link&lt;/a&gt;

contoh: nama link

Banner

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

Read more »