bimoweb

talk about web

Mengkostumasi Form pada Plug in TDO Mini Form Secara Manual

Post date Mar 9th, 2008

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

Tagged as: , , ,
Filled in category Belajar web, CSS, PHP, Tutorial, Wordpress
Bookmark and Share

Ingin membaca artikel lewat email ? Masukkan email anda
  

RSS feed | Trackback URI

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

 
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> in your comment.
Search Term
TDO Mini Forms guide, manual tdomf, TDO Mini Form, widget php, TDO VERSI iNDONESIA, TDO mini form, CSS DASAR, iklan baris tdo mini form, manual form, tdomf indonesia, tdo mini form, tdo miniform, lebar form di web, form option pada php, kategori pada tdo mini form, tdo mini form tutorial, tdo mini forms, form text value, TDO mini forms, dasar HTML, form pada html, belajar css, css php, form CSS, buat iklan bari dengan tdo form, artikel tentang html css, belajar dengan CSS, artikel tentang Html CSS, contoh web, contoh wordpress, contoh wordpress blog, belajar script, contoh web dengan wordpress, Tdo Mini Form gratis buat blogger, bagaimana ganti skin wordpress, form css indonesia, wordpress contoh, cara membuat input output pada homepage php, wordpress plugin TDO Mini Forms, ganti template wordpress, dasar css, TDO Mini Forms menggunakan, contoh web BIASA, artikel CSS, artikel css, artikel dasar css, menggunakan TDO, function pada php, contoh script option pada php, line wrap menggunakan PHP, tdo, TDO mini forms free, contoh website wordpress, plugin form wordpress, menggunakan TDO Mini Forms, download tdomf, TDO Mini Forms for blogger, add widget to tdo mini forms, script css web, cara menampilkan form iklan baris, dasar-dasar css, plugin iklan selain tdo miniform, teknologi web CSS, style css, script css, kumpulan script css, cara membuat iklan baris dengan tdo mini form, plug in tdo-mini-form, wordpress plug in TDOMF, tdomf manual, memodifikasi TDO Mini Form for wordpress, widget formulir wordpress, Warna untuk css php, contohnya artikel, tdo form, penjelasan TDO mini form, dasar html dan css, belajar css php, wordpress form plugin,