Menampilkan Source Code Pada Blog

Mungkin anda sering bertanya-tanya kok di blog-blog atau di website-website yang lain bisa menampilkan Source Code pada Blog mereka dengan sangat rapi dan tidak berantakan? (Sangat Rapi? Tidak Berantakan? jangan di tanyakan penulisan ini).

jawabannya simpel, mereka hanya menyisipkan plugin pada blog mereka. sebagai contoh Sintaxhighligher
Cara membuatnya sangatlah mudah anda hanya perlu mengedit HTML Blog anda

Pertama, Edit Template Blog anda lalu cari code </head> setelah itu sisipkan code dibawah ini tepat di atas code </head>

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

Langkah kedua saat penulisan Artikel pada Blog anda pastikan anda menyisipkan Source code anda diantara Tag dibawah ini dalam mode HTML:
<pre class="brush:JenisKode">SourceCode</pre>

sebagai contoh :
<pre class="brush:vbnet">
'menghitung 1 tambah 1
dim a = 1+1
print a
</pre>

hasilnya akan sebagai berikut:

'menghitung 1 tambah 1
dim a = 1+1
print a

Jenis-Jenis Kodenya bisa anda lihat dibawah ini:

Jenis Kode	Kode Alias	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js

Simpel saja kan?

Apabila Artikel ini masih kurang jelas silahkan kunjungi website Developmentnya

Read more »

Adobe Dreamweaver CS6 Full Crack

Adobe Dreamweaver merupakan salah satu software untuk mendesain web. Dengan bantuan Adobe dreamweaver ini, sobat blogger tidak harus berurusan dengan tag-tag HTML yang rumit, karena segalanya hanya tinggal klik-klik saja. Dreamweaver tidak hanya diperuntukan
oleh para desainer web, namun dreamweaver juga dapat digunakan oleh para programer untuk membuat halaman web yang internaktif, karena Dreamweaver mendukung PHP, ColdFusion, ASP.NET dan lain-lain.

Seperti yang kita ketahui, adobe belum lama ini merilis versi terbaru dari software buatan mereka, yakni berakhiran CS6. Kira-kira apa saja yah yang baru di Adobe Dreamweaver CS6 ini??

Feature Baru

• Improved FTP perfomance
• Updated Live View
• Updated multiscreen preview panel
• CSS3 translation
• PhoneGap Support
• Enhanced jQuery mobile support

[ Download ] 200MB

Read more »

Pengenalan CSS3

Sebelum mempelajari lebih jauh tentang CSS3 mari kita pelajari dulu secara teori....

apa itu CSS?

Cascading Style Sheet atau yang biasa kita kenal dengan CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas

Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Dari nama CSS di ambil?

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.

Apa saja versi dari CSS?

untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama.

Apa saja yang baru di CSS3?

• Selectors
• Box Model
• Backgrounds and Borders
• Text Effects
• 2D/3D Transformations
• Animations
• Multiple Column Layout
• User Interface

untuk penjelasan serta contoh-contoh source code gratis CSS3 dapat anda lihat di postingan selanjutnya....

semoga bermanfaat.

Read more »

Program Penghitung IP, Subnet Mask, Network ID, Broadcast

Beberapa hari ini saya seringkali mengupload program-program dan source code Visual Basic 2010 yang membahas tentang bagaimana Menghitung IP ataupun cara memanage suatu jaringan komputer.


seperti yang saya katakan kemarin, kita sebagai programmer itu, harus serba bisa, jangan hanya handal di coding doank, tapi harus bisa pada semua bagian, agar nilai jual kita lebih tinggi.


karena codingnya sedikit agak lebih panjang. pengunjung sekalian bisa langsung saja mendownload sourcenya disini.

[Klik Download]

Read more »

Cisco Packet Tracer 5.3

Kemungkinan ini sama sekali tidak termasuk kedalam software penunjang dalam pembuatan program dengan Visual Basic 2010. tapi sebagai seorang calon programmer yang akan turun kedalam dunia kerja, kita harus serba bisa agar kualitas kerja kita lebih tinggi dibandingkan dengan orang lain. Percuma donk menjadi programmer tapi tidak tahu membuat jaringan untuk program multiuser. wheheheheeeeeee

software kali ini merupakan software simulai dalam membangun sebuah jaringan ethernet, yang dilengkapi dengan fitur-fitur yang lengkap. bagi anda yang ingin sekali mencobanya anda bisa mendownloadnya disini.

Download Packet Tracer v5.3 Aplikasi + Tutorial 80MB Via Indowebster

by Franky So

Read more »

Konversi video untuk android device

sering kali ada kasus dah download video, baik dari youtube atau sumber lain, dan ternyata ga bisa diputar di handheld kesayangan. terutama video2 HD pada handheld kelas menengah.

sebenarnya gadget2 android yang bukan kelas highend pun cukup mumpuni mengatasi stream video yang diencode dengan h264 (standar mpeg4), hanya saja perlu disesuaikan profilenya untuk profile device, bukan profile HD player. saran yang sering diberikan pasti diminta install aplikasi player video tertentu. tetapi sering ada beberapa kesalahan informasi yang terjadi. menambah player, hanya menambah dukungan kontainer, misal kalo video dalam kontainer MKV yang tidak didukung player native android. memang bisa diputer, tapi pasti nanti lambat atau lag kalo video stream masih diencode dengan main/high profile.

berasal dari pengalaman pribadi, berikut sedikit tips untuk konversi ulang video yang sesuai untuk profile gadget android kelas menengah (test case pada samsung galaxy ace, cpu qualcomm arm11 (arm6 compatible) 800MHz 480x320 display

konversi bisa dilakukan menggunakan x264 CLI atau frontendnya, misal meGUI, virtualdub, atau ripbot. untuk alasan kemudahan aku sarankan ripbot.

pake ripbot aja, convert ke x264, mo pak kontainer mp4 atau mkv sama aja (tapi kalo mo bisa dibuka ama player bawaan ace, mp4 aja)

link download : RipBot264 v1.16.5 - Simple and easy to use GUI -> IPOD . PSP . CONSOLES . BLURAY - Doom9's Forum
kalo dah download langsung extract aja, ga pake install2
*tapi perlu install beberapa komponen pendukung, kek avisynth, java runetime (JRE). ama haali MKV splitter.

kalo dah jalanin. klik add untuk nambah queue job baru



pake profile base 3.0 (ipod, iphone, zune)
ntar video 5 menit bisa 20-40 MB, tergantung jenis video (banyak aksi atau ngga, kamera yang cepet, dll)
*sumber HD cenderung juga lebih gede karena source lebih detil, jadi ntar juga jadi lebih bersih/detil juga hasil konversi meski udah di resize



sisanya biarin default aja. audio kalo blom pake AAC akan di convert ke AAC, kalo udah bakal langsung disalin aja streamnya.

kalo dah di set, klik tombol properties tuh untuk atur2 lebih jauh lagi



jangan lupa di resize (biar lebih hemat tempat), pake custom aja resizenya.
tergantung videonya, usahakan ga lebih gede dari 480x320 (ace kuat lebih gede, tapi buat apa nambah2in ukuran file, kasih sesuai/max resolusi layar ace aja).

kalo lebih lebar ya terpaksa ntar ga full screen, kek dari video 16:9 jadi 480x270 aja. kalo dari video 640x480, berarti kecilin sampe tinggi deket 320 (lebar ntar 400an berapa gitu).
kalo mo crop bisa juga di crop

untuk nambahin subtitle (bakal di "burn" ke video jadi permanent sub) bisa juga lewat menu dibawahnya. tapi kalo mo display lewat player yang dah dukung softsub sih ga perlu.

kalo sumber masih interlaced (file mentah DVD, kadang2 blu-ray juga), jangan lupa de-tinterlace, geser kanan opsinay, sampe nemu pilihan untuk deinterlaced

klik preview script kalo mo liat hasil kira2 ntar gimana.
kalo dah klik ok aja. ntar job konversi baru akan dimasukkan queue.

setelah puas naruh banyak antrian job, silahkan klik start untuk mulai proses konversi.

==========================================
Contoh hasil convert :
source : Blu-ray 1440x1080i anamorphic 16:9. frame rate 29.97
output : 480x270 progresive 16:9. framerate 29.97
durasi : 5 menit 23 detik
file size : 29.5 MB

Yuna Ito - I Dont Want To Miss A Thing HD.mp4

==========================================
videoku rata2 25/30fps, jalan lancar semua pake setting diatas. ga perlu nambah player lain, cukup pake bawaan SGA

biasanya yang masukin video dan lag/lambat di stream video, itu videonya di encode pake profile h264 yang lebih tinggi/kompleks (pake main / high).

Sumber : http://www.gamexeon.com/forum/handheld-article/78662-konversi-video-untuk-android-device.html

Read more »

Menambah, Mengedit & Menghapus Isi Listview

     Untuk para pengguna Visual Basic.Net 2010 kali ini saya akan memberikan Tutorial Visual Basic 2010 yang membahas tentang cara menggunakan ListView tools. bagaimana cara menambah, mengedit ataupun menghapus item yang ada di dalamnya. semoga bermanfaat

 

Source Code :

Public Class FrmListView
   Dim Baris As Integer = 0
   Dim BarisEdit As Integer = 0

   Private Sub FrmListView_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
      'Mengatur ListView
      ListView1.View = View.Details
      ListView1.FullRowSelect = True
      ListView1.GridLines = True
   
      ListView1.Columns.Add("Nama Lengkap", 150)
      ListView1.Columns.Add("Alamat", 200)
   End Sub

   Private Sub BtnTambah_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnTambah.Click
      ListView1.Items.Add(TextBox1.Text)
      ListView1.Items(Baris).SubItems.Add(TextBox2.Text)

      Baris += 1
   End Sub

   Private Sub BtnEdit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnEdit.Click
      ListView1.Items(BarisEdit).Text = TextBox1.Text     ListView1.Items(BarisEdit).SubItems(1).Text = TextBox2.Text
   End Sub

   Private Sub ListView1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ListView1.SelectedIndexChanged)
      BarisEdit = ListView1.FocusedItem.Index
   End Sub

   Private Sub BtnHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnHapus.Click
      ListView1.Items(BarisEdit).Remove()
   End Sub
End Class

 By Franky So

Read more »