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="https://adegirie.wordpress.com/" target="_blank">DeRie</a>,</strong></strong>  Kalimat anda disini <span style="color:#ff0000;"><strong>  <strong><a title="Kirim Artikel" href="https://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 :

22 thoughts on “Membuat text area di sedebar

  1. wah bagus nih mas,,
    terimakasih untuk ilmunya..
    mau saya coba,,
    ini bisa untuk semua thema kan?

    maklum baru kenal blog hehe

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 )

Google+ photo

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

Connecting to %s