Waduh, sebenarnya ini bukan posting yang penting mungkin, tapi tidak ada salahnya berbagi trik walaupun sedikit manfaatnya, yang pentingkan kita bisa mendapatkan ilmu dan mengamalkannya. Hari ini congcot akan membahas tentang cara pembuatan status yang contohnya ada di sebelah kanan atas.
Untuk apa kotak status itu, apa alasanya?
(silahkan pelajari: Kotak status congcot)
Posting ini akan membahas cara membuatnya. So, mari kita mulai.
Seperti biasa masuk ke blogger.com dengan account anda. Kemudian pilih rancangan atau tata letak, dan klik edit html. Cari kode ]]></b:skin> dan simpan kode dibawah ini, tepat diatas kode ]]></b:skin>
#tasstat{background:#E6FFCC;padding:5px;color:#000;width:150px;float:right;text-align:center}
#stat {background:#ADFF5C;padding:2px;color:#000;width:300px;height:90px;font: 13px Verdana;float:right}
#stat {background:#ADFF5C;padding:2px;color:#000;width:300px;height:90px;font: 13px Verdana;float:right}
Sekarang kita edit HTMLnya. Contoh kali ini kita menyimpan kotak statusnya diatas tempat posting (header). Silahkan cari kode
<div id='tasstat'>Kotak Status CongCot</div>
<div id='stat'>
<div class='admin' style='background:#CF9;padding:2px;margin:2px;'>Admin : Bang Jack or Jacky</div>
<div class='from' style='background:#CF9;padding:2px;margin:2px;'>Blogger From : Jawa Barat Indonesia</div>
<div class='status' style='color:#930;font-height:bold;background:#CF9;padding:2px;margin:2px;'>Status Now : <blink><b>Up to Date</b></blink></div>
<div class='pel' style='background:#CF9;padding:2px;margin:2px;text-align:right;'><a href='http://www.congcot.co.cc/2010/07/mempelajari-kotak-status-admin-congcot.html' style='color:#060;' target='_blank'>Pelajari Tentang Status</a></div>
</div>
<div id='stat'>
<div class='admin' style='background:#CF9;padding:2px;margin:2px;'>Admin : Bang Jack or Jacky</div>
<div class='from' style='background:#CF9;padding:2px;margin:2px;'>Blogger From : Jawa Barat Indonesia</div>
<div class='status' style='color:#930;font-height:bold;background:#CF9;padding:2px;margin:2px;'>Status Now : <blink><b>Up to Date</b></blink></div>
<div class='pel' style='background:#CF9;padding:2px;margin:2px;text-align:right;'><a href='http://www.congcot.co.cc/2010/07/mempelajari-kotak-status-admin-congcot.html' style='color:#060;' target='_blank'>Pelajari Tentang Status</a></div>
</div>
Setelah itu simpan template. Selesai dech.
Intinya...
Interaksi sangat penting dalam dunia blogging. Fungsi kotak status ini diantaranya untuk mempermudah pengunjung berinteraksi dengan pemilik blognya itu sendiri. gunakanlah trik ini jika diperlukan.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.
7 komentar:
waw...
keren nih tipsnya...
congcot hebat ikh...
mantep gan... jadi kayak update-an twitter gtu... hheh
wah keren bgt nih sob, layak buat di coba
wahhh, bang memang keren dah.
eh klw mau buat teks berjalan ky punya bang congcot gmana?? boleh di ajarin ga??
maksih banyak atas artikelnya...saya sangat terbantu sebagai blogger pemula
bingung... naruh editannya di sebelah mana ya...
bingung sebelah mananya?
Bagaimana menurut Anda?