Pasang Chicklet dan Readonly Textarea Untuk Wordpress Dengan Auto Select All on Mouse Click

Setelah saya bereksplorasi dengan Blog Wordpress saya di Get Dollar, akhirnya saya menemukan cara tersendiri untuk membuat text area dengan auto select on mouse click, jadi demikian langkah-langkahnya :

1. Masuk ke account Wordpress anda.
2. Kemudian pilih "appearance" lalu pilih "widgets".
3. Setelah itu tambahkan widgets baru yang bertipe "Text"
4. Kemudian beri judul untuk widgets tersebut.
5. Lalu berikan kode sebagai berikut :

<div class="textwidget"><center/><a href="http://"ALAMAT URL BLOG ANDA"><img src="http://"LINK GAMBAR CHICKLET ANDA"></a><br /> Copy code below to Your Blog: <textarea name="code" rows="4" cols="16" onclick="javascript:select();" readonly="readonly"><a href="http://ALAMAT URL BLOG ANDA" target="_blank" alt="NAMA BLOG ANDA" rel="dofollow"><<img src="http://LINK GAMBAR CHICKLET ANDA"></a></textarea> </div>

6. Ganti "ALAMAT URL BLOG ANDA dengan alamat blog Anda sendiri.
7. Ganti LINK GAMBAR CHICKLET ANDA dengan link chicklet yang telah Anda Upload di Photobucket atau Imageshack.
8. Ganti "Copy code below to your blog :" dengan text yang Anda inginkan.
9. Ganti rows="4" dengan jumlah rows yang sesuai dengan ukuran sidebar Anda
10. Ganti cols="16" dengan jumlah kolom yang sesuai dengan ukuran sidebar Anda.
11. Ganti "ALAMAT URL BLOG ANDA dengan alamat blog Anda sendiri.
12. Ganti LINK GAMBAR CHICKLET ANDA dengan link chicklet yang telah Anda Upload di Photobucket atau Imageshack.
13. Lihat hasilnya seperti pada Get Dollar.

Jika cara tersebut masih gagal, tinggalkan komentar kegagalannya dikolom komentar posting ini.
Dan jika Anda masih bingung dengan cara ini, silahkan lihat di Situs Pembelajar untuk cara lainnya.
Selamat mencoba dan happy blogging!

Baca Selengkapnya »»

Chicklet Blogroll

Pada post kali ini, saya akan memberikan tempat bagi pemilik chicklet untuk meningglkan komentar beserta alamat URL blognya agar dapat dikunjungi dan dapat diambil kode chickletnya.
Jadi silahkan tinggalkan komentar dan URL blog anda.
Chicklet dibawah ini diambil dari Situs Pembelajar.

Baca Selengkapnya »»

Cara Upload Chicklet Dengan Read Only Text Area Dan Tombol Select All

Pada post kali ini, kami akan menjelaskan cara upload chicklet yang sudah anda buat dengan memberi script text area dan tombol select all.

Langkah-langkahnya adalah :

1. Upload chicklet Anda ke Photobucket atau Imageshack, dan berbagai image hosting lainnya.

2. Jika Anda tidak ingin kesulitan dalam mengupload chicklet Anda pada image hosting, silahkan upload chicklet Anda ke blog Anda ke blog Anda sendiri seperti ini
, kemudian beri hyperlink gambar chicklet Anda dengan alamat blog Anda seperti chicklet diatas yang telah diberi hyperlink.
3. Setelah gambar chicklet ter-upload, mulailah membuat widget baru untuk chicklet Anda tersebut.
4. Pilih "Tata Letak", kemudian klik "Tambahkan Gadget" lalu piih gadget "HTML/Java Script".
5.Kemudian beri script seperti ini :

<center/><a alt="NAMA BLOG ANDA" href="http://ALAMAT BLOG ANDA/" rel="dofollow"><img src="http://LINK CHICKLET ANDA"/></a><br/>

6. Script diatas akan menampilkan gambar chicklet anda berserta hyperlink ke blog anda.
7. Kemudian beri script ini untuk menampilkan tombol select all dan read only text area untuk chicklet anda :

<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/> </div><div align="center"></div><p align="center"><textarea rows="20" cols="20" style="WIDTH: 190px; HEIGHT: 100px" name="txt" readonly="readonly" wrap="VIRTUAL"><a alt="NAMA BLOG ANDA" href="http://ALAMAT BLOG ANDA/" rel="dofollow"><img src="http://LINK CHICKLET ANDA"/></a></textarea></p></form></div></center>
</div>

8. Ganti NAMA BLOG dengan nama blog Anda sendiri
9. Ganti ALAMAT BLOG ANDA dengan alamat URL blog anda sendiri
10. Ganti LINK CHICKLET ANDA dengan alamat URL chicklet anda yang telah anda dapat dari Photobucket atau Imageshack.
(Jika anda mengupload chicklet Anda pada blog anda sendiri, maka klik kanan pada gambar chicklet Anda, kemudian pilih "Properties" lalu pada kolom "Image Properties" copy paste link gambar chicklet Anda pada LINK CHICKLET ANDA)
11. value="Select All" dapat Anda ganti Select All dengan text yang Anda inginkan pada tombol select all (misalnya Anda ganti menjadi "Copy All")
12. rows="20" berfungsi mengatur banyaknya rows yang akan ditampilkan, Anda dapat mengganti 20 dengan jumlah yang Anda inginkan.
13. cols="20" berfungsi untuk mengatur banyaknya kolom pada text area yang akan ditampilkan, Anda dapat mengganti 20 sesuai dengan kebutuhan Anda.
14. "WIDTH: 190px berfungsi mengatur lebar text area yang akan ditampilkan, Anda dapat merubah 190px dengan jumlah yang sesuai dengan kolom sidebar anda.
15. HEIGHT: 100px berfungsi untuk mengatur panjang text area yang akan ditampilkan, Anda dapat merubah 100px dengan jumlah yang Anda inginkan.
16. Ganti NAMA BLOG dengan nama blog Anda sendiri
17. Ganti ALAMAT BLOG ANDA dengan alamat URL blog anda sendiri
18. 10. Ganti LINK CHICKLET ANDA dengan alamat URL chicklet anda yang telah anda dapat dari Photobucket atau Imageshack. (seperti pada nomor 10)
19. Dan hasilnya akan terlihat seperti pada sidebar blog ini.
20. Silahkan mencoba, dan jika gagal tinggalkan komentar kegagalannya, terima kasih.

Baca Selengkapnya »»

Membuat Chicklet Untuk Blog

Chicklet adalah link yang berupa gambar, dengan chicklet SEO akan lebih bersahabat dengan blog Anda, dan hal itu juga dapat meningkatkan Page Rank blog Anda.
Pada posting kali ini saya akan menjelaskan cara membuat chicklet untuk blog dengan menggunakan GIMP 2.6 Image Manipulation Program.
Jika anda belum memiliki GIMP 2.6, anda bisa mendownloadnya disini atau disini.

Langkah-langkahnya sebagai berikut :

1. Jalankan GIMP 2.6 Image Manipulation Program pada PC anda.
2. Buat gambar baru dengan ukuran 78*13 pixel. (lihat gambar dibawah ini)

3. Setelah gambar berhasil dibuat, besarkan ukuran tapilan gambar dengan klik "zoom" menjadi 400%. (lihat gambar dibawah ini)

4. Setelah berhasil diperbesar, hilangkan garis tepi pada layer dengan klik "view" kemudian pilih "show layer boundary" dan hilangkan tanda centang pada option tersebut. (lihat gambar dibawah ini)
5. Kemudian pilih area yang akan dibuat untuk text dan warna pada chicklet dengan klik pada "rectangle select tool" pada Toolbox. (lihat gambar dibawah ini)

6. Lalu isi area yang telah dipilih dengan warna yang Anda inginkan dengan menggunakan "paint bucket tool" pada Toolbox. (lihat gambar dibawah ini)


7. Setelah itu isi area yang telah dipilih dan diwarna dengan text yang Anda inginkan dengan menggunakan "text tool" pada Toolbox. (lihat gambar dibawah ini)

8. Setelah Anda mengisi area tersebut dengan text Anda, kembalikan gambar anda ke layer background dengan cara klik pada "layers dialog" kemudian pilih layer "background". (lihat gambar dibawah ini)
9. Kemudian hilangkan area yang telah dipih dengan menekan tombol "Shift+CTRL+A"
10. Kemudian pilih area yang masih kosong dengan menggunakan "rectangle select tool" pada Toolbox (lihat gambar dibawah ini)

11. Setelah area yang kosong telah dipilih, isi area tersebut dengan text yang Anda inginkan dengan klik pada "text tool" pada Toolbox. (lihat gambar dibawah ini)

12. Setelah Anda mengisi area yang kosong tersebut dengan text yang Anda inginkan, hilangkan piliha area tersebut dengan menekan tombol "Shift+CTRL+A"
13. Kemudian pilih lagi area yang telah diberi warna dengan "rectangle select tool" pada Toolbox.
14. Lalu buat efek 3D pada chicklet Anda dengan menggunakan "blend tool" pada Toolbox. (lihat gambar dibawah ini)


15. Setelah Anda memilih "blend tool", pilih tipe gradien menjadi "FG to Transparent". (lihat gambar dibawah ini)

16. Lalu rubah foreground colour menjadi warna putih.
17. Setelah Anda merubah warna foreground menjadi putih, mulailah membuat gradien dengan cara menarik garis dengan pointer mouse dari sisi atas hingga pada sisi area yang telah diberi warna. (lihat gamabar dibawah ini)

18. Setelah Anda dapat membuat efek 3D, hilangkan area yang telah dipih dengan menekan tombol "Shift+CTRL+A"
19. Dan kemudian tambahkan border pada chicklet Anda dengan memilih "filters" kemudian pilh "decor" lalu "add border". (lihat gambar dibawah ini)

20. Lalu rubah ukuran X menjadi 1 dan Y menjadi 1, kemudian pilih warna yang paling dominan pada chicklet Anda untuk dijadikan border. (lihat gambar dibawah ini)

21. Selesai, kini Anda dapat mempublikasikannya dengan Photobucket atau Imageshack.

Baca Selengkapnya »»