Coding Cepat Dengan Texter

By Cruz3N | on May 24th, 2011 | 8 Comments

Sebagai seorang yang doyan ngoding tapi masih dalam tahap pembelajaran ( kayak saya Grin ) udah gak asing melakukan/menulis syntak yang sama berulang kali pada setiap file. Dan saya yakin yang udah pro juga kadang ( pernah lah Razz ) melakukannya juga.

Nah disini saya menemukan aplikasi yang mungkin kita bisa gunakan untuk mempercepat dan mempermudah proses coding-mengcoding, walaupun gak cuman itu juga kegunaannya ketika kita mau meng-explore lebih lagi.

Langsung aja yuk kita cobain…

Langkah Awal

Selesai mendownload aplikasinya dan melakukan instalasi mungkin kita bisa membuat shortcutnya terlebih dahulu di desktop (soalnya proses instalasi tidak membuat shortcut dan folder baru di START – All Programs). Setelah kita jalankan (double klik), akan muncul icon baru di taskbar dan kita tinggal klik kanan – create new hotstring maka tampilannya akan seperti berikut.

Coding Cepat Dengan Texter

Coding Cepat Dengan Texter

Keterangan

1. Hotsring : kata kunci yang kita gunakan untuk menampilkan code-code yang kita inginkan/telah kita siapkan.

2. Text : tipe kata yang kita input apakah itu sebuah text atau script. Penggunaan script bisa kita baca manualnya pada Advanced Use

3. Bundle : ini merupakan fasilitas export dan import shortcut dimana kita bisa membagikan kumpulan shortcut yang kita punya ke orang lain. Untuk melakukannya klik kanan pada icon Texter di Taskbar lalu pilih Manage Hotstring. Nah disitu ada menu bundles yang didalamnya ada import dan export.

Coding Cepat Dengan Texter

4. Enter your replacement text here… : tempat dimana kita meletakkan code dari nama hotsring yang telah kita tentukan.

5. Trigger : nah trigger adalah tombol untuk menampilkan code yang ingin kita tampilkan. Caranya adalah ketik kata kunci/hotstring yang telah kita tentukan dan setelah itu ditambah Trigger.

Ada 4 pilihan Trigger yang bisa kita gunakan (Enter, Tab, Space atau bahkan otomatis akan tampil dengan hanya mengetikkan hotstringnya/instant).

Contoh

Misalkan kita mau membuat layout dasar html seperti berikut:

<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Titlenya</title>
		<link rel="stylesheet" href="css/style.css" />
		<script src="js/jquery.js"></script>
	</head>
<body>
    <div id="container">
    </div>
</body>
</html>

Jalankan Create new Hotstring – ketik kata kuncinya (Hotsring) contoh mulaihtml – masukkan kode diatas pada Enter your replacement text here… – kemudian pilih text – dan untuk Trigger pilih Tab dan OK.

Coding Cepat Dengan Texter

Sekarang buka Text editor kalian (dalam contoh gambar saya menggunakan Wordpad), lalu ketik mulaihtml lalu pencet Tab.

Coding Cepat Dengan Texter

Coding Cepat Dengan Texter

Cukup menarik bukan? Semoga berguna yah Grin

Kelemahan/Gangguan

Saya cukup senang dengan adanya aplikasi ini tapi di beberapa kesempatan seringkali saya mengalami beberapa masalah seperti:

1. Coding akan berantakan pada beberapa text editor yang mempunyai fasilitas seperti auto complete code ( apalah itu namanya Razz ) seperti berikut.

Coding Cepat Dengan Texter

Gak tau kenapa ketika kita mengaktifkan shortcut pada Texter tampilannya akan berantakan….

2. Aplikasi ini juga memeriksa spelling pada setiap kata yang kita ketik. Contoh ketika kita ketik witha otomatis akan berubah menjadi with a.

Solusi

1. Untuk yang pertama sebaiknya ketika code yang akan kita tampilkan itu lebih dari 2 baris kita tampilkan dulu di notepad dan kemudian paste ke Dreamweaver. Tapi kalau hanya 1 baris seperti

<link rel="stylesheet" href="css/style.css" />

Sepertinya aman-aman saja.

2. Untuk yang kedua jika kita tidak dalam posisi “ngoding” sebaiknya di disable saja Texternya Grin Dengan cara klik kanan pada icon Texter di taskbar lalu pilih Disable

No related posts.

8 Responses to “Coding Cepat Dengan Texter”

Chrn0

May 25th, 2011 at 9:12 am

ga ga ngerti coding tp gw tau ini artikel psti berguna untuk nusa dan bangsa…wkwkwkwkwk

Cruz3N

May 25th, 2011 at 10:02 pm

zzz… Ada2 aja neh…

edo

May 28th, 2011 at 3:14 am

thx master cruzen …tutz ilmu ya
salam id03y

Cruz3N

May 29th, 2011 at 6:41 pm

@id03y : Thanks yah cinta dah mau mampir kesini In Love
WOkwokwowkowkowkwok…
Semoga berguna juga Bro walaupun tutornya sederhana Worship

July 24th, 2011 at 8:08 am

wwoooww…. mas cruzen kirain blognya udah ga ada..
ehh aktif lagi yahh?? ROTFL

October 11th, 2011 at 2:34 pm

nice tutz om, ijin belajar Yes

October 11th, 2011 at 5:41 pm

@t3k0 : Semoga berguna Bro Grin Hahaha, tutor kecil2an ini mah Razz

October 27th, 2011 at 4:09 am

wahh sya masih setia Notped++ om heheheh Grin

Leave a Response

SmileBig SmileGrinLaughFrownBig FrownCryNeutralWinkKissRazzChicCoolAngryReally AngryConfusedQuestionThinkingPainShockYesNoLOLSillyBeautyLashesCuteShyBlushKissedIn LoveDroolGiggleSnickerHeh!SmirkWiltWeepIDKStruggleSide FrownDazedHypnotizedSweatEek!Roll EyesSarcasmDisdainSmugMoney MouthFoot in MouthShut MouthQuietShameBeat UpMeanEvil GrinGrit TeethShoutPissed OffReally PissedMad RazzDrunken RazzSickYawnSleepyDanceClapJumpHandshakeHigh FiveHug LeftHug RightKiss BlowKissingByeGo AwayCall MeOn the PhoneSecretMeetingWavingStopTime OutTalk to the HandLoserLyingDOH!Fingers CrossedWaitingSuspenseTremblePrayWorshipStarvingEatVictoryCurseAlienAngelClownCowboyCyclopsDevilDoctorFemale FighterMale FighterMohawkMusicNerdPartyPirateSkywalkerSnowmanSoldierVampireZombie KillerGhostSkeletonBunnyCatCat 2ChickChickenChicken 2CowCow 2DogDog 2DuckGoatHippoKoalaLionMonkeyMonkey 2MousePandaPigPig 2SheepSheep 2ReindeerSnailTigerTurtleBeerDrinkLiquorCoffeeCakePizzaWatermelonBowlPlateCanFemaleMaleHeartBroken HeartRoseDead RosePeaceYin YangUS FlagMoonStarSunCloudyRainThunderUmbrellaRainbowMusic NoteAirplaneCarIslandAnnouncebrbMailCellPhoneCameraFilmTVClockLampSearchCoinsComputerConsolePresentSoccerCloverPumpkinBombHammerKnifeHandcuffsPillPoopCigarette