Membuat text area di sedebar

Pada postingan sebelumnya admin telah posting tentang cara membuat texk area untuk di postingan namun bagi sobat yangbelum sempat baca bisa klik disini. pada dasarnya teks area antara di postingan atau sidebar tidak jauh berbeda hanya ada beberapa kode yang harus di ganti. untuk lebiih jelasnya langsung saja ke TKP… :-)

1. Login ke Admin WordPress anda

2. Pada sisi kiri halaman  klik menu [Appearance] > [Widget]

3. Masukkan kode di bawah ini pada  widget [Teks]

Text Area Widget “Pesan Admin”

<div style="overflow:auto;width:250px;height:20px;background-color:#fb0e09;text-align:center;border:3px solid #0f0e00;padding:5px;"><strong><span style="color:#ffffff;">PESAN ADMIN !</span></strong></div>
<div style="overflow:auto;width:250px;height:80px;background-color:#fef43e;text-align:justify;border:3px solid #0f0e00;padding:5px;">Halo sobat <strong><strong><a title="DeRie Berbagi" href="http://adegirie.wordpress.com/" target="_blank">DeRie</a>,</strong></strong>  Kalimat anda disini <span style="color:#ff0000;"><strong>  <strong><a title="Kirim Artikel" href="http://adegirie.wordpress.com/derie-support/kirim-artikel-2/" target="_blank"><span style="color:#ff0000;">KLIK DISINI</span></a></strong></strong></span></div>
<strong>
</strong>
Ket sesuai dengan urutan warna:
  • Biru       : Ganti dengan nama blog anda
  • Merah  : Ganti sesuai dengan alamt blog anda
  • Hijau    : Tulis sesuai dengan nama panggilan blog anda
  • Biru      : Tulis kalimat anda
  • Merah : Tulis kata yang anda inginkan
  • Hijau   : Ganti dengan link yang anda ingin promosikan
  • biru      : cukup jelas

Text Area Widget “Info Site”

<div style="overflow:auto;width:250px;height:20px;background-color:#0f0000;text-align:center;border:3px solid #0f0e00;padding:5px;"><strong><span style="color:#ffffff;">INFO SITE</span></strong></div>
<div style="overflow:auto;width:250px;height:400px;background-color:#ffffff;text-align:justify;border:3px solid #0f0e00;padding:5px;">
<p style="text-align:left;"><span style="color:#ffffff;"><strong>Anda pengunjung ke :</strong></span></p> <p style="text-align:center;"><a href="http://www.freebloghitcounter.com/" target="_blank"><img src="http://www.freebloghitcounter.com//counter.php?page=adegirie.wordpress.com&amp;digits=24&amp;unique=0" alt="free counter" width="100" height="33" border="0;" /></a> <a title="Free PageRank Checker" href="http://www.prchecker.info/" target="_blank"> <img style="border:0;" src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2FkZWdpcmllLndvcmRwcmVzcy5jb20=&amp;tag=1" alt="Free PageRank Checker" /></a></p> <a href="http://xslt.alexa.com/site_stats/js/s/a?url=https://adegirie.wordpress.com/"><img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cHM6Ly9hZGVnaXJpZS53b3JkcHJlc3MuY29tLw==/s.gif" alt="" /></a> <img style="visibility:hidden;width:0;height:0;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bHQ9MTMwNjkzMzg*MDQwNiZwdD*xMzA2OTMzODkxODQzJnA9MTQ2NDgxJmQ9Jm49d29yZHByZXNzJmc9MSZvPTA1MzAwY2M*NzVl/ODRlYjliYTgxYmNiM2VjNWM*NThlJm9mPTA=.gif" alt="" width="0" height="0" border="0" /><a href="http://states.flagcounter.com/more/8GwY"><img src="http://states.flagcounter.com/count/8GwY/bg=FFFAD1/txt=000000/border=A0CC10/columns=2/maxflags=12/viewers=0/labels=1/pageviews=1/flags=0/" alt="Free counters!" border="0" /></a> </div>

Keterangan : Ganti semua kode yang berwarna biru dengan kode html info site anda.

Setelah semua selesai klik Save dan lihat hasinya..

bagaimana??? sangat mudah bukan. Lalu tunggu apa lagi? langsung saja praktik. :)

Baca juga coretan di bawah ini :

About DeRie
Ini merupakan blog pribadi yang bertujuan untuk memberikan informasi dan tempat ane curhat.. hee :-) Semoga keberadaan blog ini dapat bermanfaat. Terimakasih

18 Responses to Membuat text area di sedebar

  1. djakarta182 says:

    salam bro..
    artikel mengenai Guns N’ Roses da ada di blog ane bro.. mudah2an sesuai dengan permintaan sebelumnya.. maaf agak lama postingannya. :)
    bisa langsung ke TKP bro..

    Good Luck :)

  2. DIRA BALI says:

    mantap gan infonya,nice blog.salam kompersal ama newbier baru sebulan.hehee 2x jempol nie blog.trus berkarya.

  3. keren sob, coba ane pasang di blog ane ya :D

  4. datubolon says:

    mantap saya acungkan (y), jempol saya anggap senior saya, walaupun mungkin saya lebih tua. tp saya ingin tau katanya sih blog juga bisa menghsilkan uang apa benar?
    bisa ga saya di bantu, sebelumnya terima kasih senior saya

    • DeRie says:

      terimakasih atas apresiasinya. soal blog menghasilkan uang memang benar tapi ada caranya dan butuh proses. tidak semudah yang ada di iklan2. kalo untuk menggunakan platform WP.com free sayang sekali belum bisa support ads (advertisment). kalo mau harus upgrade dari free ke self hosting atau membuat blog/web dengan domain and hosting sendiri. semoga jawabnya bermanfaat :-D

  5. astitirahayu says:

    asTy udah coba kak,,hehehee,, nyoLong duLuan Nii,,,
    maavH iaa,, :)

  6. jpkarya says:

    gan kalau agar seluruh isi info site di tengah seperti di blog agan ini gimana?? :) bingung gan hahah

  7. Abed Saragih says:

    Thks sob udah berbagi pengetahuannya :)

  8. Pingback: maman_putramandangin

  9. me says:

    makasih ya, aku udah lama nyari info ini…soalnya aku juga punya blog wordpress :)

  10. jayireng says:

    Mantap gan infonya, dah nyari2 nih yg kayak gini, kebetulan lg buat blog *newbie*

  11. enhaberkarya says:

    ok gan mksh banget ne, bermanfaat sekali., izin kopi ya.

  12. audinoiz says:

    Thank’z bro buat info’a…..

Jangan lupa tinggalkan komentar karena 'Berbagi' itu indah..:-)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s