March 9, 2008 at 12:48 pm

Mengkostumasi Form pada Plug in TDO Mini Form Secara Manual

Anda sudah mengetahui plug in TDO mini form? wordpress plug in ini berguna untuk memposting artikel tanpa harus login terlebih dahulu, pengunjung bisa langsung menambahkan artikel. Saya sebelumnya pernah menulis pemanfaatan plug ini untuk membangun situs iklan baris. Artikel ini banyak mendapat tanggapan, dan ada beberapa teman menanyakan kepada saya melalui YM, bagaimana cara mengatur lebar dari form dari TDO mini form agar sesuai dengan template wordpress yang digunakan. Contohnya seperti pada situs iklan baris ini. Nah sekarang akan saya jawab bagaimana cara mengkostumasi form dari TDO mini form tersebut. simak terus bos

Secara umum, untuk mengkostumasi atau memodifikasi lebar form TDO mini form, anda harus masuk ke dalam plug in nya langsung. Karena tidak ada option untuk ini, mungkin ada, tetapi hanya bagian-bagian tertentu saja. Untuk bagian widget tags tidak bisa dimodifikasi. Saya sarankan untuk memodifikasi plug in ini, jangan dilakukan pada server online anda, kenapa? saya jamin anda akan merasa bete dengan koneksi internet anda, kecuali 1 ISP anda pakai sendirian ditambah dengan kerumitan interface file manager dari cpanel. Ya, ini cuma saran saja kok.

Widget dari TDO mini form terdapat pada folder
tdo-mini-form/widgets/

Di folder inilah terdapat file-file yang berhubungan dengan widget tersebut. File-file tersebut adalah :

  • tdomf-customfield-widget.php
  • tdomf-1qcaptcha-widget.php
  • tdomf-categories-widget.php
  • tdomf-imagecaptcha-widget.php
  • tdomf-getcat-widget.php
  • tdomf-iagree-widget.php
  • tdomf-tags-widget.php
  • tdomf-text-widget.php

Terdapat 8 file yang berhubungan dengan widget. Untuk bisa mengedit widget ini Anda harus mengerti tentang PHP dan HTML, tidak banyak kok yang harus dipelajari, hanya sintak dasarnya saja, untuk belajar PHP. Misalkan untuk mengedit lebar input text widget, bisa mengedit tdomf-tags-widget.php pada bagian berikut ini

1
2
3
4
5
6
7
8
9
10
function tdomf_widget_tags($args) {
extract($args);
$output = $before_widget;
$output .= '<label for="tags" >';
$output .= __("Tags (separate multiple tags with commas: cats, pet food, dogs):","tdomf");
$output .= '<br/><input type="textfield" id="tags" name="tags" size="60" value="'.htmlentities($tags,ENT_QUOTES).'" />';
$output .= '</label>';
$output .= $after_widget;
return $output;
}

untuk mengedit text widget bisa melihat bagian ini

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="wrap">
<form method="post">
<h2><?php _e("Text Widgets","tdomf"); ?></h2>
<p style="line-height: 30px;"><?php _e("How many text widgets would you like?","tdomf"); ?>
<select id="tdomf-widget-text-number" name="tdomf-widget-text-number" value="<?php echo $count; ?>">
<?php for($i = 1; $i < 10; $i++) { ?>
<option value="<?php echo $i; ?>" <?php if($i == $count) { ?> selected="selected" <?php } ?>><?php echo $i; ?></option>
<?php } ?>
</select>
<span class="submit">
<input type="submit" value="<?php _e("Save","tdomf"); ?>" id="tdomf-widget-text-number-submit" name="tdomf-widget-text-number-submit" />
</span>
</p>
</form>
</div>

Untuk mengedit widget kategori bisa melihat kode berikut ini:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="wrap">
<form method="post">
<h2><?php _e("Categories Widgets","tdomf"); ?></h2>
<p style="line-height: 30px;"><?php _e("How many Categories widgets would you like?","tdomf"); ?>
<select id="tdomf-widget-categories-number" name="tdomf-widget-categories-number" value="<?php echo $count; ?>">
<?php for($i = 1; $i < 10; $i++) { ?>
<option value="<?php echo $i; ?>" <?php if($i == $count) { ?> selected="selected" <?php } ?>><?php echo $i; ?></option>
<?php } ?>
</select>
<span class="submit">
<input type="submit" value="Save" id="tdomf-widget-categories-number-submit" name="tdomf-widget-categories-number-submit" />
</span>
</p>
</form>
</div>

Anda bisa mempelajari kode-kode tersebut sesuia dengan kebutuhan anda, misalkan untuk mengganti warna, tinggal diubah pakai CSS, asal tahu tentang dasar dari CSS, PHP dan HTML pasti bisa kok. Saran saya lagi, editlah bagian yang anda ketahui saja, jika tidak maka bisa saja plug in anda malah menjadi rusak.

P.S : saya menggunakan TDO mini form versi 0.94, sekarang sudah ada yang baru, versi 0.10, silahkan dirampok

Related Post

RSS feed | Trackback URI

16 Comments »

Comment by jxi
2008-03-09 14:42:50

ok.. makasi penjelasan nya..
langsung praktek..
pantes gag ada efek na pas obrak-abrik tuh plugin..
gag tau na ada 8 file yg mesti di ubah..
hahaha….

 
Comment by dojimonster
2008-03-10 00:35:36

wah seru nih..kebetulan saya lagi belajar ngotak-ngatik wordpress. thx bro…..thx juga dah mampir

 
Comment by bungcip
2008-03-10 12:04:12

Wah, info yang berguna mas. Saya saat ini lagi belajar cara membuat plugin di wordpress.

NB: Kalau bisa script php diatas dikasih warna-warni(syntax highlighting) biar enak dibaca.

 
Comment by jxi
2008-03-10 15:08:52

ada plugin tambahan gag buat iklan baris selain ini?
mohon bimbingannya…

 
Comment by draker
2008-03-12 10:55:58

Pada waktu pilih permalnk selain default, tdomf selalu error pada waktu post. Tapi utk comment selalu baik bekerjanya.
Apa yg mungkin perlu ditambah atau diubah pada settingannya mas.

 
Comment by maslis
2008-07-03 06:55:10

Gimana ya mas saya sudah pake plugin tdo mini form, yang jadi masalah saya tidak bisa menampilkan form web page untuk di tampilkan di akhir posting dalam bentuk link, mohon bantuannya

 
Comment by Wawa
2008-08-13 10:31:42

Makasih yah mas…

 
Comment by suro agung
2008-09-03 04:32:53

klo mau nambahkan widget kategori gimana ya? dari widget-nya tdo kok gak ada?

thx.

 
Comment by kelik
2008-12-17 13:00:05

terima kasih… semoga Tuhan selalu memberi ilmu pada Anda lebih lagi……. menjadi tambah pinter banget….

 
Comment by Bimo Hery Prabowo
2008-12-17 13:16:35

amin… makasih ya…

 
Comment by bangipung
2009-01-01 13:52:49

bang bimo, ada nggak plugin untuk tebak skor sepakbola ?

 
Comment by Bimo Hery Prabowo
2009-01-02 00:39:29

wadauh plugin nya aneh banget… aku nggak punya itu

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped=""> in your comment.

Trackback responses to this post