Cursor ada huruf yang mengikuti

Cara Membuat Kursor Di Ikuti Teks

Salam sejahtera Semoga sobat dalam keadaan sehat selalu..
dalam Tutorial saya kali ini,saya akan menjelas kan Bagai mana  
Cara Membuat Teks Kursor Di Ikuti Teks. Karna sebuah Blog akan Cantik Bila kita bisa menghias nya,dan itupun cara untuk membuat pengunjung blog kita Betah berlama-lama di dalam Blog kita...

Kita mulai saja tutorial nya...
Silahkan Sobat Copy scrip Di bawah ini.

<style type="text/css"> /* Circle Text Styles */ #outerCircleText { /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */ font-style: italic; font-weight: bold; font-family: 'comic sans ms', verdana, arial; color: #FF0000; /* End Optional */ /* Start Required - Do Not Edit */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Circle Text Styles */ </style><br /> <script type="text/javascript"> /* Circling text trail- Tim Tilton Website: http://www.tempermedia.com/ Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts Modified Here for more flexibility and modern browser support Modifications as first seen in http://www.dynamicdrive.com/forums/ username:jscheuer1 - This notice must remain for legal use */ ;(function(){ // Your message here (QUOTED STRING) var msg = "Nama sobat"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size = 24; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); </script>

Untuk cara Memasukan Kode di atas ini adalah sebagai berikut :
1. Pilih tataletak rancangan -->  Elemen-elemen -->Tambah Gadget-->pilih HTML/java Scrip.
2. Kemudian Sobat Bisa Copy Scrip di atas ini..
3. Sobat Bisa Lihat Kode yang seperti ini di dalam scrip,Ubahlah yang bertulisan "Nama Sobat"sesuai dengan Keingin sobat sendiri... // Your message here (QUOTED STRING)
var msg = "Nama  sobat";...
3. Kemudian Simpan...

Saya rasa Sudah cukup Jelas Untuk tutorial Cara Membuat cursor Di Ikuti Teks ini.
"Selamat Mencoba

Cara memberi animasi selamat datang di blog :)

Bagaimana Caranya Untuk memberi animasi Selamat datang di blog kita ????

1. Langkah pertama Buka  alamat ini http://widgetindex.blogspot.com..Atau Klik pada Widget blog saya yg tampilannya Mr.bean atau Spongebob

2. Setelah terbuka lihat sebelah kiri anda ada menu wekcome to my blog itu berfungsi untuk memberi Ucapan Selamat Datang di blog anda ada 3 jenis.yaitu :

a. Welcome to My blog Misc,

b. Welcome to My blog Anime  

c. Welcome to My blog KPOP

Silahkan Di Pilih-dipilih ^^.

3. Setelah anda pilih lihatlah ada 3 macam tampilan bahasa dan posisinya.

Yaitu bahasa Inggris,Melayu dan Indonesia silahkan pilih disertai posisinya yaitu samping kanan blog

Dan bawah bagian kiri blog silahkan anda pilih.

4. Copy script widget yang anda pilih dan yakinlah dengan pilihan anda*_*.

5. Login di Blog kalian www.blogger.com.

6. Klik Rancangan

7. Klik Tambah Gadget sebelah kanan Laman anda

8. Klik Edit HTML / Java Script

9. Masukkan script yang kita copy tadi simpan

10.Buka Blog anda Dan sulap-selip ^^ tampilan widget anda akan keluar Ok

Tampilan ini dapat diganti pilihlah sesuai selera anda Ayo dicoba buruan nyesel Lho …….

Sumber : http://pradikaadhie.blogspot.com/

CARA MEMASANG SCREEN SEVER KEREN BLOG :)

CARA MEMASANG SCREEN SEVER KEREN BLOG:

Screensaver blog atau biasa disebut energy saving mode merupakan kode script yang diperkenalkan pertama kali oleh onlineleaf dalam gerakan kampanye save green environtment (hemat energi). Fungsi dari kode script ini, yaitu untuk membuat website atau blog berjalandengan mengkonsumsi energi yang lebih sedikit dengan cara menutup tampilan blog saat sedang idle (diam tanpa ada aktivitas) dengan warna hitam dan gelap.

Penghematan energi pada tampilan monitor baik tabung CRT, LCD dan Plasma, yaitu dengan menampilkan warna hitam gelap, kenapa saya bilang warna hitam gelap karena warna hitam dapat juga dihasilkan dengan pencampuran warna dari RGB (Red-Green-Blue) sehingga tetap menghasilkan arus listrik walaupun warnanya hitam. Karena tujuan dari energy saving mode adalah untuk menghemat energi berarti warna hitam yang digunakan adalah warna hitam tanpa ada campuran RGB jadi saya sebut hitam gelap. Warna hitam gelap pada layar monitor dihasilkan dengan meniadakan arus listrik penghasil warna pada layar monitor sehingga dengan mematikan arus listrik ini kita sudah menghemat energi dan mengurangi emisi CO2 untuk konsumsi penggunaan listrik pada layar monitor. Penghematan yang dilakukan memang tidak terlalu signifikan tapi kalo dikali dengan pengguna komputer di seluruh dunia... lumayankan penghematannya....

Kode script energy saving mode menggunaan library JQuery jadi pastikan JQuery yang sobat pasang tidak terjadi konflik dengan kode script energy saving mode. Untuk menghindari konflik coba gunakan kode <script>jQuery.noConflict();</script> dan pasang di atas kode</Html> pada kode HTML template sobat.

Screensaver yang dibuat onlineleaf hanya menggunakan warna dan style yang sederhana, karena memang fungsinya yang dibuat untuk gerakan hemat energi. Pada postingan artikel kali ini saya akan menampilkan screensaver versi 2 dengan warna dan style yang bisa di konfigurasi supaya biar lebih energik dan menarik, selain itu screensaver versi 2 ini bisa disesuaikan dengan tema warna template blog yang digunakan. 

Cara Pemasangan :

• Login ke  blog sobat...
• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  
• Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di atas kode </Head> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar atau widget upbar.
  
  
  <!-- Screen Saver -->
  <script>
  var ssBGImg = "none";
  var ssBGColor = "monozcore";
  var ssTextColor = "white";
  var ssInactivity = 10000;
  var ssImgUrl = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPHCMRA8WbdC4kkZ_ij8oi5CkzO7W-wLRKKqnV7A3cN0VXr2N82KlgwAk0I6WyGejZx-nZXIfD8mMkNNTy33fc06nRfx6T3zs-vED_WTdqYyI7qneqck57BDWYFBJzmufJ5o5Wq3BxGJwh/s800/donkey_kong.png";
  var ssBlogName = "MonozCore";
  </script>
  <script src='http://monozcore-project.googlecode.com/files/screensaver204b.js' type='text/javascript'>
  </script>
  <!-- End Screen Saver -->

  
  
  - Keterangan :
  • var ssBGImg merupakan variabel untuk memasang gambar background screensaver. Untuk menggunakan gambar pada background silakan masukan url gambar yang ingin digunakan. Saran saya jangan menggunakan gambar dengan ukuran file lebih dari 50 Kb karena akan memberatkan waktu loading blog.
  • var ssBGColor merupakan variabel untuk warna background. Warna background dapat menggunakan teks warna standar HTML (black, blue, yellow) atau dalam kode hex (#ffffff, #fAFb17, #619bb99). Untuk warna background seperti yang digunakan MonozCore gunakan teks warna "monozcore".
  • var ssTextColor merupakan variabel untuk warna text. Warna text dapat menggunakan teks warna standar HTML (black, blue, yellow) atau dalam kode hex (#ffffff, #fAFb17, #619bb99).
  • var ssInactivity merupakan variabel untuk waktu start idle. Lamanya waktu untuk memulai screensaver. Satuan waktu yang digunakan dalam milisecond.
  • var ssImgUrl merupakan variabel untuk gambar screensaver. Untuk menggunakan gambar pada screensaver silakan masukan url gambar yang ingin digunakan. Saran saya jangan menggunakan gambar dengan ukuran file lebih dari 50 Kb karena akan memberatkan waktu loading blog.
  • var ssBlogName merupakan variabel untuk nama blog copyright. Nama yang akan tampil pada teks copyright.
• Klik "Save" dan lihat hasilnya...

Cursor keren pada blog anda :)

Pengin cursor pada blog anda berbeda? Nih panduannya:

Panduan Cara Mengganti Cursor Blog Blogger

Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.

Langkah Kedua
Temukan kode css, seperti ini

body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda

cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFqgLkSgnLyfCEjw7wF8VjqemNPtfLobdz_Rx8UDmKs7A3V4aaiuIQGZYZcWStUoNBzcPdZC6IlBP1Nu9jVOM1mMHLqhEFjfxWxPJFMswVcaDydUAysD6L8dCidxgRq1H4k5vLoPCbIu9/s1600/jasablogsitus-web-id.gif'),text

Sehingga nanti jadinya seperti ini

body {
background:#160500;
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFqgLkSgnLyfCEjw7wF8VjqemNPtfLobdz_Rx8UDmKs7A3V4aaiuIQGZYZcWStUoNBzcPdZC6IlBP1Nu9jVOM1mMHLqhEFjfxWxPJFMswVcaDydUAysD6L8dCidxgRq1H4k5vLoPCbIu9/s1600/jasablogsitus-web-id.gif'),text;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna  purple dengan link gambar yang teman inginkan

Teman-teman bisa mencari gambar cursor lewat Google dengan mengetikkan kata kunci Free Cursor, Free Cursor For Website, dsb. Atau mau bikin cursor sendiri juga boleh.

Selamat mencoba dan semoga berhasil

Cara menginstall Linux Ubuntu

1.Masukkan CD Installer ke perangkat CD / DVD-ROM dan reboot komputer untuk boot dari CD.
Tunggu sampai CD termuat ...

2.Anda akan melihat wallpaper dan jendela instalasi. Pilih bahasa dan klik tombol "Install Ubuntu 10.04
LTS" untuk melanjutkan ..

3.Layar kedua akan menampilkan peta bumi. Setelah pemilihan lokasi, waktu sistem akan menyesuaikan.
Klik tombol "Forward" setelah Anda memilih lokasi yang Anda inginkan ..

4.Pada layar ketiga, Anda dapat memilih layout keyboard yang diinginkan.
Klik tombol "Forward" bila Anda telah selesai dengan konfigurasi keyboard ...

5.Anda memiliki empat pilihan di sini:

  Jika Anda memiliki sistem operasi lain (misalnya Windows XP) dan Anda ingin sistem dual boot, pilih :

1. Pilihan pertama : "Instal mereka berdampingan, memilih di antara mereka pada setiap startup."
2. Pilihan Kedua : "Jika Anda ingin menghapus sistem operasi yang ada, atau hard drive sudah kosong dan Anda ingin agar installer secara otomatis mempartisi hard drive Anda, pilih pilihan kedua, "Gunakan seluruh disk (Use entire disk)"
3. Pilihan Ketiga : "Gunakan ruang terbesar bebas terus-menerus" dan akan menginstal Ubuntu 10.04 di ruang unpartitioned pada hard drive yang dipilih.
4. Pilihan Keempat : "Tentukan partisi secara manual" dan dianjurkan HANYA untuk pengguna tingkat lanjut, untuk membuat partisi khusus atau memformat hard drive dengan filesystem lain dari yang default. Tetapi juga dapat digunakan untuk menciptakan partisi / home, yang sangat berguna jika Anda menginstal ulang seluruh sistem.

6.Tabel partisi akan terlihat seperti gbr di atas. Klik tombol "Forward" untuk melanjutkan instalasi ...

7.Pada layar ini, isi kolom dengan nama asli Anda, nama yang ingin Anda gunakan untuk login di Ubuntu
OS (juga dikenal sebagai username yang akan diminta untuk log in ke sistem), password dan nama
komputer (secara otomatis, tetapi bisa ditimpa).

8.Juga pada langkah ini, ada sebuah opsi bernama "Login secara otomatis". Jika Anda mencentang kotak
pada pilihan ini, Anda akan secara otomatis login ke desktop Ubuntu. Klik tombol "Forward" tombol
untuk melanjutkan ...

9.Ini adalah langkah akhir instalasi. Klik tombol “Install”.

10.Ubuntu 10.04 LTS (Lucid Lynx) akan terinstall...

11.Setelah beberapa menit (tergantung spesifikasi komputer Anda), sebuah jendela pop-up akan muncul,
yang memberitahukan bahwa instalasi selesai, dan Anda harus me-restart komputer untuk
menggunakan sistem operasi Ubuntu yang baru diinstal. Klik tombol "Restart Now"...

12.CD tersebut akan keluar otomatis; keluarkan dan tekan "Enter" untuk reboot. Komputer akan direstart
dan dalam beberapa detik, Anda akan melihat boot splash Ubuntu ...

13.Pada layar login, klik nama pengguna Anda dan masukan password Anda.
Klik "Log In" atau tekan Enter ...

14.Tampilan Desktop Ubuntu 10.04 LTS (Lucid Lynx).

 Sekian.

Cara Install Windows XP dengan Flashdisk

Untuk temen-teman yang punya netbook, notebook tanpa memiliki CD Room  adalah cara yang paling efektif untuk melakukan Installasi Windows menggunakan Flashdisk. Tanpa CDROOM pun Laptop Notebook anda bisa di Install windows tanpa mengalamai kendala. Cara Install Windows dengan Flashdisk sangat mudah di Lakukan, ngga harus ahli komputer dan ngga harus jago Installasi software semua bisa melakukannya dengan Mudah.

Untuk Cara Install Windows XP dengan Flashdiskatau Cara Install Windows dengan Flashdisk memerlukan beberapa software yang kudu disediakan dinataranya 3 Siung bawang merah, 5 Sedok makan Ketumbar... ahahahha ngga ding, kayak mau masak ajah nich, biar ngga tegang ajah tutorialnya. Untuk MElakukan Installasi Windows pada Notebook / Netbook yang tidak memiliki CDROM kita terlebih dahulu membuat Installer Windows pada Flashdisk. Alat dan software yang diperlukan adalah sebagai berikut :

1. 1 Buah Flashdisk ( Kapasitas Minimum  1 GB / 2GB untuk windows XP dan 4GB atau lebih untuk Windows 7 / Windows Vista)
2. Komputer (PC) / Laptop yang memiliki CD ROOM / DVD ROOM
3. CD Installer Windows XP, Windows Windows 7 / Vista
4. Software Pembuat Installer Windows ke Flashdisk (bisa download disini)
• USB_Prep8
• PEtoUSB
  
  * Setelah ke 2nya di Download Extract dan jadikan dalam 1 Folder atau masukan PeToUSB.exe jadi 1 folder dengan USB_Prep8. Jadi kek gini kalo di satuin dlm 1 folder :

Ok, kita mulai saja Pembuatan Master Windows Installer Pada Flashdisk :
Pertama tama kita siapkan doloe pernak pernik yang tadi kita udah kumpulkan, Masukkan Windows XP Installer ke CDROOM komputer master, Pasang USB di Komputer master. Selanjutnya Jalankan usb_prep8.bat untuk memulai membuat Windows Installer di Flashdisk. Akan muncul pertama kali jendela PEtoUSB yang akan memformat USB yang tadi kita telah pasang.

Lakukan Performatan dengan PEtoUSB dengan mencentang pada bagian Enable Disk Format, Quick Format, dan Enable LBA (FAT 16X) lalu klik START !. Setelah selesai Tutup PEtoUSB tapi jangan tutup Jendela Command Promt, karena itu akan melanjutkan proses untuk Install Windows XP dengan Flashdisk.

Setelah tertutup PEtoUSB akan muncul Jendela Command Prompt " Tekan Sembarang tombol Untuk Memulai Pembuatan ". Akan tampil menu yang intinya meminta setting alamat Drive Master Windows Installer (Pilihan Nomor 1) dan Alamat Drive USB (Pilihan Nomor 3) anda . Pilih ketik angka 1 dan enter, akan keluar jendela untuk memilih keberadaan master Windows installer anda (arahkan pada CDROOM atau Folder yang ada System Windows anda)

Selanjutnya Ketik angka 3 dan enter untuk mengarahkan Alamat USB anda. Semisal USB di H maka ketik H atau sesuai dengan Alamat Drive Flashdisk anda.

Selanjutnya Pilih atau Ketik angka 4 untuk Memulai Pembuatan Windows Installer di Flashdisk. Pertama-tama akan melakukan Format Flashdisk doloe tekan "Y" untuk memulainya.

Setelah selesai, Tekan Sembarang tombol "Press any Key to Continue..." untuk melanjutkan. Proses pengcopyan data akan segera dilakukan, kita tinggal tunggu ajah, sampe ada informasi "Copy TempDrive Files to USB-Drive in about 15 minutes = Yes OR STOP = End Program = No"

Pilih "Yes" Untuk Melanjutkan. Selanjutnya apabila ada option untuk "Yes" dan "No" pilih ajah Yes hingga akhir Pengopian.

Proses Selesai, maka Flashdisk sudah bisa digunakan untuk Install windows pada Notebook / Laptop / Netbook Tanpa CDROOM, Cara Install Windows XP dengan Flashdisk sudah bisa dilakukan sekarang. Oke kita mulai saja Install Windows XP dengan Flashdisknya. Pastikan Laptop/Notebook/Netbook starting awal menggunakan Flashdisk, bisa diatur pada menu botting pada setup awal. bisa menggunakan F2 atau tombol Del (Tapi Kalo Laptop sekarang biasanya automatis akan mencari drive yang memiliki Operating sistem yang ada). Jika benar maka akan keluar tampilan semacam ini di layar monitor :

Pilih menu nomor Satu "TXT Mode Setup Windows XP, ...." Enter untuk memulai Installasi.

Installasi sama seperti install Windows Biasa yang bisa anda bisa baca di Install Windows XP SP3 Lengkap untuk Pemula. Setelah Pengopian Driver selesai maka Komputer akan Restart dan Pilihlah Menu Nomor 2 Untuk melanjutkan Installasi Windows. Kalo anda salah memilih, restart kembali Komputer dan pilih nomer 2.

Cara Install Windows XP dengan Flashdisk atau (Windows to Flashdisk) Sudah selesai dan anda sekarang sudah bisa Install Windows tanpa CDROOM di laptop anda. Semoga Install Windows XP dengan Flashdisk ini bisa bermanfaat untuk anda.

Pengertian Straightedge ^_^

Nih temen-temen PUNK  ngga selalu harus bergaya dengan rambut nya yang khas dan atribut lainnya, PUNK juga bisa bersih dan bermoral, ini sebagian kecil pengertian tentang movement atau pengertian Straightedge :)
Straight Edge adalah sebuah gaya hidup, filosofi dan pergerakan anak muda yang menganut anti penggunaan narkoba, penggunaan minuman beralkohol, merokok dan hubungan sex bebas, walaupun pergerakan garis keras yang lebih dalam mereka menghidari penggunaan obat secara menyeluruh (termasuk penggunaan secara medis) dan mereka mempercayai bahwa sex adalah hanya untuk menghasilkan anak saja. Straight edge hanyalah sebuah motivasi hidup untuk tidak merusak diri sendiri dengan mengkonsumsi zat-zat/ hal-hal yang dianggap berbahaya untuk diri sendiri dan penyikapannya kembali kepada kontrol individu. Gaya hidup straight edge mencoba untuk memberikan alternatif baru di scene punk/ hardcore yang sangat identik dengan kebiasaan mabuk dan kerusuhan. Banyak orang yang mengklaim bahwa dirinya seorang penganut faham ini karena mereka ingin mengontrol kehidupan mereka, berontak dari budaya penggunaan narkoba, menghindari diri berhubungan dengan narkoba, mereka menyaksikan efek negatif dari penggunaan narkoba dalam keluarga atau teman-teman, atau bahkan bisa pula untuk membedakan diri. Filosofi utama yang dibawakan oleh penganut faham ini adalah penggunaan narkoba terhadap lingkungan sosial dan krisis moral yang bisa menyebabkan hancurnya rumah tangga, bisnis dan khususnya kehidupan anak-anak remaja. Ide tentang straight edge ini sebenarnya sudah ada di dalam lagu-lagu band protopunk tahun 70-an yakni The Modern Lovers. Namun istilah Straight Edge dicetuskan oleh band Minor Threat, band ini disebut sebagai dasar gaya hidup ini, dalam sebuah lagu mereka yang berjudul Straight Edge.