Cara Membuat Kotak Script Pada Postingan

- Januari 26, 2013
advertise here
advertise here


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
Advertisement advertise here

15 komentar

avatar

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

avatar

makasih sob,,,alhamdulillah jika bermanfaat,, :)

avatar

oke gan.., makasih ya.. *smile

avatar

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

avatar

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

avatar

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

mohon kritik dan saran nya ya kakak,,,,

http://benubolu.blogspot.com

avatar

oke,,insyaallah kpn2 mampir.. :D
happy blogging..

avatar

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

avatar

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

avatar

oke,,,semoga bermanfaat

avatar

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

avatar

mantap dah artikelnya saya suka


EmoticonEmoticon

 

Start typing and press Enter to search