Pasang Label Bentuk Animasi di Blog

Agar menarik, coba arahkan mouse komputer anda pada tulian di dalam gambar di samping! bagus tidak? kemarin lusa ada yang minta di buatkan tutorial tentang bagaimana membuat widget label / kategori dalam bentuk animasi flash seperti gambar di samping. Widget tersebut biasa di gunakan oleh pengguna mesin wordpress, namun jika anda sebagai pengguna mesin blogger ingin memasang widget tersebut, anda bisa melakukannya.

Anda tertarik juga untuk memasang widget ini? berikut adalah langkah-langkahnya :

# Login ke blogger dengan ID anda.
# Klik Tata Letak.
# KLik tab Edit HTML.
# Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
# Cari kode yang mirip dengan kode di bawah ini :

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

Copy lalu paste kode di bawah ini di bawah kode yang tadi ;

6.



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

Klik tombol SIMPA TEMPLATE
8.

Selesai.



Seharusnya dengan langkah di atas, anda sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, misal :



Untuk mengubah lebar widget :

width="250"

Nilai "250" adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300



Untuk mengubah tinggi widget :

height="200"

Nilai "200" adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250



Untuk mengubah warna background ":

&lt;param name="bgcolor" value="#ffffff" /&gt;

Tulisan "ffffff" adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah "000000"



Untuk mengubah warna tulisan ":

&lt;param name="flashvars" value="tcolor=0x000000&amp;

Tulisan "000000" adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah "ffffff"

Dan jika anda mengerti lebih banyak, anda bisa mengubah yang lain- lainnya pula.

Selamat mencoba!

Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan
Selengkapnya...

Cara membuat Contact form / Kontak Kami

Sebelum anda memasang kontak form di blog, ada baiknya mempertimbangkan baik dan buruknya terlebih dahulu. Salah satu kebaikan atau kelebihan dari mamasang fasilitas kontak form yaitu mempermudah pengunjung untuk mengirimkan pesan ke anda. Lalu kekukarangan atau keburukannya yaitu karena sangat mudahnya orang mengirimkan pesan, maka anda harus bersiap-siap kebanjiran email di inbox anda dan tentunya anda harus meluangkan waktu untuk membalasnya, betul tidaaakk? dan sekaian saja Rafly mohon maaf kepada pengirim email yang belum sempat Rafly balas, karena banyak sekali email yang masuk sehingga belum sempat Rafly jawab semuanya.

Dimanakah kita bisa mendapatkan kontak form? di luar sana banyak sekali website yang menyediakan fasilitas ini, selain yang berbayar ada juga yang gratisan. Dan Rafly sebagai peramal masa depan sudah tahu isi kepala anda, pasti ingin tahu yang gratisan bukan? o’o….. kamu ketauan… suka gratisan… karna dirimu sama dengan aku . Web penyedia kotak form secara gratisan antara lain http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com dan banyak lagi yang lainnya.

Kontak form yang Rafly pergunakan adalah kontak form dari http://www.emailmeform.com, dan agar seragam maka tutorial yang akan Rafly terangkan adalah tentunya dari web ini. Masih ingin lanjut? berikut adalah langkah-langkah membuat sebuah kontak form :

1. Silahkan kunjungi situs http://www.emailmeform.com.
2. Arahkan pandangan anda ke sebelah kanan atas monitor.
3. Klik pada tulisan Sign up for free.
4. Isilah form yang ada dengan data diri anda :



First Name : » isi dengan nama depan anda. Misal : muhammad.

Last Name : » isi dengan nama belakang anda. Misal : Rafly.

Username : » isi dengan username yang di inginkan. Misal : pepelagoon.

Password : » isi dengan kata kunci yang di inginkan. Misal : relepaduk.

Retype Password : » isi dengan kata kunci yang tadi di isikan. Misal : relepaduk.

Your Email : » isi dengan alamat email anda. Misal : pepelagoon@yahoo.com.


5.

Klik tombol Sign up.
6.

Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.
7.

Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.
8.

klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.
9.

Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.
10.

Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.
11.

Ada beberapa form yang perlu di sisi :



Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.


12.

Klik tombol next yang ada di sebelah kanan.
13.

Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.
14.

Klik tombol next yang ada di sebelah kanan.
15.

Klik tombol next lagi.
16.

Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.
17.

Klik tombol next lagi.
18.

Klik tombol next lagi.
19.

Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.
20.

Klik tombol Finish.
21.

Klik tulisan Get the HTML codes.
22.

Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya.
23.

Selesai.





Untuk membuat sebuah halaman kontak kami, anda tinggal membuat sebuah postingan seperti biasa. Untuk memasukan kode yang tadi di dapat dari EmailMeForm, anda pindah dulu dari menu compose ke Edit HTML lalu paste di situ. publish dech. Beres.



Selamat berbingung ria bagi yang masih bingung.

Selengkapnya...