Home » » Pasang kotak script dalam postingan (higlight)

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
Share this article :

0 komentar:

Posting Komentar

Bisnis Dahsyat tanpa modal
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. free - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger