The Dark of han: 2012

Thursday, November 29, 2012

Logic was such a Liar Logic was such a Liar

from 9gag insaneshit

Thursday, October 25, 2012

Great love ever

CINTA takkan cair di musim panas

takkan beku di musim dingin

takkan luluh di musim gugur

namun akan senantiasa berbunga seperti di musim semi

JALAN menuju cinta itu tidak selama nya lurus

ada tikungan yang bernama kegagalan

lingkaran yang bernama kebingungan

tanjakan yang bernama godaan

lampu merah yang bernama kejanggalan

lampu kuning yang bernama perdebatan

kadang juga mengalami ban kempes yang bernama perselingkuhan

TETAPI

bila kita memiliki ban serep yang bernama kesabaran

maka akan dapat asuransi yang bernama iman

asal kan kita mengemudikan nya dengan modal kepercayaan

MUDAH2AN,,akan sampai ke tujuan yang bernama cinta sejati

Saturday, October 20, 2012

// latihan3_2 Pemrograman HTML_WD_RayhanNugraha_X-6

Latihan 3_2

Oleh : Rayhan Nugraha
Kelas : X-6
Blog : http://www.404errorx.blogspot.com/
Source:

Screen Shot

Script Code

<html>

<head>
<title>Latihan3-2</title>
</head>
<body>
<h1 align="center">Latihan 3_2 Pemrograman HTML</h1>
<h2 align="center"><i>Oleh : Rayhan Nugraha</i></h2>
<hr>
<font face="Times New Roman"><i><b>1. Fuad Hasan</b></i></font>
<br>
<font face="Comic Sans MS">Riwayat sekolah</font>
<ol start="1" type="a">
    <li>SDN Kertagama</li>
    <li>SMP Negeri 9 Cimahi</li>
    <li>SMAN 3 Cimahi</li>
</ol>
<br>
<font face="Times New Roman"><i><b>2. Rayhan Nugraha</b></i></font>
<br>
<font face="Comic Sans MS">Riwayat sekolah</font>
<ol start="1" type="circle">
    <li>SDN Budhikarya</li>
    <li>SMP Negeri 7 Cimahi</li>
    <li>SMAN 3 Cimahi</li>
</ol>
<font face="Times New Roman"><i><b>3. Savitri Nurul S</b></i></font>
<br>
<font face="Comic Sans MS">Riwayat sekolah</font>
<ol start="Number" type="1">
    <li>SDN Cibabat Mandiri 5</li>
    <li>SMP Negeri 9 Cimahi</li>
    <li>SMAN 3 Cimahi</li>
</ol>
<br>
<font face="Times New Roman"><i><b>4. Rivan DwiCahyo</b></i></font>
<br>
<font face="Comic Sans MS">Riwayat sekolah</font>
<ol type="Square">
    <li>SDN Margajaya</li>
    <li>SMP Negeri 6 Cimahi</li>
    <li>SMAN 3 Cimahi</li>
</ol>
<font face="Times New Roman"><i><b>3. Dicky</b></i></font>
<br>
<font face="Comic Sans MS">Riwayat sekolah</font>
<ol type="Disc">
    <li>SDN Tutur Tinular</li>
    <li>SMP Negeri kaskus</li>
    <li>SMAN 3 Cimahi</li>
</ol>
</body>
</html>

End Script Code

Latihan #_1 WD Rayhan Nugraha

Latihan 3-1

Oleh : Rayhan Nugraha
Kelas : X-6
Blog : http://www.404errorx.blogspot.com/

Screen Shot

Script Code

<html>
<head>
<title>latihan3-1</title>
</head>
<body bgcolor="purple">
<h1 align="center">Latihan 3_2 Pemrograman HTML</h1>
<h2 align="center"><i>Oleh : Rayhan Nugraha</i></h2>
<hr>
<font face="Comic Sans MC" color="#ff0330">Mata diklat divisi ICT :</font>
<ol>
    <li>Algoritma dan pemrograman</li>
    <li>Web Desain</li>
    <li>Animasi</li>
    <li>Desain Grafis</li>
    <li>PIK</li>
    <li>Multimedia</li>
</ol>
</body>
</html>
</body>
</html>

End Script

Thursday, October 11, 2012

to many damn thing

I admit you're too strong to leave our PAST

I admit you can forget me like a dust

you can leave our past

by let someone love you

after me ......

did you know my HEART to hear

all fucking this BULLSHIT ?

i remembered when you say

"Baby"

"I LOVE U"
"I'll never leave you"

"you're the only one in my heart"
"I promise, my heart just for you :*"

are you remember your FUCKING bullshit?

you broke my heart

with your all bullshit

so easily you say LOVE U for your new boyfriend
but it's too hard to say MISS U for you the old lovely

so easily you HOLD someone's hand
but it's too HURT for my hand when I know your with him

hahahah,,.. but it's okay ^^

i can accept all of these

I can accept this pain

Wednesday, September 26, 2012

Nyesek itu ... #2

Nyesek itu ...

jlebbb...

Tuesday, September 25, 2012

Im just a paper

Kamu adalah apa yang selalu aku tulis, sedangkan aku adalah apa yang tak pernah kamu baca~

EDITED

edited

dark ?

look at the sky, its dark? yeah cause when you see, it was 7 pm

Thursday, September 20, 2012

I want remove this fucking memories!

http://mybeloved.16mb.com/

I rebuild this because my brain memories could not save many great love story between us, i want remove this memories, but always show ERROR Messege "CANNOT DELETE THIS FILE, C:\windows\system32\lovememories.dll"

fuck !! i want reinstall my OS (my life)
but i can't

this is why i UNFOLLOWED you ! UNFRIEND you !
because i want to forget you ! and want remove this is all FUCKING MEMORIESS !!!!! I want remove all memories between us but I CAN'T !!! I CAN'T !!!

now i'm just fucking crazy man but
i have a question.

When i can forget you ?
When I CAN REMOVE THIS SHIT MEMORIES LOVE WITH YOU !?
WHEN I CAN FELL THE FREEDOM, IF THIS FUCK MEMORIES STILL PERSIST IN MY BRAIN ?!

but honestly
I STILL LOVE YOU
I WANT YOU BACK

BUT I CAN'T -,-''

i Rebuild my love with a code (Project rebooting)

Name : My Purple Lovely
Tittle : I Rebuild my broken love with a code

directory CSS location
D:\Rayhan Love\menu_assets.cs

<html>
<head>
<title>You the beloved</title>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="grey">
<font color="purple" size="24" font="arial">
<left>My lovely</left>
</font>
<p>Ku bangun kembali kisah cintaku yang telah rapuh meski terbentuk dalam barisan CODE</p>
<hr align="left" size="6" width="100%">
<div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Home</span></a></li>
<li><a href='#'><span>Sekilas tentang diriku</span></a></li>
<li class='has-sub '><a href='#'><span>Kertas yang tak bermakna</span></a>
<ul>
<li><a href='#'><span>Alone</span></a></li>
<li><a href='#'><span>Wish you were here</span></a></li>
</ul>
</li>
<li><a href='#'><span>My Blog</span></a></li>
<li class='has-sub '><a href='#'><span>Download</span></a>
<ul>
<li><a href='#'><span>love 3han source</span></a></li>
</ul>
</li>
</ul>
</div>
<center><img src="http://i1193.photobucket.com/albums/aa358/crozzye/anime-kiss-fav89457.jpg"></center>
<font color="purple" size="3" font="arial">
<left>Dear My old lovely</left>
</font>
<br>
<p align="center" text="purple">
asd
</p>
<p>From</p><font color=purple><b>someone love you .....</b><font>
<hr align="left" size="6" width="100%">
<br>
<div id="HCB_comment_box"> is loading comments...</div>
<script type="text/javascript" language="javascript" id="hcb"> /**/ </script>
</body>
</html>

Algoritma

Algoritma adalah urutan langkah-langkah logis penyelesaian masalah yang disusun secara sistematis dan logis.Kata Logis merupakan kata kunci dalam Algoritma. Langkah-langkah dalam Algoritma harus logis dan harus dapat ditentukan bernilai salah atau benar.
Algoritma Merupakan Jantung Ilmu Informatika
Algoritma adalah jantung ilmu komputer atau informatika. Banyak cabang ilmu komputer yang diacu dalam terminologi algoritma. Namun, jangan beranggapan algoritma selalu identik d

engan ilmu komputer saja. Dalam kehidupan sehari-haripun banyak terdapat proses yang dinyatakan dalam suatu algoritma. Cara-cara membuat kue atau masakan yang dinyatakan dalam suatu resep juga dapat disebut sebagai algoritma. Pada setiap resep selalu ada urutan langkah-lankah membuat masakan. Bila langkah-langkahnya tidak logis, tidak dapat dihasilkan masakan yang diinginkan. Ibu-ibu yang mencoba suatu resep masakan akan membaca satu per satu langkah-langkah pembuatannya lalu ia mengerjakan proses sesuai yang ia baca. Secara umum, pihak (benda) yang mengerjakan proses disebut pemroses (processor). Pemroses tersebut dapat berupa manusia, komputer, robot atau alat-alat elektronik lainnya. Pemroses melakukan suatu proses dengan melaksanakan atau “mengeksekusi” algoritma yang menjabarkan proses tersebut.

Melaksanakan Algoritma berarti mengerjakan langkah-langkah di dalam Algoritma tersebut. Pemroses mengerjakan proses sesuai dengan algoritma yang diberikan kepadanya. Juru masak membuat kue berdasarkan resep yang diberikan kepadanya, pianis memainkan lagu berdasarkan papan not balok. Karena itu suatu Algoritma harus dinyatakan dalam bentuk yang dapat dimengerti oleh pemroses. Jadi suatu pemroses harus :

1. Mengerti setiap langkah dalam Algoritma
2. Mengerjakan operasi yang bersesuaian dengan langkah tersebut.

Belajar memprogram tidak sama dengan belajar bahasa pemrograman. Belajar memprogram adalah belajar tentang metodologi pemecahan masalah, kemudian menuangkannya dalam suatu notasi tertentu yang mudah dibaca dan dipahami. Sedangakan belajar bahasa pemrograman berarti belajar memakai suatu bahasa aturan-aturan tata bahasanya, instruksi-instruksinya, tata cara pengoperasian compiler-nya, dan memanfaatkan instruksi-instruksi tersebut untuk membuat program yang ditulis hanyam dalam bahasa itu saja. Sampai saat ini terdapat puluhan bahasa pemrogram. Yang dapat dibedakan berdasarkan tujuan dan fungsinya. Diantaranya adalah :

• Belajar memprogram ≠ belajar bahasa pemrograman
• Belajar memprogram : belajar tentang strategi pemecahan masalah, metodologi dan
sistematika pemecahan masalah kemudian menuliskannya dalam notasi yang
disepakati bersama
• Belajar memprogram : bersifat pemahaman persoalan, analisis dan sintesis
• Belajar memprogram, titik berat : designer program
• Belajar bahasa pemrograman : belajar memakai suatu bahasa pemrograman, aturan
sintaks, tatacara untuk memanfaatkan instruksi yang spesifik untuk setiap bahasa
• Belajar bahasa pemrograman , titik berat : coder
• program dengan rancangan yang baik (metodologis, sistematis)
• Dapat dieksekusi oleh mesin
• Berfungsi dengan benar
• Sanggup melayani segala kemungkinan masukan
• Disertai dokumentasi
• Belajar memprogram, titik berat : designer program

Notasi Algoritma dapat diterjemahkan ke dalam berbagai bahasa pemrograman. Analoginya sama dengan resep membuat kue. Sebuah resep dapat ditulis dalam bahasa apapun. Bahasa Jepang, Inggris, Perancis, Indonesia, dan lain sebagainya. Apapun bahasanya, kue yang dihasilkan tetap sama asalkan semua aturan pada resep diikuti. Mengapa demikian ? Karena setiap juru masak (sebagai pemroses) dapat melakukan operasi dasar yang sama, seperti mengocok telur, menimbang berat gula, dan lain sebagainya.

Demikian juga halnya dengan komputer. Meskipun setiap komputer berbeda teknologinya, tetapi secara umum semua komputer dapat melakukan operasi-operasi dasar dalam pemrograman seperti operasi pembacaan data, operasi perbandingan, operasi aritmatika, dan sebagainya. Perkembangan teknologi komputer tidak mengubah operasi-operasi dasar it, yang berubah hanyalah kecepatan, biaya, atau tingkat ketelitian. Pada sisi lain setiap program dalam bahasa tingkat tinggi selalu diterjemahkan kedalam bahasa mesin sebelum akhirnya dikerjakan oleh CPU. Setiap instruksi dalam bahasa mesin menyajikan operasi dasar yang sesuai, dan menghasilkan efek netto yang sama pada setiap komputer.

Algoritma berisi urutan langkah-langkah penyelesaian masalah. Ini berarti Algoritma
adalah proses yang procedural.

Definisi Prosedural menurut Kamus Besar Bahasa Indonesia :

1. Tahap-tahap kegiatan untuk menyelesaikan suatu aktivitas.
2. Metode langkah demi langkah secara eksak dalam memecahkan suatu masalah.

Pada pemrograman procedural, program dibedakan antara bagian data dengan bagian instruksi. Bagian instruksi terdiri atas runtutan (sequence) instruksi yang dilaksanakan satu per satu secara berurutan oleh pemroses. Alur pelaksanaan instruksi dapat berubah karena adanya pencabangan kondisional. Data yang disimpan di dalam memori dimanipulasi oleh instrusi secara beruntun atau procedural. Paradigma pemrograman seperti ini dinamakan pemrograman procedural.

Bahasa-bahasa tingkat tinggi seperti Cobol, Basic, Pascal, Fortran dan C mendukung kegiatan pemrograman procedural, karena itu mereka dinamakan juga bahasa procedural. Selain paradigma pemrograman procedural, ada lagi paradigma yang lain yaitu pemrograman berorientasi objek (Object Oriented Programming). Paradigma pemrograman ini merupakan trend baru dan sangat populr akhir-akhir ini. Paradigma pemrograman yang lain adalah Pemrograman Fungsional, Pemrograman Deklaratif dan Pemrograman Konkuren.

sumber : ariefcrb

Wednesday, September 19, 2012

1-

FAUK

Saturday, August 18, 2012

Waiting .. for nothing

edited

blog gw aneh -,-'''

blog gw ini emang aneh sangat

blog gw mau di isi tutorial blog atau isi curhatan galau hahaha
#galau

Sunday, July 29, 2012

Cinta itu ...

cinta,,,

mengapa semua harus terjadi???
mengapa disaat terang dunia kalbuku kau berlalu
kau tinggalkan sepenggal dusta dalam rasa,,

cinta..

aku hanya mampu memeluk rasa
memeluk mimpi senja yng kelabu
meniti harapan fajar kelana,,

cinta..

kau buat aku tak yakin untuk melangkah
kau beri aku segenggam luka
mengapa cahaya pelangi menjadi api,,

selamat jalan cinta,,
selamat berbahagia di atas luka ku,,
biarkan kata merangkai hati serupa darah dibalik tirai….

Saturday, July 28, 2012

Dipikiranku hanya kamu

Aku bingung, dengan diriku yang sekarang
entah apa yang telah merasuki pikiranku,
di pikiranku hanya kamu,

kamu yang selalu ku pikirkan,
di setiap malam ku melihat bintang,
perasaan rindupun datang

di otakku tetap ada wajahmu
di mataku tetap ku ingat tatapan indahmu
di tangan ini ku rindukan genggaman tanganmu
dan dihati ini terus terukir namamu

sampai kapan aku harus seperti
menghadapi masalah hati yang galau

secantik manapun wanita yang ada di hadapanku
sebaik manapun wanita yang ada di samping kiri, kananku
dan sepeduli manapun wanita yang ada dibelakangku

namun di hati ini hanya terukir namamu,
yang belum bisa ku gantikan dengan yang lain,

namun bagaimanapun juga aku tak pantas untukmu ...

Thursday, July 26, 2012

your shadow mrs. purple

Ada bayang yang tak pernah pergi
Ada nama yang s’lalu mendiami
serta seutas wajah yang menerangi
Pada hati…bangkitkan semangat diri
tuk lalui hari-hari

Meski kutau bagiku takkan mungkin lagi ada dirimu
Tetap saja kubiarkan engkau mendiami seluruh taman asa
di antara kuntum bunga mawar yang pernah ada diantara kita
Merekah indah diantara ‘harap dan nyata’

Ada keyakinan yang tak terbeli
Oleh ribuan hari-hari penantian hati
Susuri hidup… walau tertatih seorang diri
dan kau tetap disana, diami sudut paling sunyi
dan suci…

Pengenalan HTML

HTML (Hyper Text MarkUp Language) dengan web editor ialah notepad sebenarnya web editornya bisa adobe dreamweaver.

Istilah :
- Internet adalah kepanjangan dari International networking yang artinya jaringan computer berskala internasional/global yang dapat membuat masing-masing computer saling berkomunikasi.
- URL adalah kependekan dari Uniform Resource Locators artinya sebuah alamat didalam internet yang terdiri atas 2 bagian. Bagian pertama adalah pengenal protocol dan bagian kedua adalah pengenal domain.
- HTTP adalah kependekan dari dari Hyper Text MarkUp language artinya adalah sebuah protocol yang berfungsi untuk mendefinisikan dan menjelaskan bagaimana server dan client berinteraksi dalam mengirim dan menerima dokumen web.
Penamaan dokumen HTML
Pada dasarnya setiap dokumen atau file yang disimpan secara default atau secara otomatis akan diberikan sebuah extention atau akhiran, misalnya pada dokumen yang di edit dengan menggunakan Microsoft word, ketika disimpan pada media penyimpanan akan ditambahkan .doc atau pada dokumen Microsoft excel akan menambahkan .xls
Untuk dokumen yang di simpan dengan menggunakan format HTML, maka pada tiap dokumen yang disimpan harus ditambahkan sebuah akhiran .htm atau .html karena pada dasarnya tiap dokumen html akan dapat di eksekusi pada sebuah browser seperti Internet Explorer yang didalamnya dapat mengenali extention .htm atau .html

Elemen Dan tag pada dokumen HTML

Dokumen yang dibuat dengan format HTML, terdiri dari beberapa elemen yang saling berkaitan antara satu dengan yang lainya untuk membentuk suatu dokumen HTML yang utuh. Elemen yang dibutuhkan untuk membuat sebuah dokumen HTML yang utuh ialah, Element HTML, Element Head, Element title, Element body yang masing masing element di apit oleh sebuah tanda atau disebut dengan delimeter. Elemen yang telah di apit oleh sebuah tanda / delimiter sering disebut dengan tag.
Delimeter yang digunakan adalah tanda lebih kecil < atau tanda lebih besar >. Secara utuh sintaks dari elemen atau tag html ditulis sebagai berikut

<nama elemen>
Misalnya : <html>

Setiap element atau tag dalam dokumen HTML harus selalu diakhiri dengan tag penutup untuk menghindari terbukanya informasi dalam suatu tag HTML. Untuk mengakhiri elemen atau tag dalam sebuah dokumen HTML, dibutuhkan sebuah tanda atau delimeter tambahan, yaitu dengan menambahkan backspace atau /. Secara utuh sintaks untuk elemen atau tag penutup adalah sebagai berikut :

</nama element>
Misalnya : </html>

Struktur dokumen HTML

Elemen yang terdapat dalam sebuah dokumen HTML terbagi atas 2 bagian, yaitu section head dan section body. Section head berfungsi untuk menampilkan informasi pada jendela browser yang terdapat pada sebuah dokumen HTML. Biasanya informasi yang ditampilkan pada jendela browser berupa isi/informasi yang terdapat pada tag title, misalnya <title> isi/informative</title>. Sedangkan section body untuk menampilkan informasi yang dapat ditampung pada section body misalnya teks, paragraph, dll. Secara utuh struktur dokumen dan elemen pendukungnya, dapat di tulis sebagai berikut :

<html>
<head>
<title>Sempak Sample</title>
</head>
<body>
Isi dari sempak sample
</body>
</html>

Wednesday, July 25, 2012

Penantian

Aku sendiri di sini
Yang selalu Mengharap Hadir mu
Menanti Kasih sayang yang sempurna

Kian hari ku mengharap mu
Tuk mendampingi ku
Yang tak mampu menatap cinta lain
Yang tak sanggup berdiri s’perti dulu

Harus kemana lagi aku harus berjalan
Mencari dirimu yang penuh dengan cinta
Haruskah aku terus berjuang
Menelusuri ranjau yang penuh duri?

Aku tak mengharap lebih darimu
Hanya Cintamu yang kuingin
Hanya Kasih sayang mu yang harap

Andai takdir tak berpihak padaku
Berilah aku kesempatan tuk mencari nya
Mencari orang yang bersedia menggantikan mu
Walau berat rasa hati ini tuk menggantimu

Tuesday, July 24, 2012

Perjalanan cinta denganmu

pertama kalinya dalam perjalanan hidupku
aku mulai mencintai
sesosok wanita yang tak begitu cantik
tetapi begitu menusuk jiwaku
sesosok wanita yang tak begitu tajir
tapi selalu dapat memenuhi keinginanku

dia begitu istimewa bertahta dihatiku
begitu indah menduduki segenap jiwaku

cinta ini mengajariku banyak hal
dia ada ketika ku tertawa
dan dia juga ada ketika ku dirundung kesedihan

cinta ini semakin mendewasakanku
dia tlah membuka mataku
tersenyum untuk kehadiranmu
mencerahkan langkahku
menyejukkan relung jiwaku yang haus akan kasih sayang

tapi sayangnya….
cinta ini harus berakhir

aku harus berdiri lagi disini untuk merasakan kepahitan itu tapi aku tak pernah membenci cinta ini
karna hidup tak pernah terus berjalan bahagia
dan langkahku takkan berhenti sampai disini…

masih banyak tantangan hidup yang harus ku lewati
dan aku akan terus berjalan kedepan dengan pasti
ku harap cinta ini dapat menjadi sebuah kenangan

walau bukan kenangan terindah...

Monday, July 16, 2012

My first Love Letter

Ini adalah surat cinta pertama gw (lebay) .. setiap gw baca surat ini gw jadi GALAU orang yg selalu ada disamping gw kini sudah ga disamping gw lagi (ya iylaha wkwk)

You, The Beloved

With you, I feel calm
The sun shines brightly
But your eyes glow brighter than the sun
That makes me want to continue to stand by you, looking at the beautiful eyes

An oddity in you that is why you do not have wings like an angel the other?
When you are more beautiful than any other nymph
If i hear the melodious and soft voice, I so want to sing you a beautiful symphony
And hope you're listening to the strains of that song

Really made me curious question is "whether you have the same feeling with me?"
Hope you read this little poem that may not deserve to be read even created
And if one day we are destined to be standing close together, holding hands, and walk together,
That's when i will not let you go and continue to love you until the end of time

I do always keep calling your name, continue to hold on and keep calling your name until the end of my life
Because I love you, and love you more than anything
MORE THAN ANYTHING

Dedicated to someone love you .....

My Queen of mystery

...............Notes To You My Queen Of Mystery...............
Semalam aku menulis namamu dalam sebuah surat cinta,
bukan surat cinta namun
catatan-catatan tak berharga yang di dalamnya ada hamparan rindu.
Kala aku mulai membaca tulisanku sendiri, terasa kau semakin dekat dan menatapku.
dalam harapku kau terus lahir dari imajinasi-imajinasiku.
Bayangmu telah menguasai setiap sudut pikiranku.
Ketika malam itu kembali datang, mengundang rindu memancing sepi pada gelapnya malam yang satupun bintang tak memberi cahayanya.

aku terus menuliskan namamu dalam kisahku. mengubur harapku.
Untuk menghadapi masalah hati yang galau,
ijinkan aku menuliskan namamu dalam tiap lembaran kasih yang tuhan hadiahkan.
Betapa hebatnya rasa yang tuhan titipkan padaku,
kau akan bahagia bersamanya. Semoga sangat berbahagia.
Jauh sebelum nantinya kau mengerti akan perasaanku,
aku tidak akan pernah mengungkapnya. Kupikir, kau bisa dapatkan ,
kisah cinta yang jauh lebih baik. Dan karena aku memang tak pantas untukmu.

From : orang yg selalu melihat mu dari kejauhan .

Cara mengganti warna latar blog (kaler change)

Apa sih Kaler Change itu ?
kaler change itu adalah script untuk mengganti latar blog dengan latar yang kita inginkan :D
demonya bisa lihat disini bro Klik Disini

gimana agan tertarik ? jika tertarik ikuti langkah dibawah ini

1. Log in dengan account blogger anda
2. Klik Rancangan -> Add Gadget -> HTML/JavaScript

3. kemudian copylah kode HTML dibawah ini dan paste di kotak HTML/JavaScript

<div class="widget-content">
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<p align="center">Ganti warna blog by reznov ganteng</p>
<table border="1"
width="100%" height="50">
<tbody><tr>
<td onclick="bgChange('#8b008b')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400d3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#cd853f')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2f4f4f')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#dc143c')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4b0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#a52a2a')" bgcolor="#A52A2A">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#0000ff')" bgcolor="#0000FF">
</td>
<td onclick="bgChange('#00ffff')" bgcolor="#00FFFF">
</td>
<td onclick="bgChange('#ffffff')" bgcolor="#FFFFFF">
</td>
<td onclick="bgChange('#008000')" bgcolor="#008000">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#ffa500')" bgcolor="#FFA500">
</td>
</tr></tbody></table>
</div>

note : - Untuk tulisan berwarna merah tolong diganti dengan text kalian masing2 :p
- untuk text yang di BOLD (di tebalkan) itu adalah kode colour HTML bisa diganti dengan warna2 yang anda suka ... kode colour HTML bisa di lihat DISINI

4. Klik simpan
5. Enjoy :D

Memasang Read More

Apasih Read More itu ?
Read More atau Baca Selengkapnya

Fungsinya apa Read More itu ?
Fungsi utama nya adalah untuk memenggal kalimat agar tidak terlihat semuanya dihalaman muka. Kalau kita klik Read Morenya maka seluruh postingan itu akan terlihat. gambarnya seperti ini

Pasti Readmore ini membutuhkan sebuah kode dalam postingan ya kan ?
ohhh engga bro dengan read more otomatis ini, agan udah ga perlu lagi masang kode di dalam postingan alias ini udah otomatis.

Gimana agan tertarik gak ? kalau tertarik ikuti langkah dibawah ini....

1. Log in kedalam blogger agan
2. Klik Rancangan -> Edit HTML -> klik download Template lengkap -> centang Expand Widget Template

3. kemudian carilah kode </head> (gunakan F3 untuk memudahkan pencarian) jika sudah ketemu copylah code dibawah ini dan paste diatas code </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/404errorx/home/reznovnugraha/ridmore1.js' type='text/javascript'/>

4. Kemudian carilah kode <data:post.body/> jika kode ini ditemukan ada 2 pilih yang pertama
5. kemudian ganti kode <data:post.body/> dengan kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Baca Selengkapnya ...</b></a></span>
</b:if>
</b:if>

6. Klik simpan
7. Selesai :D

Sunday, July 15, 2012

DOA

Jika kamu BERDOA, jangan meminta kehidupan yang mudah, tetapi mintalah kepada tuhan untuk menjadikanmu pribadi yang kuat.

Mulia

Semulia-mulia MANUSIA ialah orang yang mempunyai adab yang merendah diri ketika berkedudukan tinggi, memaaf ketika berdaya membalas dan bersikap adil ketika kuat.

Ciri-ciri orang BUDIMAN

Tanda-tanda orang yang BUDIMAN ialah dia akan berasa gembira jika dapat berbuat kebaikan kepada orang lain, dan dia akan merasa malu jika menerima kebaikan daripada orang lain.

Hidup ini INDAH

Setiap saat dalam hidupmu adalah ibarat GAMBAR yang belum pernah terlihat, dan gambar yang tidak akan pernah terlihat lagi. Jadi, nikmati hidupmu dan jadikan setiap momen menjadi indah.

sumber : carakata

Left 404 Bubble menu

ini adalah menu dimana saat di arahkan menggunakan kursor akan memberikan efek bubble
dan menu ini melayang disebelah kiri Blog, Ukuran dari menu ini cuma 3kb, jadi tidak terlalu membebani loading blog, silahkan melihat demonya DISINI
"Note : Not Support dengan browser internet explorer"

Gimana tertarik ga ? kalau tertarik ikuti langkah dibawah ini

1. log in ke blogger
2. Klik Rancangan -> Edit HTML -> centang Expand Widget Template
3. carilah code </body> (tekan F3 untuk memudahkan pencarian) kemudian copylah code dibawah ini

<style type="text/css">
a.toltip{position:relative; z-index:24; color:#3CA3FF;}
a.toltip span{display:none;}
a.toltip:hover{z-index:25;}
a.toltip:hover span.tooltip{display:block; position:absolute; top:15px; left:80px; padding:15px 0 0 0; width:200px; color:#000; text-align:center;opacity:0.8;}
a.toltip:hover span.top{display:block; padding:30px 8px 0; background:url(http://i1193.photobucket.com/albums/aa358/crozzye/bubble.gif) no-repeat top;
}
a.toltip:hover span.middle{display:block; padding:0 8px;font:12px Verdana;background:url(http://i1193.photobucket.com/albums/aa358/crozzye/bubble_filler.gif) repeat bottom;
}
a.toltip:hover span.bottom{display:block; padding:3px 8px 10px; color:#548912; background:url(http://i1193.photobucket.com/albums/aa358/crozzye/bubble.gif) no-repeat bottom;
}
ul#bubble{position:fixed;left:-140px;top:35%;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);
}
ul#bubble li{width:60px;display:inline;float:left;border:0
}
ul#bubble li a{background-position:center;background-repeat:no-repeat;background-size:60px 30px;display:block;float:left;width:130px;height:130px;text-decoration:none;text-align:center;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;opacity:.5;transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(90deg);
}
ul#bubble li a:hover{background-size:100px 100px;opacity:1;margin-top:-30px;
}
ul#bubble .home a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/home1.png)}
ul#bubble .smaluchi a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/smaluci.png)}
ul#bubble .fesbuk a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/icontexto_user_web20_facebook.png)}
ul#bubble .twit a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/twitter_godtwitter.png)}
ul#bubble .daftar a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/daftarisi.png)}
ul#bubble .About a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/about.png)}
ul#bubble .Download a{background-image:url(http://i1193.photobucket.com/albums/aa358/crozzye/download-1.png)}
</style>
<ul id="bubble">
<li class="home"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Home</span><span class="bottom"></span></span></a></li>
<li class="smaluchi"><a class="toltip" href="http://www.sman3cmi.sch.id"><span class="tooltip"><span class="top"></span><span class="middle">SMAN 3 Cimahi</span><span class="bottom"></span></span></a></li>
<li class="daftar"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Daftar Isi</span><span class="bottom"></span></span></a></li>
<li class="fesbuk"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Facebook</span><span class="bottom"></span></span></a></li>
<li class="twit"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Twitter</span><span class="bottom"></span></span></a></li>
<li class="About"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Tentang gw</span><span class="bottom"></span></span></a></li>
<li class="Download"><a class="toltip" href="LINK ANDA"><span class="tooltip"><span class="top"></span><span class="middle">Download</span><span class="bottom"></span></span></a></li>
</ul>

4. paste di atas code </body>
note : - untuk tulisan yang berwarna MERAH itu diganti dengan link anda masing masing !
- untuk tulisan yang berwarna UNGU itu diganti dengan tulisan anda masing masing !
5. klik simpan
6. Enjoy :D

Auto Image Zoom with CSS

Kembali lagi bersama saya Reznov dan masih ganteng tenttunya (cuih)
kali ini saya akan share Auto Image Zoom With CSS
apa sih itu ? maksudnya ketika kursor digerakan ke arah gambar
maka secara otomatis gambar akan di zoom pada jarak tertentu
masih bingung ? ini demonya KLIK DISINI

anda tertarik ? jika IYA ikuti langkah dibawah ini.

1. Log in ke http://www.blogger.com/
2. Klik Rancangan -> Edit HTML -> centang Expand Template Widget
3. kemudian cari code .post-body img
4. lalu ganti kode .post-body img dengan kode di bawah ini

.post-body img { padding: 8px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ;opacity:0.4;margin:0 10px 5px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px inset #660099;box-shadow:0px 0px 30px #fff;-webkit-box-shadow:0px 0px 30px #fff;-moz-box-shadow:0px 0px 30px #fff;
}
.post-body img:hover{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px dotted #660099;box-shadow:0px 0px 30px #660099;-webkit-box-shadow:0px 0px 30px #660099;-moz-box-shadow:0px 0px 30px #660099;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:1;
}

5. Bila kode .post-body img tidak ada, letakan saja kodenya, di atas kode ]]></b:skin>
6. untuk text yang berwarna hijau itu adalah kode warna HTML, anda bisa merubahnya biar tampak lebih menarik.
7. Jangan lupa klik Simpan
8. ENjoy :D

Saturday, July 14, 2012

Bookmark social share qith JQuery

Ok kali ini saya akan post tutorial membuat tombol share ke social media,
demo bisa anda lihat DISINI

Gimana keren ga ? kalau keren dan ingin menambahkanya di blogger anda ikuti langkah dibawah ini,

1. Log in ke blogger anda (ingat gunakan gmail.com akun anda)
2. Klik tombol Rancangan -> Edit HTML -> centang Expand Template Widget

3. carilah code <head> (untuk memudahkan pencarian tekan F3) kemudian copylah code dibawah ini dan paste di atas code <head>

<link href='https://sites.google.com/site/404errorx/home/reznovnugraha/reznovganteng.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/404errorx/home/reznovnugraha/script.js' type='text/javascript'/>

4. kemudian carilah code <data:post.body/> (jika codenya ada 2 pilih lah yang paling pertama) copylah code dibawah ini dan paste di BAWAH kode <data:post.body/>

<ul class='social' id='jquery'>
<li class='delicious'>
<a href='http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title'><strong>Delicious</strong></a>
</li>
<li class='digg'>
<a href='http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title'><strong>Digg</strong></a>
</li>
<li class='facebook'>
<a href='http://www.facebook.com/sharer.php?u="+data:post.url+"&title="+data:post.title'><strong>Facebook</strong></a>
</li>
<li class='flickr'>
<a href='http://www.flickr.com/people/59053382@N04/'><strong>Flickr</strong></a>
</li>
<li class='linkedin'>
<a href='http://www.linkedin.com/'><strong>LinkedIn</strong></a>
</li>
<li class='reddit'>
<a href='http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title'><strong>Reddit</strong></a>
</li>
<li class='rss'>
<a href='http://feeds.feedburner.com/JqueryShareBookmark'><strong>RSS</strong></a>
</li>
<li class='twitter'>
<a href='http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'><strong>Twitter</strong></a>
</li>
</ul>

Ganti alamat url flickr dengan alamat flickr anda dan ganti juga alamat RSS dengan alamat RSS anda

5. Klik Simpan
6. Enjoy :D

Cara mempercepat loading blog dengan script

Banyak cara dilakukan agar loading blog itu tidak lama , misalnya aja dengan meminimalkan widget,tidak mempostingkan gambar dengan ukuran yang gede.. dan kali ini saya akan Ngeshare Trik mempercepat loading blog dengan Script.
Kalau yang lalu saya ngeposting Cara mempercepat loading blog
Kali ini saya akan bagikan cara mempercepat loading blog dengan lazy load script.
Script Lazy Load akan melipat gambar dalam artian tidak membaca gambar dimana akan mempercepat loading dan meringankan beban server.
Sekarang ikuti langkah berikut ;

1. Login ke akun blog anda
2. Klik Rancangan
3. Klik Edit HTML
4. Masukkan kode berikut di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='https://sites.google.com/site/404errorx/home/reznovnugraha/404-Lazyload.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function() {$("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjNKn7rNkh8sg_gzNUKj1wq3Y8cXzPfboChwvGenceW59swkhTV-ZdtRcsjMg1jXyiFZ1xY5gAA4tyTGl6eniCJJitJ25VU8nupIj5wN-AweDqLif1WyFOgW_G3-LTqT1CsaY0huUrc7Y/",threshold : 200});});</script>

klik Simpan

Kumpulan Javascript untuk blog

Java Script untuk Blogger

cara pemasangan-nya log in ke blogger anda, kemudian klik tombol Rancangan

kemudian klik tombol Edit HTML

dan inilah beberapa kode javascript

Script efek pelangi

ketika mouse kursor di arahkan ke link maka Link akan menjadi pelangi

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/rainbow.js" type="text/javascript"/>

cara pemasangan : cari kode </body> (tekan F3 untuk memudahkan pencarian) kemudian copylah script di atas dan paste di atas code </body>

Script efek salju kecil
membuat blog anda bersalju

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/salju.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

script efek bintang

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/bintang.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script efek daun berjatuhan

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/daun.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script efek Bintang Merah

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/Redstar.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script efek Love

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/galau.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script efek salju (versi orang galau)

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/saljugalau.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script efek Daun musim semi (versi orang galau)

<script src="https://sites.google.com/site/404errorx/home/reznovnugraha/summer-galau.js" type="text/javascript"/>

cara pemasangan : cari kode </body> kemudian copy script di atas dan paste di atas code </body>

Script Text Alert (Peringatan saat membuka blog)

<body onLoad="alert('Reznov ganteng');"></body>

cara pemasangan : cari kode <body> kemudian copy script di atas dan paste di atas code <body>
note : ganti text yang berwarna hijau dengan text anda :D

Script text berjalan ke kiri

<marquee bgcolor="red" direction="left" scrolldelay="280">Kata2 anda disini</marquee>

cara pemasangan : copy code di atas -> Klik Rancangan -> Tambah Gadget -> HTML/javascript -> paste -> save
note : ganti text yang berwarna hijau dengan text anda

Script text berjalan ke kanan

<marquee bgcolor="red" direction="right" scrolldelay="280">Kata2 anda disini</marquee>

cara pemasangan : copy code di atas -> Klik Rancangan -> Tambah Gadget -> HTML/javascript -> paste -> save

Script anti Blok text
maksudnya untuk menghindari jiplakan atau biar ngerti anti copy dan paste

<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

cara pemasangan : cari code </head> kemudian copy code di atas dan paste di atas code </head>

Script Mendisable Right Click (klik kanan)

<SCRIPT language=JavaScript>
var message = "Dilarang Copas WOY !!!";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;</SCRIPT>

cara pemasangan : copy code di atas -> Klik Rancangan -> Tambah Gadget -> HTML/javascript -> paste -> save
ganti text berwarna hijau dengan text anda :D

Script Link berkelip

<style> a:hover { text-decoration:blink; background:url(http://i1193.photobucket.com/albums/aa358/crozzye/BlinkStar.gif); } </style>

cari code </head> kemudian copy code di atas dan paste di atas code </head>
bingtangnya (pada text warna ungu) bisa di ganti juga dengan bintang dibawah ini

http://i1193.photobucket.com/albums/aa358/crozzye/str4.gif

http://i1193.photobucket.com/albums/aa358/crozzye/BlinkStar.gif

hadoohh cape... nanti update lagi .. sekian thx :D