Pages

9.15.2008

tutorial memasang Codebox di blogspot

Login->layout->Edit HTML->tick

tekan keyboard anda ctrl+f dan taip head. Apabila jumpa perkataan head dalam edit html tersebut anda lihat code selepas head tersebut yang mengandungi code css seperti

Code css terletak antara code pembuka head dan penutup head



Lihat gambar





#navbar-iframe {
code here
}


.alert {

code here

}




Mungkin code css berbeza namun saya nak tunjukkan kepada anda bahawa untuk mengenali code css ini amat mudah iaitu ia mengandungi tanda #, pembuka { dan penutup } dan . seperti yang saya tunjukkan di atas dan anda boleh juga lihat gambar yang saya sertakan.

Kemudian anda letak code css box yang anda buat sebagai contoh

.codeboxBlue{
margin: 10px 42px 10px 0;
padding: 0 10px 10px 10px;
border: 1px dashed #8FCCF5;
background-color: #DCEEFA;
}

Selepas itu simpan dan pergi ke posting. Pastikan semasa anda menulis posting guna mode edit html seperti gambar di bawah. Kita gunakan code p untuk memanggil sifat atau properties css yang kita buat di templates. selepas siap anda menulis posting simpan dan lihat hasilnya.



Lihat hasilnya pada posting sebelum-sebelum ini. sekiranya anda ada masalah boleh bertanya di ruang komen. selamat mencuba :)



2 comments:

  1. Tutorial yg bagus.
    Cuma sedikit berbeza nama kodnya dengan kod yg saya blajo. :)

    ReplyDelete
  2. trima kasih sudi memberi komen... teknik berbeza-beza :)...

    ReplyDelete

Statistik Blog

Jumlah Posting dan Komentar Blog buah artikel telah ditulis
buah komentar masuk

Widget edited by Harri