Rabu, 10 Desember 2008

Free Tool – CSS Tab Designer

Jika pada posting sebelumnya saya berbagi informasi tentang download tool CSS Menu Generator, maka kali ini pun akan berbagi informasi tentang tool yang masih berhubungan dengan CSS Tab Menu. Tool yang satu ini di beri nama CSS Tab Designer. Fungsi dari CSS Tab Designer boleh di katakan sama dengan CSS menu Generator, namun apabila boleh membandingkan antara kedua tool ini menurut kang Rohman Sendiri lebih OK CSS Tab Designer karena menghasilkan Menu CSS yang sangat elegan dan terkesan Profesional.

cssTabDesigner vertical-tabs

 

 

th_csstab2-1 th_csstab2-2

 

Dengan tool ini anda bisa membuat Horizontal Tab Menu ataupun Vertical Tab Menu dengan sangat mudah.

Untuk mendapatkan tool ini anda tidak harus merogoh kocek anda, cukup download dan nikmati CSS Tab Menu yang profesional untuk web atau blog anda. Yang tertarik silahkan download di sini ;

 

http://www.highdots.com/css-tab-designer

 

Selamat berdownload ria! dan nikmati indahnya berbagi.

Selasa, 09 Desember 2008

Free Tool – CSS Menu Generator

Ada info menarik untuk anda pecinta CSS tab menu namun sangat merasa kesulitan membuatnya. kini anda tidak usah berbingung ria memikirkan coding sangat rumit karena ada tool yang sangat user friedly namun powerfull yang bisa anda gunakan. Tool ini bernama CSS Menu generator, dengan CSS Menu Generator anda dapat menciptakan sebuah Tab Menu baik itu Tab Menu Horizontal, Tab Menu Vertikal, ataupun Tab menu Dropdown. dengan sangat mudah.  Anda tidak perlu lagi berpusing ria dengan coding CSS ataupun kode warna, karena semua disediakan dengan mudah secara visual.

Berikut tampilan depan dari CSS Menu Generator ;

CssMenu

Berapa harga dari tool yang sangat berguna ini? ini dia yang membuat kita lebih berbahagia, CSS Menu Menerator bisa anda download secara gratis. Tidak percaya? harus percaya donk, masa percaya sih. penasaran? download saja sendiri! disini nih ;

http://wonderwebware.com/css-menu/download.html

Selamat menikmati CSS Menu Generator nya!

Senin, 08 Desember 2008

WordPress Plug in – PHP Contact Form v.2.0WP

wordpress Hallo Pembaca, Selain menggunakan mesin blogger sebagai sarana blogging, apakah anda menggunakan mesin WordPress juga? Jika jawabannya “Ya” maka saya mempunyai info menarik seputar WordPress. Namun ini tidak berlaku untuk yang membuat blog di wordpress.com akan tetapi untuk wordpress yang memakai hosting sendiri.

Info tersebut adalah tentang sebuah plug in yang sangat menarik yaitu PHP Contact Form v.2.0WP, dengan PHP Contact Form v.2.0WP anda bisa memasang sebuah Contact Form yang cantik dan sangat beguna. Untuk melihat contoh hasil dari plug in PHP Contact Form v.2.0WP bisa anda lihat dari blog saya yang menggunakan mesin wordpress, silahkan kunjungi :

http://kangrohman.com/contact/

Tolong jangan melakukan test karena Contact Form tersebut memang bekerja dengan baik.

Kabar yang tidak kalah menarik lainnya yaitu PHP Contact Form v.2.0WP bisa anda download secara gratis. Tidak sabar untuk segera mendownload plug in PHP Contact Form v.2.0WP, silahkan anda kunjungi langsung situsnya :

http://green-beast.com/blog/?page_id=136#df

Selamat menikmati Contact Form baru anda.

Hot Ringtones Download

If you love music very much, I believe you can not pass a day without listening to music. You always follow the latest information and the latest hits on the top billboard. You always know the newest gossip about your favorite artist and the newest song of the month. You always want to the first to know the new song, which is including ringtones. If you also love to know the latest ringtone, you can visit worldringtones.com.

This website have a wide selection of ringtones, you'll be love it. You can look and download the entire song that you want here. This is the right place to get Ringtones Download, wallpaper, and games from your cell phone. You can get new hot ringtones in the website. For you people who live in Australia, you can also get your favorite ringtones here.

Looking for Java games? This website has the collection, only for you. This is the perfect place that you really need to know when you want to make a ringtones for your cell phones. Check also the latest wallpaper from famous games and movies in this website. You will love it. You can also check the oldest song, if you like in this website. So, check it out now!

Sabtu, 06 Desember 2008

Form Kontak Kami Punyaku Ko Melorot Yah?

Dulu kang rohman pernah posting tentang cara membuat form kontak kami, yang berminat untuk membaca posting tersebut silahkan baca di “Cara Membuat Kontak form”. Namun dari begitu banyaknya blogger yang mempraktekan, ternyata banyak juga yang mempunyai kendala. Kendala yang banyak di alami yaitu ketika form kontak kami tersebut di posting, ternyata hasilnya tidak sebagus seperti “ form kontak Kami “ yang kang Rohman miliki, bentuknya melorot ke bawah sehingga tidak enak untuk di lihat, lalu di mana letak permasalahannya? ayo kita telusuri bersama!

Menurut hemat kang Rohman ( padahal hemat itu kan pangkal kaya yah Big Grin ), pangkal permasalahannya adalah pada menu pengaturan (Setting) blog anda. Coba anda login ke blogger lalu klik » Pengaturan » Format » kemudian alihkan perhatian anda ke bagian bawah dan lihat tulisan Konversi ganti garis. Apakah anda memilih “Ya” atau “Tidak”?

 

gantigaris_02

 

Jika pilihannya adalah “Ya” maka itulah yang menyebabkan form Kontak Kami milik anda menjadi melorot. Pilihan ini berarti setiap anda menyimpan apapun secara pindah garis, maka akan di tampilkan ganti garis pula (kode HTMl pada dasarnya tidak mengenal ganti garis walaupun tulisan yang kita tulis jauh di bawah, kecuali di tambah kode <br/> atau <p></P>). Bagaimana solusi untuk mengatasi masalah ini. Berikut adalah beberapa solusi yang bisa anda anda coba.

 

  • Ubah Pengaturan Konversi ganti baris menjadi “Tidak”

Cara mengubah pengaturan konversi ganti garis sangatlah gampang : Login » Pengaturan » Format » Konversi ganti garis » pilih “Tidak” » SIMPAN SETELAN » Selesai. Akan tetapi langkah ini mempunyai konsekuensi yaitu posting anda yang sudah ada akan terlihat tidak rapi karena terlihat menumpuk tidak ada paragrap. Makanya untuk langkah pertama ini, kang Rohman kurang menyarankan untuk di lakukan.

 

  • Posting kode Form kontak kami secara menumpuk

Jika anda kurang nyaman dengan langkah pertama, maka anda bisa mencoba langkah ini yaitu memposting kode Form kontak kami secara menumpuk. Misalkan kode form kontak yang anda dapatkan seperti ini :

 

<form method="post" action=”http://www.emailmeform.com/fid.php?formid=1231212” enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb">
<tr>
<td>
<font face="Georgia" size="2" color="#000000"></font>
<div style="" id="mainmsg"> </div>


</td>
</tr>
</table>

<br>

<table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb">

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>


<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>


</tr>      

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="50" rows="10"></textarea><br> </td>
</tr>

<tr>
<td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%">
<tr bgcolor="#eeeceb">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>


</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font> <br><input type="text" name="Turing" value="" maxlength="100" size="10">
[ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]
</td>
</tr>
</table>


</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Kirim email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>


</table>                      

</form>






 



Maka sebelum mempostingnya anda harus mengedit kode tersebut secara menumpuk (jangan ada pindah garis ke bawah) seperti ini :



 



<form method="post" action="http://www.emailmeform.com/fid.php?formid=121212" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb"><tr><td><font face="Georgia" size="2" color="#000000"></font><div style="" id="mainmsg"></div></td></tr></table><br><table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb"><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td><td><input type="text" name="FieldData0" value="" maxlength="100" size="30"></td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td><td><input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td><td><input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td><td><textarea name="FieldData3" cols="50" rows="10"></textarea><br></td></tr><tr><td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%"><tr bgcolor="#eeeceb"><td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td><td valign="top"><font color="#000000">Please enter the text from the image</font><br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]</td></tr></table></td></tr><tr><td></td><td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Kirim email" name="Submit"><input type="reset" class="btn" value="  Clear  " name="Clear"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form>


 



Dan jangan lupa pada saat posting harus dalam modus Edit HTML bukan modus Compose.



 



html



 




  • Buat link langsung ke alamat sumber skrip form kontak kami milik anda



Jika anda mengalami kesulitan memposting form kontak kami, maka kang Rohman menyarankan untuk tidak mempostingnya di blog, namun cukup membuatkan link biasa ke alamat sumber form kontak kami. Sebagai contoh alamat sumber pada kode di atas adalah seperti ini :



 



http://www.emailmeform.com/fid.php?formid=121212

























 



Anda tinggal membuatkan link seperti biasa seperti ini :



 



<a href="http://www.emailmeform.com/fid.php?formid=121212”>Kontak Kami <a/>



 



Atau anda bisa menyimpan pada kode navbar anda, misal seperti ini :



 



<div id='nav'>
<ul>
<li><a href='http://kolom-tutorial.blogspot.com/'>home</a></li>
<li><a href='http://rubrik-elektronik.blogspot.com/' rel='nofollow'>Rubrik Elektronik </a></li>
<li><a href='http://blogtemplate4u.com/' rel='nofollow'>Free Template</a></li>
<li><a href='http://www.blogspottutorial.com' rel='nofollow'>Blog Tutorial</a></li>


<li><a href='http://www.resepbisnis.com/?id=rohman'>Belajar Web</a></li>
<li><a href='http://www.kursus-online.com/?id=rohman'>Kursus Online</a></li>
<li><a href='http://www.emailmeform.com/fid.php?formid=121212'>Kontak Kami</a></li>
</ul>
</div>


















Tentang membuat link pernah kang Rohman bahas disini atau di sini. jika tentang cara membuat navbar pernah di bahas di sini.







 



Mudah-mudahan anda tidak mempunyai keluhan lagi tentang form Kontak kami. Selamat mencoba


Senin, 01 Desember 2008

Pasang Label Bentuk Animasi di Blog

Blogumulus by Roy Tanck and Amanda Fazani

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. Terima kasih untuk amanda yang telah membuat widget ini bisa di pasang di blogger.

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

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

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

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

      

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


Exclusive Credit Cards Deals

As there are so many type and features of credit card offered in the market, there are also many kind of problem occur on the implementation. From the application process until the rates and pay off, there are so many rules, problems and solutions you have to understand if you don't want to be trapped in a sticky situation of having debts and bad credit score that will make you having difficulties in obtaining some loans.

You can find the solution of your concerns of credit card at extracreditcards.com. This website has the discussion and articles that will explain you about the problems that commonly occur on the credit card usage. You can also consider this website to get some reference on credit card that will be suitable with your specific condition.

If you don't really enjoy the complicated process of applying for credit card like at those credit card issuers, you can get Instant Approval Credit Card here. You can view the credit card deals before you start and don't miss the low APR card offers that will help you save more money. Get the lowest possible rates for your credit card and find the solution to solve your credit card problems here.