;

Jumat, 16 November 2012

Cara buat kotak kode HTML di Postingan BY Apnie.Com


Tutorial Blogger  masih membahas hal yang berkaitan dengan postingan artikel, kali ini cara membuat box kode atau kotak script pada saat postting artikel. Kotak kode script / box code ini sangat bermanfaat ketika Anda sedang membuat / posting artikel di Blogger yang berisi banyak kode script yang harus ditampilkan.

Pada tip dan trik  Buat Box / Kotak Kode Script di Postingan ini, akan diberikan beberapa contoh kotak kode script yang dibuat Apnie.com. Anda bisa menggunakannya  jika ada yang disukai dari contoh-contoh tersebut.

Tentunya Anda juga bisa memberikan perubahan pada code-codenya menurut selera masing-masing, seperti ukuran dan jenis border, warna background, ukuran box atau lainnya.

Beberapa Contoh Kotak / Box Script dan Kodenya


Simple Box
 
Kode Script Anda Disini…….

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>



Simple Box 2

Kode Script Anda Disini…….
 <div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div> 



Ridge Border

Kode Script Anda Disini…… 

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>



Inset Border
  
Kode Script Anda Disini……
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</</div>



Outset Border
  
Kode Script Anda Disini…….

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div> 


Double Border 


Kode Script Anda Disini…….
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>



Dotted Border
  
Kode Script Anda Disini……
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>



Dashed Border
  
Kode Script Anda Disini……
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Kode Script Anda Disini……</div> 



Scroll Box
  


<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> Kode Script Anda Disini…… </div>


<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> Kode Script Anda Disini…… </div> 



Pilih salah satu contoh diatas yang Anda sukai, kemudian copy code scriptnya, dan pastekan code itu di mode HTML di post editor Blogger saat posting artikel.

Anda bisa rubah ukuran border, warna border, ukuran box, warna background, sesuai warna yang disukai dan ukuran yang dikehendaki.



Setelah  membaca artikel Buat Box / Kotak Kode Script di Postingan Blogger di Blog ini, selamat mencoba dan merubah tampilan blog Anda. Jangan lupa memberi donasinya berupa klik LIKE pada blog ini atau share aja ya sob…….

Thank’s….

 
Photobucket


Jika Artikel Ini Mau Di Copy Silahkan Pasang Linknya Ya Sob!! Salam ApNie.Com

Related Posts by Categories



Ditulis Oleh : Apriansyah Ramadhan

Artikel Cara buat kotak kode HTML di Postingan BY Apnie.Com ini ditulis oleh Apriansyah Ramadhan pada hari Jumat, 16 November 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara buat kotak kode HTML di Postingan BY Apnie.Com dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

3 komentar:

  1. thanks atas infonya mas....!

    klau ada waktu jgn lupa mampir di blog saya ttp://haris715.blogspot.com

    BalasHapus
  2. gan, udah saya follow blog agan, follow back ya gan..
    http://lavixtastar.blogspot.com

    *berbagi kebaikan itu indah*

    :D

    BalasHapus

Posting Komentar

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.

share

LinkWithin

IP Address Visitor

IP