Jumat, 25 Maret 2011

Pasang kotak script dalam postingan (higlight)


Sebelumnya udah pernah saya posting ni article. Lihat disini tapi praktekin dulu biar tahu hasilnya. soalnya kemaren nggak ku kasi contoh gambarnya. untuk contoh versi ke 2 lihat gambar di bawah ini
Untuk membuatnya sangat lah mudah. anda sedikit menambah kode CSS dan HTML kedalam tamplate dan posting. bagi yang menyukainya ikuti langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari Kode ]]></b:skin>
  • Kemudian letakkan kode dibawah ini persis diatas nya
    /* Alert by J_Putra
    ----------------------------------------------- */
    .alert {margin: 10px 10px 10px 10px;
    padding: 10px 15px 10px 15px;
    line-height: 1.6em;color: #000000;
    background: #e0ffff;
    border: 1px solid #000000;
    border-left: 15px solid #000000}
  • Yang berwarna merah adalah kode warna. silah kan ganti yang sesuai dengan background blog anda
  • kemudian simpan tamplate.
  • Supaya kode/scriptnya nanti bisa muncul kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini<p class="alert">sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> di akhir kode.
  • Setelah itu Terbitkan posting anda dan liat hasilnya
Selamat Mencoba.......

cara membuat script dalam postingan (higlight), cara membuat kode script di dalam postingan higlight, memasang kode script dalam postingan higlight pada blog, tutorial kode script dalam postingan higlight blogspot, langkah menambah kode script dalam postingan higlight

Tidak ada komentar:

Posting Komentar