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>
- 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&digits=24&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=&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 :
wah bagus nih mas,,
terimakasih untuk ilmunya..
mau saya coba,,
ini bisa untuk semua thema kan?
maklum baru kenal blog hehe
gan, kode html nya bisa buat blogger juga gak….
hmm boleh juga nih, aku cobain dulu dah