Selasa, 27 Maret 2012

nulis kode program jadi bagus di blogspot

#!/bin/bash
X=3
Y=4
empty_string=""
if [ $X -lt $Y ]  # is $X less than $Y ?
then
  echo "\$X=${X}, which is smaller than \$Y=${Y}"
fi
 
if [ -n "$empty_string" ]; then
  echo "empty string is non_empty"
fi
 
if [ -e "${HOME}/.fvwmrc" ]; then         # test to see if ~/.fvwmrc exists
  echo "you have a .fvwmrc file"
  if [ -L "${HOME}/.fvwmrc" ]; then       # is it a symlink ? 
      echo "it's a symbolic link"
  elif [ -f "${HOME}/.fvwmrc" ]; then     # is it a regular file ?
      echo "it's a regular file"
  fi
else
  echo "you have no .fvwmrc file"
fi
Tampilan kode programnya lebih baik kan? gimana caranya ya? mau tahu? ikuti saja langkah-langkah berikut ini.
1. klik link ini:
http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator
2. kemudian tandai yang diinginkan, contoh dari blog saya hanya bash saja. semakin banyak centangan, semakin lambat juga blog kita akan terbuka.
3. klik generate.
4. copy code yang muncul itu, kemudian paste di template html kita sebelum </head>
cara detailnya seperti ini:
a. masuk ke dashboard.
b. kemudian pilih template, edit html, lanjutkan
c. paste-kan kode yang tadi dicopy dari hasil menggenerate tadi.
d. simpan dan tutup.

5. saat kita posting, masuk ke html (bukan yang compose), kemudian sisipkan code ini.
<pre class="brush:bash">
kode anda di sini 
</pre>


sebagai contoh, kalau kita memasukkan ini ke posting kita, tinggal tuliskan saja kode program kita di html kemudian sisipkan pada baris di atas kode kita seperti ini
<pre class="brush:bash">
dan tempelkan kode ini di bawah baris terakhir kode kita:
</pre>
contohnya seperti ini.

#!/bin/sh
# This is a comment
echo "List of files:"

ls -lA

FILE_LIST="`ls *.html`"
echo FILE_LIST: ${FILE_LIST}

RESULT=""
for file in ${FILE_LIST}
do
    FIRST_LINE=`head -2 ${file}`
    RESULT=${RESULT}${FIRST_LINE}
done

echo ${RESULT} | cat >FILE_HEADS

echo "'$RESULT' written Script done."

sumbernya dari sini nih:
http://www.way2blogging.org/2011/03/how-to-add-syntax-highlighterv3-to.html

ngeblog yuk, semoga ilmu kita menjadi ilmu yang bermanfaat.
:)

Tidak ada komentar:

Posting Komentar