Cara Buat Text AreaOleh fatihsyuhud.com
Di sidebar sebelah kanan blog ini, saya mengajak teman-teman blogger untuk bertukar link dengan fatihsyuhud.com yang bertujuan selain untuk saling kenal antar sesama blogrollers, juga berfungsi sebagai saling promosi blog. Saya memakai format Text Area–yang berisi link dan chicklet/image kecil– supaya yang berminat tukar link dapat langsung meng-copy/paste kodenya dengan mudah. Berikut kode Text Area di sidebar tsb yang dapat diganti dg link dan chiklet Anda sendiri:


<img src="http://fatihsyuhud.com/blog-indonesia.gif" border="0"></a>
<br>
Copy code below, insert into your blog  </font>
<br>
<textarea name="code" rows="4" cols="25"> <a href="http://fatihsyuhud.com/" title="Blogger Indonesia" target="_blank"> <img src="http://fatihsyuhud.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"> </a> </textarea>

Untuk wordpress.com

Khusus untuk yg pake wordpress.com dan gagal memakai kode di atas, pakai kode berikut dan taruh di teks widget sidebar blog Anda:


&lt;img src="http://fatihsyuhud.com/blog-indonesia.gif" border="0"&gt;&lt;/a&gt;
&lt;br&gt;
Copy code below, insert into your blog &lt;/font&gt;
&lt;br&gt;
&lt;textarea name="code" rows="4" cols="25"&gt; &lt;a href="http://fatihsyuhud.com/" title="Blogger Indonesia" target="_blank"&gt; &lt;img src="http://fatihsyuhud.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"&gt; &lt;/a&gt; &lt;/textarea&gt;

Catatan:

1. rows=.. adalah ukuran ke atas, sedangkan cols=… adalah ukuran ke samping. Apabila setelah dipasang di blog ternyata kelebaran atau kepanjangan, maka dirubah angka di rows atau di cols sesuai kebutuhan yg sesuai dg sidebar blog Anda.

2. Cara pasang di wordpress / wordpress.com: (a) klik Desain -> Widgets -> Teks -> Tambah -> Simpan. (b) Klik Sunting Widget Teks tadi -> Pasang kode Text Area -> Simpan

3. Cara pasang di blogger.com / blogspot, klik Tambah Gadget –> text html/javascript –> pasang kode Text Area -> Simpan

Salam ngeblog,


  1. bloskakolong

    bagus sekali blognya, informatif! terima kasih mas, saya belajar banyak

  2. ran

    mas gmna cara nulis posting code-code css,html atau JS yang simasukkan didalam text area.saya coba mesti ga karuan jadinya
    Ex:
    #controlpanelbuttons a {
    width:202px!important;
    background-image: url(URL OF IMAGE HERE)!important;
    background-repeat: no-repeat ;
    background-attachment:fixed;
    background-position:center;}

    jadinya malah gini :
    #controlpanelbuttons a {width:202px!important;background-image: url(URL OF IMAGE HERE)!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center;}.

    makasih

  3. djeeper

    maturnuwun

  4. Teng kyu, akhirnya berhasil juga… walaupun penuh perjuangan. Butuh waktu lama buat memahami secret codenya.. :D

  5. Saya Idah Praktek Kok Gak Berhasil ya…Why……………..???

  6. mksh ya mas atas pencerahannya

  7. Mas Fatih,

    sy baru belajar buat blog, sy coba copy buat tulisan bergerak, jadinya malah kode nya ikut bergerak, spt berikut. gmn ya mas?

    onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>(THIS WEB IS STILL UNDER CONSTRUCTION)

    matur suwun banget, semoga barokah ilmunya, amin

  8. sampean kalo ngajar yg bener dong, semalaman kita coba kok gak bisa2………., yg lebih rinci lagi……….Boss

    #kalo pake wordpress.com, pake kode yg untk wordpress.com (kode kedua)

  9. kemed

    weLcoM to MeTaL death .

  10. kemed

    weLcoM to death MeTaL

    ibonk_candi

  11. mas gmn cara membuat tampilan jumlah pengunjung di wordpress. makasih.

  12. makasih lagi bos atas ilmunya :D

  13. 177d

    wah bagus postingnya.trims

  14. TQ mas…

    oyaa.. saya uda taro link mas tu!!
    di frontpagw paling atas..

    link balik ya mas
    klik http://drummer26.blogspot.com/

  15. hehehe… mrgreen :mrgreen: bisa bang fatih, makasih ya,oia.. link banner ente udh ada di blog sy,klo ga keberatan kita tukeran ya,, :-)

  16. Trasmianto

    gak bisa boss,,, yang ada malah logonya langsung yang muncul, gimana tuh, tolong dong,,,,,

  17. Thanks atas Info nya .

    Saya akan coba nge-link..

    mudah2an sukses ..

    thanks

  18. young gunners

    thanx maz tas onfox Q hdi mkin ngerti cara ngeblogger

    N L0w bSa Bwt artikel ato info yang lebih bagus lagi……..
    N go0d luck

  19. Dacka

    mas caranya kasih layout gimana nich n sama kasih gambar didalam text…

    soalnya aku newbies heheheheeee…!!!

  20. untuk teks area baik yang atas maupun yang bawah tidak bisa dipasang di wordpress kenapa lo ?
    juga merque teksnya sama

  21. Mas fatih blognya hebat sekali, banyak ilmu yg saya pelajari dari blognya mas fatih,saya senang berlama lama disini mas

  22. makasih mas, very usefull

  23. thx, link-nya udah sy pasang

  24. Kenalkan saya blogger baru mas..Saya mau coba tukeran link cara mas.Nanti tukeran ya mas..

  25. sdmuhammadiyahtonggalan

    salam blogger mas, thanks for all

  26. Fahreee

    wah keren om, gmana blajarnya ampe bisa kaya gitu ??? Kbetulan gw lgi blajar bikin blog so posting artikel yang lbih rinci ya ommm… Thank’s…

  27. makasih banget sebelumnya, tambah lagi ngilmu kanuragan saya, meski telat gpp lah coment juga, hhh…saya dah praktekin boz and hasilnya tlg klw sempet panjenengan pirsani sendiri. Cuma ada ganjelan dikit je, kan klw script sampeyan langsung disalurkan ke Blog Indonesia.gif…so munculnya ya gif Blog Indonesia, lha klw saya ga diisi kira2 apa jadinya boz, apakah saya harus ikutkan gif Blog Indonesia…atau ada trick lainya utk buat gif sendiri…suwun…!

  28. lam kenal mas dari jogja mohon bimbinganya (pemula)

  29. papancucian

    asalamualaikum….

    mas….makasih ya atas tutorialnya….

    sudah saya coba di blog saya…..

    sekarang blog saya jadi tambah “cantik”…hehehehe…makasih banyak yah…..

    papancucian.wordprees.com

  30. ass. waduh belum berhasil juga mas….

  31. Abdul Cholik

    -makasih artikel ini, akan saya coba
    -sukses mas

  32. Abdul Cholik

    -thanks artikelnya,akan saya coba
    -salam dan sukses

  33. bang aku udah coba atas dan bawah tetapi tetap gak bisa bang, kenapa ya??

  34. kalau buat kode html buat blogrol kaya punya punya mas gemana? mohon penceraha maklum masih baru mas

  35. salam kenal, mas keep fighting to write and share knowledge,

    let’s to increase our knowledge and skill,

    sukses slalu

  36. Babe Sajabu

    Wah, Infonya berguna sekali. Saya akan langsung praktekkan di blog saya.

  37. kazta

    thanx ud bgi2 ilmu’a

  1. 1 Koreksi Agar Valid XHTML | Ken's Weblog

    [...] Validitas XHTML pada Blog anda masing-masing. Posting ini dibuat karena komentar pada halaman Cara Buat Text Area di URL berikut: http://afatih.wordpress.com/2007/11/06/cara-buat-text-area/ tidak support insert [...]

  2. 2 Mengaktifkan Widget di Sidebar « ISLAMIC ARTICLE

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  3. 3 Mengaktifkan Widget di Sidebar « Friendship’s Weblog

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  4. 4 Tutorial Wordpress : Cara buat Text Area « Sepenggal kisah …

    [...] 2, 2008 oleh nursohib Cara Buat Text Area Nopember 6, [...]

  5. 5 Cara Pasang Foto di Posting WordPress 2.5 « Zhambronk & Teknologi

    [...] Cara Buat Text Area [...]

  6. 6 Home « Medicore92’s

    [...] Cara Buat Text Area [...]

  7. 7 Mengaktifkan Widget di Sidebar « Cowokcleaver’s Weblog

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  8. 8 Tutorial Wordpress Lengkap « Seluk Beluk Bisnis Internet

    [...] Cara Buat Text Area [...]

  9. 9 Mengaktifkan Widget di Sidebar

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  10. 10 Tips Membuat Blog « My ParaDIsE

    [...] Maret 21, 2008 in Blog, Tips Buat BlogTags: Blog, Tutorial Tips Membuat Textarea Di WordPress Dikutip dari: Posting A. Fatih Syuhud [...]

  11. 11 CARA MUDAH MEMBUAT BLOG « Dewitas’s Weblog

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  12. 12 Nge-blog di Wordpress yuk..(4) « cahaya di atas cahaya

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  13. 13 Cara Membuat Blog di Wordpress « ABDUL RAIDIN

    [...] Cara Buat Teks Area [...]

  14. 14 cara buat READ MORE « Dream Come True

    [...] Cara Buat Text Area [...]

  15. 15 Tutorial WordPress.com « Mtopan’s Blog

    [...] Cara Buat Text Area [...]

  16. 16 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog

    [...] Cara Buat Text Area [...]

  17. 17 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium

    [...] Cara Buat Text Area [...]

  18. 18 perkenalan « K4m4li’s Blog

    [...] Cara Buat Text Area [...]

  19. 19 Tutorial Blog « gooooooo…!

    [...] Cara Buat Text Area [...]

  20. 20 Mengaktifkan Widget di Sidebar « budhyramdhany pembimbing

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  21. 21 Kuncorocari’s Weblog

    [...] inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis [...]

  22. 22 Kumpulan Tutorial Wordpress « allinone802.wordpress.com

    [...] Cara Buat Text Area [...]

  23. 23 Tutorial Blog « Virtual First

    [...] Cara Buat Text Area [...]

  24. 24 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress

    [...] Cara Buat Text Area [...]

  25. 25 TUTORIAL WORDPRESS « Gereggiseptino91’s Weblog

    [...] Cara Buat Text Area [...]

  26. 26 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya-

    [...] Cara Buat Text Area [...]




Leave a Comment