Sabtu, 26 Januari 2013

Cara Membuat Kotak Script Pada Postingan



cara membuat kotak scriptKetika kita ingin memposting sebuah script,pastinya ingin ada tempat khusus buat script tersebut,selain gampang dan tidak takut salah copy,kotak script ini juga enak di lihat,karena script dengan tulisan postingan akan terpisah sehingga memudahkan kita untuk meng-copy script tersebut.

Bagaimanakah cara membuat kotak script pada postingan,? caranya cukup gampang,sobat hanya butuh edit HTML yang ada di template blog milik sobat sendiri.

Oke sobat,mendingan kita langsung saja ke langkah-langkahnya;

  • Pertama sobat login dulu ke akun blog sobat dan copy code di bawah.
  • Berikutnya masuk ke bagian edit template,Backup terlebih dahulu template sobat untuk jaga-jaga jika nanti terjadi kesalahan.
  • Selanjutnya edit template>>centang expand widget template.
  • Kemudian cari kode ]]></b:skin> ( gunakan ctrl+f ),letakkan Kode tersebut tepat diatas kode ]]></b:skin>


.post-body blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color:#3d85c6 ;
background:url(http://2.bp.blogspot.com/-4wVRsA6Uiis/UAgeiaksZDI/AAAAAAAAA6Y/BXuD-Oazyy8/s1600/blockquote+mini.jpeg)no-repeat top right#fff;
border: 2px solid #000000;
border-left: 20px solid #999999;}
 
  • Lihat pratinjau nya dulu,jika berhasil kemudian save
Silahkan jika sobat ingin merubahnya sesuai dengan yang sobat inginkan;
 
color:#3d85c6 : Silahkan gantri sesuai Warna Font yg di inginkan .
Silahkan sobat ganti Tulisan yg berwarna Biru dengan URL background blockquote yg di inginkan.
#000000 : Silahkan diganti  sesuai warna garis yg di inginkan.
#999999 : Ganti Sesuai Warna Garis Tebal Kiri yg di inginkan oke.

Cara memposting script;

  • Letakan script postingan terlebih dahulu,jika sudah selesai langkah berikutnya adalah ;
  1. blok semua script yang akan di tempatkan di kotak tersebut,lihat angka 1
  2. klik tanda kutip terbalik ( blockquote ) yang ada di menu postingan,lihat angka 2
cara membuat kotak script
 
  • Selesai,dan postingan sebuah script pun siap di publikasikan

Hary Muhlia

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

15 komentar:

  1. mantap sobat....berkunjung + dapat ilmu baru dech ^^

    BalasHapus
    Balasan
    1. makasih sob,,,alhamdulillah jika bermanfaat,, :)

      Hapus
  2. oke gan.., makasih ya.. *smile

    BalasHapus
  3. ini yang saya cari - cari sejak dahulu, akhirnya dapat juga infonya, terima kasih

    BalasHapus
  4. oke..silahkan Di pasang,semoga berhasil..makasih atas kehadirannya.. :D

    BalasHapus
  5. alhamdulillah,,,blogger pemula dapat ilmu lagii,...

    mohon kritik dan saran nya ya kakak,,,,

    http://benubolu.blogspot.com

    BalasHapus
    Balasan
    1. oke,,insyaallah kpn2 mampir.. :D
      happy blogging..

      Hapus
  6. thanks sob.. kunjungi juga
    http://muamar-kurosaki.blogspot.com/

    BalasHapus
  7. Ijin menyimak sobat, klo ada kesempatan ane coba, dan kalau lupa berkunjung lagi kemari! Trims!

    BalasHapus
  8. kalau saya sendiri lebih suka menggunakan tag pre di css untuk membuat dan memasang script di web

    BalasHapus