Tutorial Blogger kali ini masih membahas hal yang berkaitan dengan postingan artikel, kali ini cara membuat box kode atau kotak script pada saat postting artikel. fungsi umunya yaitu untuk memudahkan pembaca blog menemukan script yang kita tampilkan dengan membedakan warana latar belakanag biasanya, jadi 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 proBlogiz. 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 dimode 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.
8 Responses
Kalau membuat kotak komentar seperti di blog saya namanya Threaded Comment mas, saya juga menggunakan tutorialnya dari sumber luar salah satu tutorialnya bisa di pelajari di blognya KangIsmet di http://blog.kangismet.net/2012/01/cara-membuat-threaded-coment-di-blogger.html
iya mas, terima kasih telah mampir,:) kebetulan aku baru buat tampilan kotak komentar seperti ini juga dari tutorial kang ismed- makasi mas.
Info menarik kang..
salam kenal aja kang.
ditunggu di homeku kang.
pasti mas, thanks dah mampir..
FREE DOWNLOAD SEDUCE ME AND OTHER SEX GAMES ADULT 18+ FOR PC FULL VERSION LATEST VERSION COMPRESSED 18+ DOWNLOAD FROM HERE-->>>> www.icoregames.blogspot.com
Bagus banget Mas tutorialnya, ini yang saya cari. Terima kasih banyak Mas...
Salam kenal...
Thanks atas Tutorialnya...
mantap dan menarik infonya pak Bos...terima kasih banyak ni Pak Bos...Good Luck
http://mctn-mc.blogspot.com
Tak lengkap rasanya bila sobat mampir kemari tanpa meninggalkan Komentar terkait Artikel di atas, (No Spam). Dengan begitu saya akan mampir & comment balik untuk anda seorang Blogger. - Salam