Selamat Datang di
Panduan Blog Tips dan Trik, membuat kode dan aplikasi kode, solusi optimalis blog
Kotak Status CongCot
Admin : Bang Jack or Jacky
Blogger From : Jawa Barat Indonesia
Status Now : Terjadwal

Minggu, 08 Agustus 2010

Membuat Kotak Status, Seperti Kotak Status CongCot

status congcot

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}

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>

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:

Siswa TKJ mengatakan...

waw...
keren nih tipsnya...

congcot hebat ikh...

febriyanto mengatakan...

mantep gan... jadi kayak update-an twitter gtu... hheh

Rizkyzone mengatakan...

wah keren bgt nih sob, layak buat di coba

my self mengatakan...

wahhh, bang memang keren dah.
eh klw mau buat teks berjalan ky punya bang congcot gmana?? boleh di ajarin ga??

Unknown mengatakan...

maksih banyak atas artikelnya...saya sangat terbantu sebagai blogger pemula

aan mengatakan...

bingung... naruh editannya di sebelah mana ya...

CongCot mengatakan...

bingung sebelah mananya?

Bagaimana menurut Anda?