Rabu, 07 Maret 2012

Media Sosial Malah Menjadikan Manusia Anti-Sosial?

Media Sosial Malah Menjadikan Manusia Anti-Sosial?
ilustrasiilustrasi
Media sosial? Tujuannya sih bagus. Untuk menghubungkan antar sesama individu dari belahan dunia mana pun. Mau kenal betulan atau hanya sekadar iseng-iseng sih boleh-boleh saja. Tapi, bagaimana kalau hal ini justru menjadikan individu tersebut menjadi makhluk anti-sosial?

Ini adalah pemikiran yang menarik. Selama ini kita terus-menerus mengintegrasikan teknologi maju ke dalam hidup kita,  dengan beragam aplikasi tambahan ke perangkat kita. Facebook, Twitter, seolah menjadi kehidupan kedua. Melalui teknologi tersebut, kita menciptakan, menavigasi, dan menunjukkan kehidupan emosional kita.

Kita membentuk dunia sendiri, kemudian mereka membentuk kita. Hal yang sama berlaku pada teknologi digital kita. Teknologi telah menjadi arsitek keintiman kita. Dengan online, kita menghadapi momen banyak godaan.

Kita terus-terusan SMS-an dan bermain jejaring sosial sehingga kita tidak lagi merasa kesepian. Tapi ternyata kita mengabaikan orang-orang dan dunia di sekitar kita. “Itu merupakan masalah serius, yang harus ditangani oleh teknologi, regulator serta norma aturan,” ujar psikolog Sherry Turkle.
Sherry TurkleSherry Turkle
Sherry Turkle adalah seorang psikolog dan profesor dari studi ilmu pengetahuan sosial dan teknologi di Institut Teknologi Massachusetts (MIT). Dia telah secara ekstensif meneliti bagaimana teknologi telah mempengaruhi kemampuan kita, untuk menyendiri maupun berhubungan dengan orang di dunia nyata sekitar kita.

Turkle telah menerbitkan sebuah buku berjudul “Alone Together: Why We Expect More From Technology and Less From Each Other”. Bahkan, baru-baru ini Sherry Turkle menjadi pembicara di konferensi TED (Technology, Entertainment, Design) untuk mendidik masyarakat tentang masalah ini.

Satu petunjuk hubungan digital ala media sosial yang Turkle tunjukkan yakni, “Kita bisa mengedit, dan berarti kita bisa menghapus. Dan kita membersihkan mereka dengan teknologi.” Hal ini memang nyata, misalnya di Facebook, dimana kita bisa sesuai keinginan mengangkat seseorang menjadi teman atau pun menghilangkannya dari daftar teman kita. Turkle mengatakan bahwa jenis hubungan komunikasi macam ini menawarkan “ilusi persahabatan tanpa tuntutan persahabatan.”

Kira-kira apa yang buruk tentang mentalitas “saya berbagi, oleh karena itu saya ada”, di mana orang-orang menjalani hidupnya dengan memikirkan gambar-gambar yang akan diunggah dan status yang akan mereka posting (update)? Sisi individualistis lah yang akan muncul dominan.

Jadi, bagaimana menurut Anda? Apakah Turkle tepat akan pengamatannya mengenai dampak media sosial pada hubungan manusia di dunia nyata? Atau apakah cara interaksi macam ini merupakan bentuk evolusi berikutnya dari komunikasi manusia, dalam dunia digital? Rasanya tak nyaman ya model ini.

Minggu, 04 Maret 2012

Kumpulan Efek-Efek Blog


Membuat efek buat blog. Suatu cara untuk mempercantik blog adalah dengan menambah efek tertentu di dalam blognya entah itu efek salju berjatuhan, efek bintang, efek hati berterbangan dll. Nah disini kang salman akan shere sedikit tips untuk Anda.
Namun sebelumnya kang salman beri tau tidak semua orang menyukai efek-efek seperti ini, karena apda umumnya mengganggu, apalagi saat sedang membaca, tetapi jika penempatannya tepat seperti bercerita tentang puisi, cinta dan sebagainya, menambah efek tambahan di dalam blog menjadi penunjang penting.

Oke langsung aja yuk kita bahas apa saja sih efek-efek yang ada....

Efek salju berjatuhan di blog

<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

Script bintang bertaburan

<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>

Membuat efek kembang api di Blog

<script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>

Membuat efek hati bertaburan di kursor blog

<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>

Untuk cara pemasangannya adalah sebagai berikut:

1. Silahkah masuk blog anda
2. Pilih Rancangan
3. Kemudian Edit HTML
Tips: Download lengkap template.(ini penting buat backup template blog anda,jika terjadi kesalahan)
4. centang expand widget template
5. kemudian cari kode </body>

Bila sudah ketemu pastekan kode di atas, tepat di atas kode </body> 

Kode Tulisan kedip atau Berganti Warna Saat Di Sorot Mouse
1. Silahkan login ke blog anda.
2. Klik Rancangan
3. Klik tab Edit HTML
Tips:
 Jangan lupa centang expand widget template
4. Cari kode  </head>
5. Lalu copy paste kode di bawah ini, tepat di bawah kode
</head>


6. Klik Simpan template

Semoga mencoba Kumpulan Efek-Efek Blog

Sabtu, 03 Maret 2012

Floating Share, Tombol Berbagi Jejaring Sosial (Melayang)

Floating Share, Tombol Berbagi Jejaring Sosial (Melayang)

Cara Membuat Tombol Berbagi Jejaring Sosial Melayang - Setelah kemarin blog tutorial membahas tentang cara membuat tombol share facebook dan twitter di postingan Blog, hari ini kang salman akan mengulas kembali sebuah tombol berbagi tetapi bukan di postingan, tetapi di pinggir blog dan melayang

1. Login ke blog
2. Pilih Rancangan
3. Tambah Widget
4. Pilih HTML/Javascript
5. Copy dan pastekan kode berikut :

<style  type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position:  absolute;
}

#z33sHare{
right:1%;width:  70px;background:transparant;border:0px solid  #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom:  20%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div  id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a  href="http://twitter.com/share" class="twitter-share-button"  data-count="vertical">Tweet</a><script  type="text/javascript"  src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a  title="Post to Google Buzz" class="google-buzz-button"  href="http://www.google.com/buzz/post"  data-button-style="normal-count"></a><script  type="text/javascript"  src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script  type="text/javascript">
(function() {
var s =  document.createElement('SCRIPT'), s1 =  document.getElementsByTagName('SCRIPT')[0];
s.type =  'text/javascript';
s.async = true;
s.src =  'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s,  s1);
})();
</script>
<a class="DiggThisButton  DiggMedium"></a>
</div>
</div>
<div><a  name="fb_share" type="box_count"  href="http://www.facebook.com/sharer.php">Share</a><script  src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"  type="text/javascript"></script></div><div  style="clear:both;"></div></div>

6. Terakhir simpan template anda dan lihat hasilnya! :)


Keterangan :
Untuk mengatur posisi tombol pada cara kedua (Tombol Berbagi Terapung pada Pinggir Artikel) perhatikan kode pada Langkah 4 baris 1 :
  1. bottom:20% = ubah nilai 20% untuk mengatur jarak antara bagian bawah browser dengan tombol
  2. margin-left:185px = ubah nilai 185 untuk mengatur jarak antara bagian pinggir browser dengan tombol
  3. float:left = ubah left ke right jika kita ingin menempatkan tombol di sebelah kanan halaman artikel
  4. background-color:: transparant= artinya waranya transparan anda bisa menambahkan warna lainnya

Selamat mencoba dan semoga berhasil.:)

Basic HTML


ELEMEN DASAR


Jenis Dokumen<HTML></HTML>(terdapat pada awal dan akhir dari file HTML)
Judul<TITLE></TITLE>(harus selalu terdapat pada mukadimah)
Mukadimah (Header)<HEAD></HEAD>(keterangan umum, seperti judul dsb.)
Batang Tubuh<BODY></BODY>(isi dari halaman HTML) 



ANCANGAN STRUKTURAL

Kepala<H?></H?>(Heading - spesifikasi untuk menetapkan 6 tingkatan kepala)
Penataan (Align) Kepala<H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]
Bagian (Division)<DIV></DIV>
Penataan Bagian<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
Kutipan Blok (Block Quote)<BLOCKQUOTE></BLOCKQUOTE> [*](tampilan dengan jeda terhadap batas pinggir)
Penekanan (Emphasis)<EM></EM>(umumnya huruf miring)
Penguatan (Strong Emphasis)<STRONG></STRONG>(umumnya huruf tebal)
Kutipan singkat (Citation)<CITE></CITE>(umumnya huruf miring)
Kode<CODE></CODE>(Code - untuk source code listings)
Contoh Keluaran<SAMP></SAMP>(Sample Output)
Masukan Papan Ketik<KBD></KBD>(Keyboard Input)
Variabel<VAR></VAR>(Variable)
Definisi<DFN></DFN>(Definition - jarang dipakai)
Alamat Pengarang (Author's Address)<ADDRESS></ADDRESS>
Huruf ukuran Besar<BIG></BIG>
Huruf Ukuran Kecil<SMALL></SMALL>




 
FORMAT TAMPILAN

Huruf Tebal<B></B>(Bold)
Huruf Miring<I></I>(Italic)
N3.0bGaris Bawah<U></U>(Underline - jarang digunakan)
Huruf Coret<STRIKE></STRIKE>(Strikeout - jarang digunakan)
N3.0bHuruf Coret<S></S>(Strikeout - jarang digunakan)
Huruf Geser Bawah<SUB></SUB>(Subscript)
Huruf Geser Atas<SUP></SUP>(Superscript)
Huruf Mesin Ketik<TT></TT>(Typewriter - huruf berjarak tetap)
Pra-format (Preformatted)<PRE></PRE>(menampilkan dengan jarak pra-format)
Jarak Huruf<PRE WIDTH=?></PRE>(mengatur jarak huruf)
Rata Tengah<CENTER></CENTER> [*](Center - berlaku untuk teks maupun gambar)
N1.0Huruf Kedip<BLINK></BLINK>(Blinking - tag terlucu sampai kini)
Ukuran Huruf<FONT SIZE=?></FONT>(Font Size - boleh diisi dari 1 sampai 7)
Rubah Ukuran Huruf<FONT SIZE="+|-?"></FONT>
N1.0Basis Ukuran Huruf<BASEFONT SIZE=?>(boleh diisi 1 sampai 7; ukuran standard/default=3)
Warna Huruf<FONT COLOR="#$$$$$$"></FONT>
N3.0bPilih Jenis Huruf<FONT FACE="***"></FONT>
N3.0bTeks Multi Kolom<MULTICOL COLS=?></MULTICOL>
N3.0bJarak Batas Kolom<MULTICOL GUTTER=?></MULTICOL>(default = 10 pixels)
N3.0bLebar Kolom<MULTICOL WIDTH=?></MULTICOL>
N3.0bCelah (Spacer)<SPACER>
N3.0bJenis Celah<SPACER TYPE=horizontal| vertical|block>
N3.0bUkuran Celah<SPACER SIZE=?>
N3.0bDimensi Celah<SPACER WIDTH=? HEIGHT=?>
N3.0bPenataan Celah<SPACER ALIGN=left|right|center>
 
ACUAN DAN GRAFIK

Acuan pada dokumen tertentu<A HREF="URL"></A>
Acuan pada sasaran dalam dokumen<A HREF="URL#***"></A>(bila terdapat pada dokumen lain)
<A HREF="#***"></A>(bila terdapat pada dokumen yang sama)
N2.0Jendela Sasaran (Target Window)<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>
Penamaan sasaran pada dokumen<A NAME="***"></A>
Kaitan(Relationship)<A REL="***"></A>(jarang digunakan)
Kaitan terbalik (Reverse Relationship)<A REV="***"></A>(jarang digunakan)
Peragaan Gambar<IMG SRC="URL">
Penataan Letak Gambar<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
N1.0Penataan Letak Gambar<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>
Alternatif Teks<IMG SRC="URL" ALT="***">(saat gambar belum/tidak ditampilkan)
Daerah Gambar (Imagemap)<IMG SRC="URL" ISMAP>(membutuhkan program script)
Daerah Gambar pihak klien<IMG SRC="URL" USEMAP="URL">
Uraian Daerah Gambar<MAP NAME="***"></MAP>
Pembagian Daerah Gambar<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
Dimensi Gambar<IMG SRC="URL" WIDTH=? HEIGHT=?>(in pixels)
Garis Batas<IMG SRC="URL" BORDER=?>(dalam satuan pixel)
Ruang Pembatas<IMG SRC="URL" HSPACE=? VSPACE=?>(dalam satuan pixel)
N1.0Gambar Low-Res Proxy<IMG SRC="URL" LOWSRC="URL">
N1.1Pemindahan Tarik<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(Client Pull)
N2.0Objek Cantum<EMBED SRC="URL">(Embed Object - mencantumkan objek pada dokumen)
N2.0Ukuran Objek<EMBED SRC="URL" WIDTH=? HEIGHT=?>
 
PEMISAH

Paragraf<P></P> [*](tag penutup seringkali tak diperlukan)
Align Text<P ALIGN=LEFT|CENTER|RIGHT></P> [*]
Pndah Baris<BR>(pindah ke baris berikut)
Putus Penataan Baris<BR CLEAR=LEFT|RIGHT|ALL>(Clear Textwrap)
Garis Datar<HR>(Horizontal Rule)
Penataan Letak Garis<HR ALIGN=LEFT|RIGHT|CENTER>
Tebal Garis<HR SIZE=?>(dalam satuan pixel)
Lebar Garis<HR WIDTH=?>(dalam satuan pixel)
N1.0Lebar Garis Persentasi<HR WIDTH="%">(dalam persentasi terhadap lebar halaman)
Garis Pejal<HR NOSHADE>(Solid Line - tanpa pola 3D)
N1.0Tanpa Ganti Baris<NOBR></NOBR>(No Break - mencegah ganti baris)
N1.0Sambung Suku Kata<WBR>(Word Break - letak ganti baris bila diperlukan)

DAFTAR


Daftar Tanpa Nomor<UL><LI></UL>(Unordered List - Cantumkan <LI> sebelum tiap butir)
Kompak<UL COMPACT></UL>(Compact)
Jenis Butiran<UL TYPE=DISC|CIRCLE|SQUARE>(Bullet Type - berlaku umum bagi butir terdaftar)
<LI TYPE=DISC|CIRCLE|SQUARE>(berlaku khusus pada butir ini dan selanjutnya)
Daftar Bernomor<OL><LI></OL>(Ordered List - Cantumkan <LI> sebelum tiap butir)
Kompak<OL COMPACT></OL>
Jenis Penomoran<OL TYPE=A|a|I|i|1>(berlaku umum untuk semua butir dalam daftar)
<LI TYPE=A|a|I|i|1>(berlaku khusus pada butir ini dan selanjutnya)
Nomor Mulai<OL START=?>(berlaku umum untuk semua butir dalam daftar)
<LI VALUE=?>(berlaku khusus pada butir ini dan selanjutnya)
Daftar Definisi<DL><DT><DD></DL>(Definition List - <DT>=istilah, <DD>=uraian)
Kompak<DL COMPACT></DL>
Daftar Menu<MENU><LI></MENU>(Cantumkan <LI> sebelum butir menu)
Kompak<MENU COMPACT></MENU>
Daftar Direktori<DIR><LI></DIR>(Cantumkan <LI> sebelum tiap butir direktori)
Kompak<DIR COMPACT></DIR>
 


LATAR BELAKANG DAN WARNA

Latar Belakang Gambar<BODY BACKGROUND="URL">(Tiled Background)
Warna Latar Belakang<BODY BGCOLOR="#$$$$$$"> [*](Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks<BODY TEXT="#$$$$$$"> [*]
Warna Acuan<BODY LINK="#$$$$$$"> [*]
Acuan Lepas Kunjung<BODY VLINK="#$$$$$$"> [*](Visited Link)
Acuan Aktif<BODY ALINK="#$$$$$$"> [*](Active Link)
HURUF SPESIAL(these must all be in lower case)

Special Character&#?;(where ? is the ISO 8859-1 code)
<&lt;
>&gt;
&&amp;
"&quot;
Registered TM&reg;
Copyright&copy;
Spasi tak putus&nbsp;Non-breaking Space
(Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORMULIR

Rancangan Formulir<FORM ACTION="URL" METHOD=GET|POST></FORM>Define Forms
N2.0Mengirimkan File<FORM ENCTYPE="multipart/form-data"></FORM>File Upload
Input Field<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET">
Nama Field<INPUT NAME="***">
Nilai Field<INPUT VALUE="***">
Kotak Periksa<INPUT CHECKED>(checkboxes dan radio boxes)
Ukuran Field<INPUT SIZE=?>(dalam satuan jumlah karakter)
Panjang Maksimum<INPUT MAXLENGTH=?>(dalam satuan karakter)
Daftar Pilihan<SELECT></SELECT>Selection List
Nama Daftar Pilihan<SELECT NAME="***"></SELECT>
Jumlah Pilihan<SELECT SIZE=?></SELECT>
Banyak Pilihan<SELECT MULTIPLE>(dapat memilih lebih dari satu)
Pilihan<OPTION>(butir yang dapat dipilih)
Pilihan Default<OPTION SELECTED>
Ukuran Input Box<TEXTAREA ROWS=? COLS=?></TEXTAREA>
Nama Input Box<TEXTAREA NAME="***"></TEXTAREA>
N2.0Rangkuman Teks<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>Wrap Text

TABEL

Rancangan Tabel<TABLE></TABLE> [*]
Garis Batas Tabel<TABLE BORDER=?></TABLE>
Celah Sel<TABLE CELLSPACING=?>Cell Spacing
Penyangga Sel<TABLE CELLPADDING=?>Cell Padding
Lebar Tabel<TABLE WIDTH=?>(dalam satuan pixel)
Lebar Tabel Persentasi<TABLE WIDTH="%">(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel<TR></TR>
Penataan Letak Baris<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
Sel dalam Tabel<TD></TD>(harus ada dalam setiap baris tabel)
Penataan Letak Sel<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa Ganti Baris<TD NOWRAP>
Rentang Kolom<TD COLSPAN=?>Columns to span
Rentang Baris<TD ROWSPAN=?>Rows to span
N1.1Lebar Sel<TD WIDTH=?>(dalam satuan pixel)
N1.1Lebar Sel Persentasi<TD WIDTH="%">(dalam satuan persen terhadap lebar tabel)
N3.0bWarna Sel<TD BGCOLOR="#$$$$$$">
Kepala Tabel<TH></TH>(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa Baris Baru<TH NOWRAP>
Rentang Kolom<TH COLSPAN=?>Columns to Span
Rentang Baris<TH ROWSPAN=?>Rows to Span
N1.1Lebar Kepala Tabel<TH WIDTH=?>(dalam satuan pixel)
N1.1Lebar Persentasi<TH WIDTH="%">(dalam persentasi terhadap lebar tabel)
N3.0bWarna Kepala Tabel<TH BGCOLOR="#$$$$$$">
Keterangan Tabel<CAPTION></CAPTION>Caption
Penataan Keterangan<CAPTION ALIGN=TOP|BOTTOM>(di atas / di bawah tabel)
 
FRAMES

N2.0Dokumen dalam Frame<FRAMESET></FRAMESET>(sebagai pengganti <BODY>)
N2.0Tinggi Baris Frame<FRAMESET ROWS=,,,></FRAMESET>(dalam satuan pixel atau %)
N2.0Tinggi Baris Frame<FRAMESET ROWS=*></FRAMESET>(* = ukuran relatif)
N2.0Lebar Kolom Frame<FRAMESET COLS=,,,></FRAMESET>(dalam satuan pixel atau %)
N2.0Lebar Kolom Frame<FRAMESET COLS=*></FRAMESET>(* = ukuran relatif)
N3.0bLebar Garis Batas<FRAMESET BORDER=?>
N3.0bGaris Batas<FRAMESET FRAMEBORDER="yes|no">
N3.0bWarna Garis Batas<FRAMESET BORDERCOLOR="#$$$$$$">
N2.0Rancangan Frame<FRAME>(isi dari frame individu)
N2.0Tampilan Dokumen Frame<FRAME SRC="URL">
N2.0Nama Frame<FRAME NAME="***"|_blank|_self| _parent|_top>
N2.0Lebar Batas<FRAME MARGINWIDTH=?>(batas kiri dan kanan)
N2.0Tinggi Batas<FRAME MARGINHEIGHT=?>(batas atas dan bawah)
N2.0Scrollbar?<FRAME SCROLLING="YES|NO|AUTO">Memungkinkan scrolling pada frame
N2.0Ukuran Frame tak bisa diubah<FRAME NORESIZE>
N3.0bBatas Frame<FRAME FRAMEBORDER="yes|no">
N3.0bWarna Garis Batas<FRAME BORDERCOLOR="#$$$$$$">
N2.0Isi tanpa Frame<NOFRAMES></NOFRAMES>(bagi browser yang tak mampu frame)

JAVA

Applet<APPLET></APPLET>
Nama File Applet<APPLET CODE="***">
Parameter Applet<APPLET PARAM NAME="***">
Sumber Applet<APPLET CODEBASE="URL">
Identifier Applet<APPLET NAME="***">(sebagai rujukan di tempat lain pada halaman sama)
Teks Alternatif<APPLET ALT="***">(untuk browser tanpa kemampuan Java browsers)
Penataan Applet<APPLET ALIGN="LEFT|RIGHT|CENTER">
Ukuran Applet<APPLET WIDTH=? HEIGHT=?>(in pixels)
Celah batas Applet<APPLET HSPACE=? VSPACE=?>(in pixels)


LAIN-LAIN

Komentar<!-- *** -->(tidak ditampilkan oleh browser)
Prolog HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*]
Mampu Cari<ISINDEX>(indikasi indeks yang dapat dicari-temukan)
Prompt<ISINDEX PROMPT="***">(teks sebagai prompt)
Perintah Cari<A HREF="URL?***"></a>(gunakan tanda tanya yang sebenarnya)
URL dari file ini<BASE HREF="URL">(harus terletak di header)
N2.0Nama Dasar Window<BASE TARGET="***">(harus terletak di header)
Kaitan<LINK REV="***" REL="***" HREF="URL">(Relation dan Reverse Relation, harus terletak di header)
Informasi Meta<META>(harus terletak di header)
Lembar Gaya Penulisan<STYLE></STYLE>(Style Sheet - belum didukung sepenuhnya)
Scripts<SCRIPT></SCRIPT>(belum didukung sepenuhnya).
}
Semoga bermanfaat, Panduan Lengkap Belajar HTML

Cara Mudah + Cepat Mencari Kode Html di Blogger

Cara Mudah + Cepat Mencari Kode Html di Blogger
Hari ini saya akan menuliskan Bagaimana cara mudah dan cepat untuk mencari sebuah kode html di bagian Edit Html (dashboard Blogger) ketika kita hendak mengdit template blogger kita atau ingin menambahkan script/kode di template tersebut.



artikel ini saya tulis karena ada salah satu pengunjung blog ini yang bertanaya:
gimana caranya agar kita mencari dengan cepat sbuah code di Edit HTML

Nah itu lah pertanyaan yang membuat saya merasa bahwa cara mudah dan cepat untuk mencari kode html ini perlu saya tulis.

Mencari sebuah kode html di di template blogger memang agak susah kalau kita tidak tahu cara mudahnya, kita harus merelakan sebagian waktu kita untuk memelototi kode-kode html blogger yang lumayan banyak tersebut.

Namun tahukah teman bahwa ternyata ada cara yang sangat mudah dan cepat untuk mencari sebuah kode html yang kita ingin cari itu. Misalnya kita ingin mencari kode maka kita bisa dengan cepat dan mudah menemukan kode hanya dengan beberapa kali klik saja.

Ok langsung saja.

Cara Mudah dan Cepat Mencari Kode Html di Blogger
Tekan tombol Ctrl + F secara bersamaan, maka di bagian bawah layar komputer anda akan keluar seperti ini.



(Gambar ini di ambil menggunakan Mozilla Firefox) jika anda menggunakan browse lain mungkin ada perbedaan.
jika sudah keluar maka silakan tulis kode yang ingin di temukan tersebut di kolom pencariannya.




Nah itulah cara mudah untuk menemukan sebuah kode html di blogger, selamat mencoba, semoga berhasil dan bermanfaat.

Jumat, 02 Maret 2012

Keajaiban Matematika

KEAJAIBAN MATEMATIKA

1 x 8 + 1 = 9
12 x 8 + 2 = 98
123 x 8 + 3 = 987
1234 x 8 + 4 = 9876
12345 x 8 + 5 = 98765
123456 x 8 + 6 = 987654
1234567 x 8 + 7 = 9876543
12345678 x 8 + 8 = 98765432
123456789 x 8 + 9 = 987654321

1 x 9 + 2 = 11
12 x 9 + 3 = 111
123 x 9 + 4 = 1111
1234 x 9 + 5 = 11111
12345 x 9 + 6 = 111111
123456 x 9 + 7 = 1111111
1234567 x 9 + 8 = 11111111
12345678 x 9 + 9 = 111111111
123456789 x 9 + 10 = 1111111111

9 x 9 + 7 = 88
98 x 9 + 6 = 888
987 x 9 + 5 = 8888
9876 x 9 + 4 = 88888
98765 x 9 + 3 = 888888
987654x 9 + 2 = 8888888
9876543 x 9 + 1 = 88888888
98765432 x 9 + 0 = 888888888

Hebatkan?
Coba lihat simetri ini :

1 x 1 = 1
11 x 11 = 121
111 x 111 = 12321
1111 x 1111 = 1234321
11111 x 11111 = 123454321
111111 x 111111 = 12345654321
1111111 x 1111111 = 1234567654321
11111111 x 11111111 = 123456787654321
111111111 x 111111111 = 123456789876543 21

kurang hebat,,,,
Sekarang lihat ini

Jika 101% dilihat dari sudut pandangan Matematika, apakah ia sama dengan 100%, atau ia LEBIH dari 100%?
Kita selalu mendengar orang berkata dia bisa memberi lebih dari 100%, atau kita selalu dalam situasi dimana seseorang ingin kita memberi 100% sepenuhnya.
Bagaimana bila ingin mencapai 101%?
Apakah nilai 100% dalam hidup?
Mungkin sedikit formula matematika dibawah ini dapat membantu memberi
jawabannya.

Jika ABCDEFGHIJKLMNO PQRSTUVWXYZ

Disamakan sebagai 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Maka, kata KERJA KERAS bernilai :
11 + 5 + 18 + 10 + 1 + 11 + 5 + 18 + 19 + 1 = 99%

H-A-R-D-W-O-R-K
8 + 1 + 18 + 4 + 23 + !5 + 18 + 11 = 99%

K-N-O-W-L-E-D-G -E
11 + 14 + 15 + 23 + 12 + 5 + 4 + 7 + 5 = 96%

A-T-T-I-T-U-D-E
1 + 20 + 20 + 9 + 20 + 21 + 4 + 5 = 100%

Sikap diri atau ATTITUDE adalah perkara utama untuk mencapai 100% dalam hidup kita. Jika kita kerja keras sekalipun tapi tidak ada ATTITUDE yang positif didalam diri, kita masih belum mencapai 100%.

Tapi, LOVE OF GOD
12 + 15 + 22 + 5 + 15 + 6 + 7 + 15 + 4 = 101%

atau, SAYANG ALLAH
19 + 1 + 25 + 1 + 14 + 7 + 1 + 12 + 12 + 1 + 8 = 101%

Jumat, 24 Februari 2012

Kumpulan Video Music Pilihan




Lagu "Someone Like You" membuat Adele jadi ikon berkat kemampuannya membuat penonton terharu hingga menitikkan air mata.
Para psikolog mencari tahu hal yang membuat Adele, si Gadis asal London selatan, mampu membuat pendengarnya berderai air mata.
Para peneliti telah lama tahu bahwa bagian tertentu dari musik secara konsisten dapat menimbulkan efek emosional yang kuat dari pendengarnya.
Psikolog Inggris John Sloboda mengidentifikasi hal ini lewat percobaan sederhana 20 tahun lalu.
Dia meminta para pecinta musik untuk menunjukkan bagian-bagian lagu yang membuat mereka merinding atau berlinang air mata.
18 lagu diidentifikasi dan Dr Sloboda menemukan 18 di antara lagu itu mengandung "appoggiatura", not yang bentrok dengan melodi hingga menimbulkan disonansi.
"Appoggiatura menimbulkan rasa tegang di pendengar," kata Martin Guhn,psikolog di University of British Columbia kepada Wall Street Journal.
"Bila not-not itu kembali ke jalur melodinya, ketegangan berkurang dan menimbulkan rasa nyaman."
Saat itulah rasa merinding mulai terasa pada pendengar. Jika bentrok itu terjadi beberapa kali dan berdampingan, maka akan tercipta siklus tegang dan rileks yang memicu reaksi lebih kuat.
Di titik itu, air mata mulai mengalir. "Someone Like You" ternyata bertabur not-not ornamental sejenis appoggiatura.
Dr Guhn menjelaskan bahwa Adele memodulasi nada pada akhir not panjang lalu segera masuk ke harmoni berikutnya sehingga makin memperpanjang reaksi kuat pada pendengar.
Bersama Dr Marcel Zentner, Dr Guhn menyusun sebuah studi tahun 2007 tentang efek emotif musik.
Menurut studi itu, musik akan menimbulkan efek merinding jika mengandung kejutan lewat volume, timbre dan pola harmonis.
"Someone Like You" adalah contoh klasik dari teori itu. Dimulai dengan pola, lembut berulang, dan Adele menjaga agar not tetap dalam rentang frekuensi sempit.
Kemudian, ketika chorus dimulai, suara Adele melompat satu oktaf dan nada mulai lepas dari rangkaian seiring volume yang meningkat.Pada saat yang sama, harmoni bergeser dan liriknya menjadi lebih dramatis.
Pertanyaan berikutnya; jika "Someone Like You" membuat pendengarnya sedih, kenapa lagu itu justru jadi popular?
Tim ahli saraf di Universitas McGill tahun lalu melaporkan bahwa intensitas musik secara emosional membanjiri pusat rasa senang di otak sehingga pusat rasa itu melepaskan dopamine, hal yang sama terjadi saat kita makan, berhubungan seks, atau menggunakan narkoba.
Tim itu mendapati bahwa rasa merinding yang ditimbulkan suatu lagu berhubungan dengan jumlah dopamine yang dilepas meskipun itu lagu sangat sedih.



























25 Ekstensi Google Chrome Untuk Desainer

25 Ekstensi Google Chrome Untuk Desainer

Senin, 30 Januari 2012

Kisah Haru Dari Seorang Anak Kecil .... Silahkan meneteskan air mata

Sepasang suami isteri – seperti pasangan lain di kota-kota besar meninggalkan anak-anak diasuh pembantu rumah sewaktu bekerja. Anak tunggal pasangan ini, perempuan cantik berusia tiga setengah tahun. Sendirian ia di rumah dan kerap kali dibiarkan pembantunya karena sibuk bekerja di dapur. Bermainlah dia bersama ayun-ayunan di atas buaian yang dibeli ayahnya, ataupun memetik bunga dan lain-lain di halaman rumahnya.

Suatu hari dia melihat sebatang paku karat. Dan ia pun mencoret lantai tempat mobil ayahnya diparkirkan , tetapi karena lantainya terbuat dari marmer maka coretan tidak kelihatan. Dicobanya lagi pada mobil baru ayahnya. Ya... karena mobil itu bewarna gelap, maka coretannya tampak jelas. Apalagi anak-anak ini pun membuat coretan sesuai dengan kreativitasnya.

Hari itu ayah dan ibunya bermotor ke tempat kerja karena ingin menghindari macet. Setelah sebelah kanan mobil sudah penuh coretan maka ia beralih ke sebelah kiri mobil. Dibuatnya gambar ibu dan ayahnya, gambarnya sendiri, lukisan ayam, kucing dan lain sebagainya mengikut imaginasinya. Kejadian itu berlangsung tanpa disadari oleh si pembantu rumah.

Saat pulang petang, terkejutlah pasangan suami istri itu melihat mobil yang baru setahun dibeli dengan bayaran angsuran yang masih lama lunasnya. Si bapak yang belum lagi masuk ke rumah ini pun terus menjerit, "Kerjaan siapa ini !!!" .... Pembantu rumah yang tersentak engan jeritan itu berlari keluar. Dia juga beristighfar. Mukanya merah adam ketakutan lebih-lebih melihat wajah bengis tuannya. Sekali lagi diajukan pertanyaan keras kepadanya, dia terus mengatakan ' Saya tidak tahu..tuan." "Kamu dirumah sepanjang hari, apa saja yg kau lakukan?" hardik si isteri lagi.

Si anak yang mendengar suara ayahnya, tiba-tiba berlari keluar dari kamarnya. Dengan penuh manja dia berkata "Dita yg membuat gambar itu ayahhh.. cantik ...kan!" katanya sambil memeluk ayahnya sambil bermanja seperti biasa.. Si ayah yang sudah hilang kesabaran mengambil sebatang ranting kecil dari pohon di depan rumahnya, terus dipukulkannya berkali-kali ke telapak tangan anaknya . Si anak yang tak mengerti apa apa menagis kesakitan, pedih sekaligus ketakutan. Puas memukul telapak tangan, si ayah memukul pula belakang tangan anaknya.

Sedangkan Si ibu cuma mendiamkan saja, seolah merestui dan merasa puas dengan hukuman yang dikenakan. Pembantu rumah terbengong, tidak tahu harus berbuat apa... Si ayah cukup lama memukul-mukul tangan kanan dan kemudian ganti tangan kiri anaknya. Setelah si ayah masuk ke rumah diikuti si ibu, pembantu rumah tersebut menggendong anak kecil itu, membawanya ke kamar.

Dia terperanjat melihat telapak tangan dan belakang tangan si anak kecil luka-luka dan berdarah. Pembantu rumah memandikan anak kecil itu. Sambil menyiramnya dengan air, dia ikut menangis. Anak kecil itu juga menjerit-jerit menahan pedih saat luka-lukanya itu terkena air. Lalu si pembantu rumah menidurkan anak kecil itu. Si ayah sengaja membiarkan anak itu tidur bersama pembantu rumah. Keesokkan harinya, kedua belah tangan si anak bengkak. Pembantu rumah mengadu ke majikannya. "Oleskan obat saja!" jawab bapak si anak.

Pulang dari kerja, dia tidak memperhatikan anak kecil itu yang menghabiskan waktu di kamar pembantu. Si ayah konon mau memberi pelajaran pada anaknya. Tiga hari berlalu, si ayah tidak pernah menjenguk anaknya sementara si ibu juga begitu, meski setiap hari bertanya kepada pembantu rumah. "Dita demam, Bu"...jawab pembantunya ringkas. "Kasih minum panadol aja ," jawab si ibu. Sebelum si ibu masuk kamar tidur dia menjenguk kamar pembantunya. Saat dilihat anaknya Dita dalam pelukan pembantu rumah, dia menutup lagi pintu kamar pembantunya.

Masuk hari keempat, pembantu rumah memberitahukan tuannya bahwa suhu badan Dita terlalu panas. "Sore nanti kita bawa ke klinik.. Pukul 5.00 sudah siap" kata majikannya itu. Sampai saatnya si anak yang sudah lemah dibawa ke klinik. Dokter mengarahkan agar ia dibawa ke rumah sakit karena keadaannya susah serius. Setelah beberapa hari di rawat inap dokter memanggil bapak dan ibu anak itu. "Tidak ada pilihan.." kata dokter tersebut yang mengusulkan agar kedua tangan anak itu dipotong karena sakitnya sudah terlalu parah dan infeksi akut..."Ini sudah bernanah, demi menyelamatkan nyawanya maka kedua tangannya harus dipotong dari siku ke bawah" kata dokter itu. Si bapak dan ibu bagaikan terkena halilintar mendengar kata-kata itu. Terasa dunia berhenti berputar, tapi apa yg dapat dikatakan lagi.

Si ibu meraung merangkul si anak. Dengan berat hati dan lelehan air mata isterinya, si ayah bergetar tangannya menandatangani surat persetujuan pembedahan. Keluar dari ruang bedah, selepas obat bius yang disuntikkan habis, si anak menangis kesakitan. Dia juga keheranan melihat kedua tangannya berbalut kasa putih. Ditatapnya muka ayah dan ibunya. Kemudian ke wajah pembantu rumah. Dia mengerutkan dahi melihat mereka semua menangis. Dalam siksaan menahan sakit, si anak bersuara dalam linangan air mata. "Ayah.. ibu... Dita tidak akan melakukannya lagi.... Dita tak mau lagi ayah pukul. Dita tak mau jahat lagi... Dita sayang ayah..sayang ibu.", katanya berulang kali membuatkan si ibu gagal menahan rasa sedihnya. "Dita juga sayang Mbok Narti.." katanya memandang wajah pembantu rumah, sekaligus membuat wanita itu meraung histeris.

"Ayah.. kembalikan tangan Dita. Untuk apa diambil.. Dita janji tidak akan mengulanginya lagi! Bagaimana caranya Dita mau makan nanti ?... Bagaimana Dita mau bermain nanti ?... Dita janji tidak akan mencoret-coret mobil lagi, " katanya berulang-ulang. Serasa hancur hati si ibu mendengar kata-kata anaknya. Meraung-raung dia sekuat hati namun takdir yang sudah terjadi tiada manusia dapat menahannya. Nasi sudah jadi bubur. Pada akhirnya si anak cantik itu meneruskan hidupnya tanpa kedua tangan dan ia masih belum mengerti mengapa tangannya tetap harus dipotong meski sudah minta maaf...Tahun demi tahun kedua orang tua tersebut menahan kepedihan dan kehancuran bathin sampai suatu saat Sang Ayah tak kuat lagi menahan kepedihannya dan wafat diiringi tangis penyesalannya yg tak bertepi..., Namun...., si Anak dengan segala keterbatasan dan kekurangannya tersebut tetap hidup tegar bahkan sangat sayang dan selalu merindukan ayahnya..