K-blogger

Membuat dua sidebar (Kiri dan Kanan)

2010-09-11T01:50:00.000-07:00

Selamat Hari Raya Idul Fitri 1 syawal 1431H, Setelah absen 2 hari nulis tutorial blog, saya akan memberi tutor cara Membuat dua sidebar (Kiri dan Kanan). Itu judul hasil 2 hari mikir judul yang tepat hehehe, Contoh sidebarnya adalah gambar disamping. Hasilnya mungkin sederhana tapi bisa dipercantik sendiri :D
Langsung saja ya ke caranya:
1. Masuk ke dasbor ->> rancangan ->> pilih edit html
2. Cari kode ]]></b:skin> lalu pastekan kode berikut dibawahnya

.sidebar-kiri{
width:149px;
float:left;
padding:0 10px 0 0;
}
.sidebar-kanan{
width:149px;
float:right;
}

3. Lalu cari kode berikut:

<div id="sidebar-wrapper">
.....
</div>

4. Lalu pastekan kode berikut sebelum </div>

5.Simpan template

Untuk widthnya dapat diatur sendiri sesuai template blog

Happy blogging!!!

Selamat Hari Raya Idul Fitri 1431H

2010-09-08T20:31:00.000-07:00

Lebaran Sebentar Lagi
Tak ada miskin tak ada kaya
Semua sama di depan Tuhan
Yang berbeda cuma amalnya
Semua ingin Lailatul Qadar
Semoga kita mendapatkannya

sebagian lirik lagu Lebaran Sebentar Lagi

Esok bulan suci Ramadhan akan meninggalkan kita semua...
Hanya tinggal beberapa jam, menit, dan detik lagi...
Esok dimana suara takbir akan berkumandang...

Allaahu akbar.. Allaahu akbar.. Allaahu akbar....

Semoga setelah ini kita menjadi pribadi yang lebih baik

Saya beserta keluarga mengucapkan "Selamat Hari Raya Idul Fitri 1 syawal 1431H", Mohon maaf jika selama ini saya banyak melakukan kesalahan kepada kalian semua, baik sengaja ataupun tidak sengaja.
Semoga Allah menerima ibadah dan mengampuni dosa dosa kita semua
Amin...

Membuat Widget Diatas Posting

2010-09-07T21:20:00.000-07:00

Trik blog kali ini membahas cara Membuat Widget Diatas Posting. Widget diatas posting bisa kita gunakan untuk ucapan selamat lebaran, informasi dll, Contohnya seperti ini:

Yang bertuliskan:

Kata telah terucap, tangan telah tergerak, prasangka telah terungkap, Tiada kata, Kecuali “saling maaf” jalin ukhuwah dan kasih sayang raih indahnya kemenangan hakiki, Selamat Hari Raya Idul Fitri 1431H

Untuk membuatnya ikuti tutor berikut:
1. Masuk Dasbor -> Rancangan -> Edit html
2. Centang Expand Template Widget
3. Cari kode berikut: ]]>
4. Tambahkan kode dibawah ini diatasnya:

.ataspost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px dotted #ddd;
line-height:1.6em;
}

5. Cari kode berikut: <div class='post-header-line-1'/>
6. Lalu tambahkan kode dibawah ini dibawahnya:

<b:if cond="'data:blog.pageType">
<div class="'ataspost'">
Kata telah terucap, tangan telah tergerak, prasangka telah terungkap,
Tiada kata, Kecuali “saling maaf” jalin ukhuwah dan kasih sayang raih
indahnya kemenangan hakiki, Selamat Hari Raya Idul Fitri 1431H
</div></b:if>

7. Save template
Kalau kurang bagus bisa anda modif sendiri . Jika blog ini bermanfaat bagi anda silahkan pasang link blog ini di blog anda

Virus Ngopas dan Nyontek

2010-09-07T17:40:00.000-07:00

Ngopas adalah penyakit para blogger yang sudah sangat menyebar dikalangan para blogger, yaitu copy paste (copas). Lain lagi dengan nyontek yang sudah sangat membudaya dikalangan para pelajar indonesia.

Di antara 2 Virus ini mana yang lebih menguntungkan penderitanya? hehehe...
Coba kita lihat dari perbedaannya:

1. Kalau nyontek harus memiliki ketajaman mata untuk melakukannya tapi kalau ngopas tinggal dicopy dan dipaste.

2. Hasil dari nyontek belum tentu bagus karena belum tentu benar 100% tapi kalau ngopas udah tentu asli 100%.

3. Jika ketahuan nyontek oleh guru maka akan diambil atau bahkan dirobek tapi kalau hasil copas apa bisa dirobek???

Jadi yang apakah ada yang menguntungkan? jawab dikolom komentar.

Menutup kotak komentar pada postingan tertentu

2010-09-05T20:54:00.000-07:00

alhamdulillah bisa posting lagi . Yang saya bahas kali ini adalah "Menutup kotak komentar pada postingan tertentu". Maksudnya menutup tempat komeng dan menghilangkan semua komentar di postingan tertentu bukan semua... Sebagai contoh dapat anda lihat di Contact me.
Cara menghilangkannya berikut:
1. Masuk Dasbor
2. Buat entri baru atau edit entri yang ingin anda tutup kolom komentarnya
3. Lihat bagian bawah
4. Pilih opsi entri
5. Pada bagian Komentar Pembaca pilih Jangan diizinkan

6. Dan terbitkan entri

Demikian tutorial singkat ini jika blog ini bermanfaat bagi anda silahkan pasang link blog ini di blog anda

Mempercantik efek hover pada link

2010-09-03T01:17:00.000-07:00

Pengertian hover:

Secara sederhana pengertian fungsi hover adalah merubah beberapa variable dalam blog/template ketika cursor berada di atas bagian tersebut. Variabel yang biasanya diterapkan sebagai hover adalah : background (baik background color ataupun background image), border, warna font, jenis font dan tebal font serta fungsi text decoration (pada link). Sumber : http://gubhugreyot.blogspot.com

Nah yang sekarang kita bahas adalah efek hover pada link, Berikut:
Sebelumnya buka dasbor > rancangan > edit html
Ingat! kode yang kita edit adalah:

a:hover {
color:$titlecolor;
text-decoration:underline;
}

- Mengubah warna font pada link saat hover
Lihat kode ini:

a:hover {
color:$titlecolor;
text-decoration:underline;
}

Lalu ubah kode yang berwarna merah menjadi: color:Kode warna;
Contoh: color:#999;
Contoh hasilnya bisa anda liat dilink menu diatas blog ini

- Membuat tulisan link menjadi kelap kelip saat hover
Lihat kode ini:

a:hover {
color:$titlecolor;
text-decoration:underline;
}

Kode yang berwarna merah diganti dengan kode ini: text-decoration:blink;
Contoh: tes

- Membuat link menjadi berubah rotate saat hover
Lihat kode ini:

a:hover {
color:$titlecolor;
text-decoration:underline;
}

Lalu tambahkan kode berikut sebelum tutup kurung (})

-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-webkit-transform:rotate(7deg)

Hasilnya dapat dilihat pada blog saya yang pertama >> TOP
Link akan miring saat cursor mouse diarahkan ke link

7deg adalah derajat rotate

Sampai disini dulu sebenarnya masih banyak efek hovernya tapi karena terlalu panjang saya stop sampai disini dulu! semoga berhasil

7 Bulan Sudah...

2010-09-01T22:54:00.000-07:00

Gak terasa udah 7 Bulan nie blog. blog ini dibuat tanggal 2 februari 2010 SM dan hari ini tanggal 2 September maka blog ini genap 7 bulan tapi tulisan saya masih aneh bin ajaib bin ~~angker~~ walaupun ada perubahan sedikit demi sedikit.
Tiba tiba muncul bayangan seseorang yang misterius (Pelawak Mungkin Yang Dimaksud Penulis wkwkwkw) Iya (ia kali...) mengatakan :

Sedikit-sedikit ada perubahan
Sedikit-sedikit ada perubahan
Perubahan kok sedikit-sedikit

Wah makin aneh nih post... Udah ya langsung ke topik ~~hidayat~~nya saja:
Maksud saya posting post yang ~~keren~~ gak jelas ini bukan untuk merayakan 7 bulan blog ini lagian orang biasanya ngerayain blognya waktu sudah 1 tahun tetapi mau minta ~~THR~~ pendapat sobat blogger tentang blog ini:
1. Bagaimana menurut anda tentang blog ini?
2. Kira-kira post tentang apa yang cocok untuk blog ini?
Tolong ya dijawab dikolom komentar!

Membuat Navigasi Breadcrumb Pada Wordpress

2010-08-30T19:46:00.001-07:00

Untuk pertama kalinya nulis tutorial wordpress . Dan yang saya bahas adalah Membuat Navigasi Breadcrumb Pada Wordpress, Sebelumnya saya pernah menulis post tentang Membuat Navigasi Breadcrumb untuk blogger.
Contoh hasilnya:

Langsung saja caranya:
1. Login ke wp-admin

2. Pada halaman dasbor pilih tampilan >> editor

3. Pilih single.php yang berada di sebelah kanan halaman editor template anda.

4. Cari code berikut <div id="content" role="main">

5. Lalu pastekan kode berikut dibawahnya:
<b><a href="”<?php">” title=”<?php bloginfo(‘description’); ?>”>
<?php bloginfo(‘name’); ?></a> »
<?php if (!is_attachment()) { the_category(‘ | ‘); } ?> »
<?php the_title(); ?></b><br/>
6. Simpan perubahan

Contoh dapat dilihat disini

Menjadi Blogger Yang Bahagia

2010-08-28T01:00:00.001-07:00

Menjadi Blogger Yang Bahagia. Sebagai blogger kita pasti ingin bahagia. Tetapi terkadang lama kelamaan kitapun jenuh blogging dan malas posting. Namanya juga manusia pasti tak lepas dari yang namanya jenuh. Jenuh dapat dikatakan bosan.

Lalu bagaimana cara Menjadi Blogger Yang Bahagia?
Berikut trik menjadi Menjadi Blogger Yang Bahagia:

1. Ngeblog dengan hati yang sabar
Jika anda ngeblog tidak dengan hati yang sabar kemungkinan susah rasanya menjadi Blogger Yang Bahagia. Banyak blogger yang tidak sabar karena page ranknya sedikit, padahal page rank tersebut bisa didapatkan jika kita Ngeblog dengan hati yang sabar. Semua itu perlu pengorbanan dan perngorbanan itupun dapat dilakukan dengan hati yang sabar.

2. Menentukan tujuan blogging
Saya rasa ini adalah hal yang penting dimana seorang blogger harus menentukan tujuan blogging. Apakah untuk sharing (berbagi) atau selling (menjual) dll.

3. Berbagi sesuatu yang bermanfaat
Hal ini membuat blog anda menjadi bermanfaat bagi pengunjung dan anda sendiri. Siapa bilang blog anda tidak bermanfaat bagi anda sendiri? Blog itu juga bisa bermanfaat untuk diri kita sendiri, contoh : saya nulis post tentang trik blog eh malah klo saya udah gak tau lagi trik blog tersebut saya nyari caranya diblog saya sendiri (wwkwk).

4. Kerja keras
Setelah ngeblog dengan hati yang sabar, kita juga harus kerja keras. Tanpa kerja keras kita tidak mendapatkan hasil yang memuaskan. Contoh: Seseorang selalu mengcopas tulisan orang lain dan orang tersebut mendapatkan banyak pengunjung. Tapi apa ada rasa puas dihatinya? jelas tidak. Alangkah indahnya hasil yang memuaskan yang dihasilkan dari kerja keras.

Tanyakan pada diri anda:
1. Apakah selama ini anda ngeblog dengan hati yang sabar?
2. Apa tujuan anda blogging?
3. Apakah selama ini anda berbagi sesuatu yang bermanfaat?
4. Apakah ada rasa kepuasan hati selama ini?
5. Apakah anda ingin Menjadi Blogger Yang Bahagia?
6. Jika iya apa yang menyebabkan anda bahagia?

Saya rasa jika anda melakukannya hal hal yang saya sebutkan tadi, insya allah, anda akan menjadi Menjadi Blogger Yang Bahagia. Mungkin hal-hal tersebut hanya sebagian kecil trik agar menjadi Menjadi Blogger Yang Bahagia. Tetapi 4 hal tersebut adalah langkah awal menjadi Menjadi Blogger Yang Bahagia.

Salam blogger!

Info Penyelenggaraan Kontes:
http://www.masdoyok.co.cc/2010/08/info-kontes-menjadi-blogger-yang.html
Di Sponsori Oleh:
www.mungbisnis.com - Jasa Pembuatan Blog
www.Distro19.Com - Jual Kaos Couple Murah

CSS3 : Multi-column Layout

2010-08-26T18:40:00.000-07:00

Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.

Contoh:

Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.

Bukan hanya 2 dan 3 kolom tapi juga bisa 4 atau lebih.
Contoh:

Kode yang saya gunakanan:
<style>.MCL {-moz-column-count: 3;-moz-column-gap: 1em;-moz-column-rule: 1px solid black;-webkit-column-count: 3;-webkit-column-gap: 1em;-webkit-column-rule: 1px solid black;}</style>
<div class="MCL"><p>Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.</p></div>

Catatan:
1.Kode yang berwarna merah adalah jumlah kolom
2.Kode yang berwarna orange adalah tulisan yang ingin dimunculkan

Membuat tag html baru

2010-08-21T20:30:00.000-07:00

Bismillah, Ketemu lagi dengan penulis misterius alias gak serius (wkwkwkk) yang selalu memberi trik blog hangat sekaligus basi .
Saatnya masuk ke tentang Membuat tag html baru.
Apa itu tag?
Saat membuat halaman web kita membutuhkan fungsi tag. Dengan tag lah kita bisa membuat web
Format menulis tag sepeti berikut:
<tag>Isi dengan Teks atau Gambar</tag>

Pernahkah anda berpikir dapat menulis tulisan ke kanan hanya dengan mengetik <kanan>Tes</kanan> sehingga tulisan berada dikiri seperti ini:
Tes.

Mungkin ada! Tetapi sedikit oleh karena itu saya menulisnya.
Sebagai contoh saya akan membuat tag html <kanan>
Caranya seperti ini:
1. Masuk Dasbor --> rancangan --> edit html
2. Cari code berikut:

.post {
font: 13px trebuchet ms;
margin-bottom:15px;
text-align:justify;
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

3. Lalu pastekan code berikut dibawahnya:

.post kanan {
text-align: right;
float: right;
}

4. Save Template

Penjelasan:
1. code yang berwarna merah adalah nama tag html yang kita buat
2. code yang berwarna biru adalah perintahnya
Selamat mencoba!!

Beberapa sebab masuk surga

2010-08-19T18:51:00.000-07:00

Diriwayatkan dari Abu Hurairah ra, ia mengatakan bahwa Rasulullah saw bersabda:

Artinya:
"Siapa di antara kalian yang pada pagi hari ini sedang berpuasa?" Abu Bakar ra menjawab, "Saya." Nabi bersabda, "Lalu siapa di antara kalian yang pada hari ini mengantarkan jenazah (ke kuburan)?" Abu Bakar ra menjawab, "Saya." Nabi bersabda, "Siapakah di antara kalian pada hari ini memberi makanan kepada orang miskin?" Abu Bakar ra menjawab, "Saya." Nabi bersabda, "Siapa di antara kalian yang pada hari ini menjenguk orang sakit?" Abu Bakar ra menjawab "Saya." Nabi bersabda,"Tidak berkumpul amalan-amalan tadi pada diri seseorang kecuali ia masuk Surga" (HR. Muslim)

Sumber: Buku Meraih Derajat Wali dengan Puasa Sunnah, Pustaka Ibnu Umar

CSS3 : Transform rotate (mengatur rotation tulisan dan gambar)

2010-08-18T23:49:00.001-07:00

Bismillah, Lagi lagi saya membahas tentang CSS3, yang kita bahas adalah Transform rotate yang digunakan untuk mengatur rotation tulisan dan gambar. Efek ini bisa membuat tulisan atau gambar terbalik dan miring. Didalam efek ini kita menggunakan satuan deg atau degree yang artinya derajat.

Screenshot :
K-blogger

Kode Css yang saya gunakan:

-moz-transform:rotate(180deg);
-webkit-transform:(180deg);
-o-transform:(180deg);
-icab-transform:(180deg);
-khtml-transform:(180deg);

Sebagai contoh saya akan membuat Transform rotate pada post:
1. Cari code berikut:

.post {
font: 13px trebuchet ms;
margin-bottom:15px;
text-align:justify;
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

2. Lalu tambahkan code berikut dibawahnya

.post rotate {
-moz-transform:rotate(180deg);
-webkit-transform:(180deg);
-o-transform:(180deg);
-icab-transform:(180deg);
-khtml-transform:(180deg);
}

3. Lalu save

Cara menggunakannya : <rotate>K-blogger</rotate>
Catatan: code yang berwarna merah adalah derajat rotatenya :)

Selamat mencoba!!!

RGBA Effect

2010-08-17T22:17:00.001-07:00

Bismillah, Sekarang kita akan membahas tentang RGBA Effect yang juga termasuk dalam css3.
RGBA pada versi css sebelumnya disebut RGB (Red, Green, Blue) lalu pada versi css3 ditambah alpha atau opacity.
Contoh hasil penggunaan RGBA Effect:
Awal:

Menjadi:

Code yang saya gunakan adalah "background: rgba(0, 100, 110, .3);"
Nilai 0 adalah Red (R)
Nilai 100 adalah Green (G)
Nilai 110 adalah Blue (B)
Nilai 3 adalah Alpha (A)

Contoh pembuatannya:
1. Upload 1 gambar ke post
2. Klik tab edit html pada post
Lihat code berikut:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="Link gambar"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 230px; height: 98px;" src="Url Gambar" alt="RGBA Effect" border="0" /></a>
3. Tambahkan code background: rgba(0, 100, 110, .3); disamping code yang berwarna merah
4. Terbitkan entri/simpan

Catatan :
Code RGBA adalah "rgba(Red, Green, Blue, Alpha)"
Jika belum jelas silahkan koment

Memberi efek shadow pada image/gambar

2010-08-16T20:26:00.000-07:00

Bismillah, Merdeka! Merdeka! Merdeka!
Sebelumnya saya telah membahas tentang Memberi efek shadow pada text/tulisan karena menurut saya masih kurang jika hanya untuk text/tulisan saja. maka saya menulis post tentang Memberi efek shadow pada image/gambar (kayak mau pidato aja wkwkwkwk).
contoh hasilnya: (Sebenarnya juga bisa menggunakan MsWord 2007)

Logo google.co.id

Langsung saja caranya:
1. Masuk dasbor ->> Rancangan ->> Edit html
2. Cari kode berikut:

.post img {
margin: 0px;
padding:0px;
border:0px;
}

3. Lalu tambahkan kode berikut sebelum }

-webkit-box-shadow: 3px 3px 8px #777;
-moz-box-shadow: 3px 3px 8px #777;
box-shadow: 3px 3px 8px #777;

4. Maka setelah ditambahkan kodenya menjadi:

.post img {
margin: 0px;
padding:0px;
border:0px;
box-shadow: 3px 3px 8px #777;
-webkit-box-shadow: 3px 3px 8px #777;
-moz-box-shadow: 3px 3px 8px #777;
}

5. Save template
Ctt:
1.Setiap anda mengupload gambar atau memasukkan gambar ke post anda maka efek shadownya akan muncul.
2. Efek ini belum berfungsi di IE(Internet explorer)

Memberi efek shadow pada text/tulisan

2010-08-15T01:21:00.000-07:00

Bismillah, Kali ini saya akan membahas tentang Memberi efek shadow pada tulisan dan gambar. Shadow berarti bayangan. Jadi yang akan kita bahas adalah Memberi efek bayangan pada tulisan dan gambar. daripada lama-lama saatnya masuk dalam tutorialnya:

- Efek shadow pada text/tulisan
Contohnya seperti ini:
<< Contohnya >> , << Contohnya >>

Cara membuatnya:
1. Masuk dasbor ->> Rancangan ->> Edit html
2. Cari kode berikut:

.post {
font: 13px trebuchet ms;
margin-bottom:15px;
text-align:justify;
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

3. Tambahkan kode berikut dibawah kode diatas

.post shadow {
text-shadow: #bcbcbc 0px 5px 5px;
}

4. Dan save

Cara menggunakan pada post: <shadow>Tulisan yang akan diberi efek</shadow>
*Catatan: kode yang berwarna merah adalah warna bayangan

Sampai disini dulu sebenarnya saya akan lanjutkan dengan box shadow tapi kapan kapan aja

Salam blogger!

Sejarah Javascript

2010-08-13T01:53:00.000-07:00

Javascript yang dulunya diberi nama "LiveScript" diperkenalkan pertama kali oleh Netscape pada tahun 1995. Awalnya Javascript berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2.

Lalu mengapa sekarang berubah nama menjadi Javascript?
Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuatkesalahan pada saat menyusun suatu program. Kemudian Netscape melakukan kerjasama dengan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995.

Pada saat itu pula Microsoft melakukan adaptasi dengan teknologi ini yang diberi nama "Jscript"pada browser Internet Explorer 3.

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML dan bergantung kepada browser,sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Fatwa Mahzab "Selebritis": "Sebarkan 3 F & 3 G Untuk Kaum Muda Muslimin" ( Pesan Penting Dari Yahudi )

2010-08-12T06:12:00.000-07:00

Sumber: Kembang anggrek
Apa yang kita cemaskan di atas adalah benar adanya (Tentang Perang Pemikiran) dan menjadi kecemasan para pejuang-pejuang dakwah Islam di mana pun sekarang ini. Perang yang dilancarkan musuh-musuh Islam digelar dalam berbagai cara dan di berbagai medan. Ada perang yang menggunakan peluru tajam dan bom, namun ada pula perang yang menggunakan gaya hidup (life-style), yang dalam materi-materi keislaman dikenal dengan istilah Perang Pemikiran atau Perang Kebudayaan (Ghouzwul Fikri). Barat sendiri mengenal istilah itu dengan istilah Perang Peradaban yang dihaluskan menjadi ‘Benturan Peradaban’ (The Clash of Civilization).

Perang Pemikiran yang dilancarkan musuh-musuh Islam antara lain dengan menjerumuskan generasi muda Islam menjadi generasi muda yang suka berfoya-foya, enggan bekerja keras, dan berpikiran sekuler dengan menjadikan orientasi hidupnya demi mengejar kenikmatan kehidupan dunia semata.

Tujuan hidup adalah menjadi kaya raya, terkenal, dan populer.

Hal ini sudah lama dirancang oleh Yahudi, di antaranya dimasukkan ke dalam Protocol of Zions yang disahkan menjadi agenda gerakan Yahudi Internasional paska Kongres Zionis Internasional di Swiss tahun 1897 (Protocol ini aslinya terdiri dari 25 pasal, namun kini menjadi 24, silakan search sendiri karena sangat mudah mendapatkannya di internet).

Lalu hal tersebut ditegaskan lagi oleh Samuel Zweimer, Ketua Umum Asosiasi Agen Yahudi pada sambutan pembukaan Konferensi Yerusalem (1935), di mana hadir para utusan agen yahudi dari seluruh dunia.

Dalam pidatonya yang juga bisa dicari di internet, Zweimer antara lain menyatakan:
“…yang perlu saudara-saudara perhatikan adalah bahwa tujuan misi yang telah diperjuangkan bangsa Yahudi dengan mengirim saudara-saudara ke negeri-negeri Islam, bukanlah untuk mengharapkan kaum muslim beralih ke agama Yahudi atau Kristen. Bukan itu. Tetapi tugasmu adalah mengeluarkan mereka dari Islam, menjauhkan mereka dari Islam, dan tidak berpikir mempertahankan agamanya. Di samping itu saudara-saudara harus menjadikan mereka jauh dari keluhuran budi, jauh dari watak yang baik.

Oleh karena itu, tugas saudara adalah membuka jalan agar kekuatan kolonial mampu menerobos benteng negeri Islam. Cara ini telah Anda lakukan dengan baik seratus tahun lalu. Kita dan seluruh saudara kita sangat gembira dengan hasil perjuangan saudara selama ini.

…Sarana yang telah saudara-saudara bawa saat ini ternyata mampu mengubah pikiran dunia mengikuti kita. Itulah jalan yang telah saudara-saudara perjuangkan dengan susah payah untuk mengeluarkan kaum muslimin dari agamanya. Kini saudara-saudara telah berhasil mencetak kader-kader dari berbagai macam bangsa yang tidak mengenal hubungannya dengan Allah dan memang mereka tidak ada keinginan sedikitpun untuk mengerti tentang-Nya.

Saudara-saudara telah mengeluarkan kaum muslimin dari agama mereka, sekalipun mereka tetap enggan memakai baju yahudi atau baju kristen. Gaya hidup seperti itulah sasaran perjuangan kita, yakni para pemuda Islam yang malas, enggan bekerja keras, cenderung berfoya-foya, hanya gemar mempelajari segala hal yang berkaitan dengan sensualitas dan nafsu syahwat, bekerja semata-mata demi mengejar kekayaan material dunia semata, memburu jabatan, memuaskan nafsunya, dan sebagainya.
Kini tugas saudara-saudara telah terlaksana dengan amat baik. Saudara-saudara telah mengagungkan agama kita semua, agama yahudi.

Saudara-saudara patut mengetahui bahwa para tetua kita sangat gembira dengan segala apa yang telah saudara-saudara hasilkan. Oleh sebab itu, lanjutkanlah perjuanganmu demi risalah agamamu. Semoga saudara-saudara semua mendapat berkat dari Tuhan kita, Elohim, Allah yang Maha Suci dan Maha Agung. Lanjutkanlah perjuangan ini hingga dunia benar-benar terberkati…”

Terkait dengan hal tersebut, lebih kurang dua tahun belakangan ini, jika kita cermati kehidupan remaja di berbagai kota besar, terdapat fenomena baru yakni berbondong-bondong mereka pergi ke suatu tempat di pagi hari, bahkan sejak ba’da subuh, untuk menyaksikan konser musik yang biasanya di gelar di pelataran parkir sebuah pusat perbelanjaan atau tempat keramaian lainnya.

Kita bisa melihat, sejak pagi hari, berbagai stasiun teve di negeri ini sudah mencekoki kita dengan berbagai acara konser seperti Inbox, Dahsyat, Derings, Playlist, dan sebagainya. Lalu ada pula Missing Lyrics dan lain-lain. Dan kian kemari, lebih dari 90% acara teve, merupakan acara yang konyol, tidak mendidik, mempromosikan kekerasan, dan sama sekali tidak bermanfaat, seperti berbagai sinetron, reality-show macam termehek-mehek (yang sering sudah direkayasa), musik, dan acara “hiburan” seperti Extravaganza dan semacamnya.

Fenomena ini bagi kebanyakan orang memang tidak terlalu dipusingkan. Namun ketahuilah bahwa di suatu tempat di belahan bumi ini, musuh-musuh Islam tengah tertawa bahagia melihat kondisi saudara-saudara kita ini yang setiap hari disibukkan oleh “Kebudayaan Sampah” ini.

Diam-diam, tanpa disadari banyak orang, umat Islam di negeri ini memang tengah dilemahkan. Generasi muda Islam dibius dengan berbagai budaya pop, antara lain lewat musik sebagai pintu gerbang emas serangan budaya. Sedang generasi yang lebih tua, diserang dengan hal-hal yang lebih dahsyat. Salah satunya dengan kenikmatan hidup duniawi, baik harta, tahta, maupun perempuan, bujukan ideologi, dan sebagainya. Salah satu faktanya, bukan ilusi lagi, adalah bagaimana kenyataan jika sebagian orang-orang yang selama ini disebut sebagai “pemimpin umat” malah bersekutu dengan kaum kafirin dan liberalis dalam memilih imam. Semua itu dilakukan demi kenikmatan duniawi semata dengan berdalih macam-macam, baik dalih rasionalis maupun agamis. Padahal Rasulullah SAW tidak pernah memberikan loyalitasnya pada pemimpin kaum Quraisy sedikit pun.

Jika dulu dan sampai sekarang Barat menyerang umat Islam dengan 3G (Gold, Glory, dan Gospel), maka Barat sekarang juga menyerang umat Islam lewat 3F (Food, Fashion, and Fun). Dalam bukunya, Jihad vs McWorld, Benjamin R. Barber mengatakan jika apa yang terjadi di dunia hari ini adalah pem-Barat-an budaya (westernisasi), yang dilakukan Utara terhadap Selatan. MTV, McDonald, celana jeans, musik ska, dan R & B dan film-film Hollywood kini dinikmati oleh warga dunia ketiga. Budaya Barat tidak lagi milik segolongan orang Amerika, tapi sudah milik dunia. Termasuk negeri-negeri Islam. Apa yang menjangkiti dunia Islam hari ini adalah berkembangnya mazhab selebritis. Indikasinya adalah eksploitasi aurat dalam media massa, yang salah satunya snagat efektif melalui tayangan TV. Film-film seperti Beverly Hills, Dawson Creek, dan Melrose Place, dan juga sinetron-sinetron konyol dan tidak bermutu lokal Indonesia, seolah-olah tontonan maha penting bagi semua orang dibanding rubrik ilmu pengetahuan. Info Selebritis, atau gosip artis, seolah begitu berharga dibanding berita penting lainnya dalam kehidupan. Semua itu, bisa langsung masuk ke kamar kita secara bebas.

Ini merupakan fakta di dalam masyarakat kita. Salah satu hasilnya adalah, fenomena kebangkitan Islam yang pernah booming di sekitar tahun 1980-an, ternyata tidak menghasilkan sesuatu yang berarti. Secara politis umat Islam kalah total dengan kaum liberal, secara budaya demikian pula. Apa yang dihasilkan oleh gerakan Islam di Indonesia sekarang ini dalam bidang peradaban dan penegakan syariah? Secara kasat mata kita harus berendah hati untuk mengakui: NOL BESAR.

Dalam bidang pemikiran, gerakan Islam sekarang tidak ada satu pun yang melahirkan kelompok kajian strategis yang mumpuni dan besar, yang mampu mencerdaskan dan membuat umat-Nya kritis. Yang ada, gerakan Islam hanya melahirkan banyak sekali grup nasyid, yang asyik berdendang-ria dan masuk-keluar dapur rekaman. Malah banyak ustadz yang sekarang terobsesi jadi artis, sehingga salah satunya, tanpa risih mengadopsi lagu “Jablay” dan menjadikannya musik gambus dengan mengganti syairnya. Dia bergoyang-goyang sambil menyanyikan lagu “Jablay”tapi diganti liriknya. Mirip badut.

Akhirul kalam, inilah kondisi ril umat Islam sekarang. Memang, tidak bisa kita pungkiri juga, ada satu-dua generasi muda Islam yang cemerlang, namun secara keseluruhan, mereka tengah mabuk-kepayang oleh budaya sampah. Akankah mereka akan kita biarkan menjadi generasi sampah juga? Wallahu’alam bishawab. Wassalamualaikum warahmatullahi wabarakatuh.

Posted By H. A. S

Cara menambah fungsi box pada post

2010-08-12T02:41:00.000-07:00

Bismillah, Selama ini saya merasa sulit menulis code dalam textarea,lho mengapa? karena hasilnya akan seperti ini:

<center><div id="menu"><br /><ul><br /><li><a class="current" href="http://k-blogger1.blogspot.com/">home</a></li><br /><li><a href="http://about.com">about us</a></li><br /><li><a href="http://google.com">Google</a></li><br /><li><a href="http://wikipedia.com">Wikipedia</a></li><br /><li><a href="http://k-blogger1.blogspot.com/2010/01/contact-me_14.html">contact us</a></li><br /></ul><br /></div></center><br /><style><br /><br />/* --------------------------<br />AUTHOR : STYLED MENUS<br />URL : http://www.styledmenus.com<br />Copyrights by STYLED MENUS<br />Widget From http://www.ardi33.web.id/<br />----------------------------*/<br />*{<br />margin:0;<br />padding:0;<br /><br />}<br />#menu{<br />background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXsev4OJbTI/AAAAAAAACBc/0EEtXs7ckkg/s1600/menu_026_bg.jpg) no-repeat;<br />width:172px;<br />height:191px;<br />padding:15px;<br />}<br />#menu ul{<br /><br />list-style:none;<br />padding:0 0 0 8px;<br />}<br />#menu li{<br />list-style:none;<br />display:block;<br />padding:10px 0;<br />}<br />#menu li a{<br /><br />list-style:none;<br />display:block;<br />background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseueLX9TI/AAAAAAAACBM/BQCk16wweRQ/s1600/menu_026_b.gif) no-repeat left center;<br />color:#ffe991;<br />font-weight:bold;<br />text-transform:uppercase;<br />font-size:11px;<br /><br />line-height:1.2em;<br />text-decoration:none;<br />padding:0 5px 0 25px;<br />}<br />#menu li a:hover{<br />background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;<br />color:#fff;<br />text-decoration:none;<br /><br />}<br />#menu li .current{<br />list-style:none;<br />display:block;<br />background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;<br />color:#fff;<br />font-weight:bold;<br />text-transform:uppercase;<br /><br />font-size:11px;<br />text-decoration:none;<br />padding:0 5px 0 25px;<br />}<br />#menu li a.current, #menu li a:hover.current{<br />background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;<br />color:#fff;<br />text-decoration:none;<br /><br />}<br /></style><br />

Dimana setiap baris ada <br />, Coba lihat contoh code yang dimasukkan kedalam box yang sering saya gunakan sebagai pengganti textarea dalam memasukkan code:

<center><div id="menu">
<ul>
<li><a class="current" href="http://k-blogger1.blogspot.com/">home</a></li>
<li><a href="http://about.com">about us</a></li>
<li><a href="http://google.com">Google</a></li>
<li><a href="http://wikipedia.com">Wikipedia</a></li>
<li><a href="http://k-blogger1.blogspot.com/2010/01/contact-me_14.html">contact us</a></li>
</ul>
</div></center>
<style>

/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
Widget From http://www.ardi33.web.id/
----------------------------*/
*{
margin:0;
padding:0;

}
#menu{
background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXsev4OJbTI/AAAAAAAACBc/0EEtXs7ckkg/s1600/menu_026_bg.jpg) no-repeat;
width:172px;
height:191px;
padding:15px;
}
#menu ul{

list-style:none;
padding:0 0 0 8px;
}
#menu li{
list-style:none;
display:block;
padding:10px 0;
}
#menu li a{

list-style:none;
display:block;
background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseueLX9TI/AAAAAAAACBM/BQCk16wweRQ/s1600/menu_026_b.gif) no-repeat left center;
color:#ffe991;
font-weight:bold;
text-transform:uppercase;
font-size:11px;

line-height:1.2em;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a:hover{
background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
text-decoration:none;

}
#menu li .current{
list-style:none;
display:block;
background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
font-weight:bold;
text-transform:uppercase;

font-size:11px;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a.current, #menu li a:hover.current{
background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SXseuzcFbnI/AAAAAAAACBU/joYkQm6Lyns/s1600/menu_026_h.gif) no-repeat left center;
color:#fff;
text-decoration:none;

}
</style>

Bagaimana? Tulisannya sangat teratur bukan?
Jika anda tertarik berikut codenya:

Semoga bermanfaat!

Memberi background pada sidebar heading

2010-08-10T23:03:00.000-07:00

Assalamu'alaikum, apa kabar semua? semoga sehat semua ya, amin
Sekarang saya akan membahas "Memberi background pada sidebar heading". Apa itu sidebar heading? sidebar heading adalah kepala dari heading(memangnya sidebar juga punya kepala wkwkw...) yang dimaksud adalah dimana judul widget berada.

Gambar disamping adalah contoh sidebar heading yang telah diberikan background. ^_^
Berikut cara Memberi background pada sidebar heading:

1. Masuk dasbor
2. Pilih Rancangan --> edit html
3. Cari code berikut:

/* Sidebar Content
----------------------------------------------- */
.sidebar {

color: $sidebartextcolor;
line-height: 1.5em;

}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom: 1px solid #99C9FF;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

4. Lalu paste code berikut setelah code diatas

/* sidebar heading */
#sidebar h2 {
padding: 6px 0 6px 7px;
text-align: justify;
color: #ffffff;
font: normal bold 98% Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
background-image:url("http://i45.tinypic.com/3320w06.gif");
background-repeat:repeat-x;
background-position:center right;
border-bottom: 1px solid #99C9FF;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
border:2px solid #E8EDFB;
}

5. Save/Simpan

Note:
*Code yang bewarna merah adalah url gambar background
*Code yang dicari kemungkinan berbeda jika tidak ada cari yang hampir mirip

Cara membuat sidebar pada dokumen html

2010-08-08T23:54:00.000-07:00

Selamat datang di k-blogger. sekarang kita akan belajar tentang "Cara membuat sidebar pada dokumen html". Post ini adalah sambungan Dasar dasar html 1-4:
Dasar dasar html 1
Dasar dasar html 2
Dasar dasar html 3
Dasar dasar html 4 (Cara menambah kode css pada dokumen html)
Bagaimana Cara membuat sidebar pada dokumen html?
Berikut:
1. Buka notepad
2. Ketikkan kode berikut:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nama dokumen</title>
</head>
<body>
</body>
</html>

3. Dibawah kode </head> pastekan kode berikut:

4. Dibawah kode <body> pastekan kode berikut

<div id="sidebar-top">
<div id="sidebar" class="sidebar section">
Label
<hr /></hr>
[<a dir="ltr" href="#Link">Berita online</a>][<a dir="ltr" href="#Link">Download</a>][<a dir="ltr" href="#Link">Humor</a>]
</div>
</div>

5. Lalu save dengan file name: namadokumen.html dan save type: All Files
Lihat:

Berikut hasilnya lihat di Contoh

Keistimewaan wudhu

2010-08-07T05:56:00.000-07:00

Ini adalah post tentang hadis untuk pertama kali,sebelumnya saya menulis tentang Trik blog,Seo, Belajar Html,Humor,DLL

-Mengapa saya tertarik untuk menulis post ini?
Karena menurut saya hadis ini sangat berguna

-Apa pengertian wudhu?
Wudhu menurut bahasa berarti bersih atu indah,Sedangkan menurut istilah syariat Islam adalah membersihkan anggota wudhu dengan air suci dan menyucikan berdasarkan syarat dan rukun tertentu untuk menghilangkan hadats kecil

-Apa itu hadas kecil?
Hadats kecil adalah keadaan tidak suci sehingga harus berwudhu atau tayammum agar menjadi suci

-Apa Keistimewaan wudhu
Berikut Hadisnya beserta artinya

Dari Abdullah As-Shunabaji ra, bahwa Rasulullah SAW bersabda : “Jika seorang hamba berwudhu kemudian berkumur-kumur, keluarlah dosa-dosa dari mulutnya, jika membersihkan hidung, dosa-dosa akan keluar pula dari hidungnya, begitu juga ketika ia membasuh muka, dosa-dosa akan keluar dari mukanya sampai dari bawah pinggir kelopak matanya. Jika ia membasuh tangan, dosa-dosanya akan ikut keluar sampai dari bawah kukunya, demikian pula halnya jika ia menyapu kepala, dosa-dosanya akan keluar dari kepala, bahkan dari kedua telinganya. Jika ia membasuh dua kaki, keluarlah pula dosa-dosanya tersebut dari dalamnya, sampai bawah kuku jari-jari kakinya. Kemudian perjalanannya ke masjid dan sholatnya menjadi pahala baginya.” (HR. Malik, An-Nasa’i, Ibnu Majah dan Hakim)

Semoga bermanfaat!

Macam macam button

2010-08-06T03:01:00.000-07:00

Setelah menulis Macam macam border1 dan Macam macam border 2 saya akan menulis Macam macam button.
Button adalah tombol.Mw jelasin apa ya??? :)
Kegunaan button ada banyak seperti tombol download,follow,submit,spoiler dll.
Berikut Macam macam button:

-Button biasa
Hasilnya:

Cara menggunakan:
<button type="button">Tombol atau button</button>

-Button seperti google
Hasilnya:

Cara menggunakan:
<span class="lsbb"><input onclick="this.checked=1" class="lsb" value="Google Search" name="btnG" type="submit"></span>
<style>.lsbb{background:#eee;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;display:block}.lsb{background:url(/images/srpr/nav_logo14.png) bottom;font:15px arial,sans-serif;border:none;color:#000;cursor:pointer;height:30px;margin:0;outline:0;vertical-align:top}.lsb:active{background:#ccc}.lst:focus{outline:none}.ds{display:-moz-inline-box}.ds{border-bottom:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;display:inline-block;margin:3px 0 4px;margin-left:4px}</style>

-Button Download
Hasilnya:

Cara menggunakan:
<a href="alamat download" target="_blank"><img alt="Download here Pictures, Images and Photos" border="0" src="http://i233.photobucket.com/albums/ee5/jun23flrs/btndwn01.gif" /></a>

-Cara membuat Button:
Pada dasarnya button seperti
-->Button biasa
Tapi anda juga bisa mempercantiknya seperti ini:

Code:
<button type="button" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: black; background-image: none; background-position: 0% 0%; background-repeat: repeat; color: white; font: bold 20px Verdana,Geneva,sans-serif; margin: 5px 0pt; padding: 0pt 10px;">Klik Disini !</button>

background-color adalah warna latar button.
color adalah warna tulisan/text.
font adalah huruf teks.
Klik Disini ! Tulisan yang akan ditampilkan
Semoga sukses tunggu macam-macam button selanjutnya!

Cara membuat menu bar pada blog

2010-08-04T03:22:00.000-07:00

Pernahkah kamu melihat menu bar pada blog? mungkin ada yang bilang pernah ataupun belum pernah,bagi yang belum lihat bisa anda lihat di ZOOMTEMPLATE ataupun di Zona bebas
Inilah screenshot
Menu yang dimaksud adalah menu yang diatas

Setelah melihat screenshot bagi anda yang tertarik dapat mengikuti tutorial berikut:
1. Masuk ke blogger
2. Pilih rancangan --> edit html
3. Cari kode <body> lalu paste kode dibawah ini dibawahnya

<div id='mta_bar'>
<div class='mta_bar bar_logo'>
<a href='http://k-blogger1.blogspot.com/'>K-blogger</a>
</div>
</div>
<style>
#mta_bar{position:absolute}
#mta_bar{ background:#6D0290 url(http://3.bp.blogspot.com/_C6KkooKXCEw/S_pAYyD7wvI/AAAAAAAAF0A/hwsUD_hlo_o/s400/nav-hover.jpg) top left repeat-x; border-bottom:1px solid #8704B3; z-index:100; padding-top:6px; width:100%; top:0; left:0; overflow:auto; height:25px; overflow:hidden }
#mta_bar .bar_logo{float:left; padding-left:7px; text-align:left; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; color:#fff; width:150px; padding-top:3px}
#mta_bar .bar_logo a{background:url(http://www.blogger.com/favicon.ico) 0px no-repeat; text-decoration:none; color:#fff; padding-left:21px; }
#mta_bar .bar_logo a:hover{text-decoration:underline; color:#fff}
#mta_bar .bar_search{float:left; padding:0; margin:0px; text-align:left; font-family:tahoma; font-size:14px; font-weight:bold; font-style:normal; color:#fff; width:165px}
#mta_bar .bar_search a{text-decoration:none; color:#fff; padding-left:21px; padding:0}
#mta_bar .bar_search a:hover{text-decoration:underline; color:#fff}
#mta_bar .bar_GoogleAds{float:right; text-align:left; font-family:tahoma; font-size:13px; font-weight:normal; font-style:normal; color:#999; width:468; padding:3px 1px}
#mta_bar .bar_share{float:left; text-align:left; font-family:arial; font-size:13px; font-weight:normal; font-style:normal; color:#fff; padding:3px 0px; width:140px}
#mta_bar .bar_share a{background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/SiP-v5e8XPI/AAAAAAAAEUY/-xpJkShHdqA/s400/submit.png) 0px no-repeat; text-decoration:none; color:#fff; padding-left:21px; }
#mta_bar .bar_share a:hover{text-decoration:underline; color:#fff}
#mta_bar .bar_hide{float:left; text-align:left; font-family:arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; padding:3px 0px; width:50px}
#mta_bar .bar_hide a{background:url(http://js-kit.com/images/stars/gold.png) 0px no-repeat; text-decoration:none; color:#fff; padding-left:21px; }
#mta_bar .bar_hide a:hover{text-decoration:underline; color:#fff}
</style>

4. Lalu simpan template :)

Membuat textarea seperti google

2010-07-29T00:46:00.000-07:00

Untuk sementara saya tidak melanjutkan Dasar dasar html.
Maaf ya tapi saya akan membahas tentang Membuat textarea seperti google sebagai contoh bisa anda lihat disini Contoh textarea.
Jika anda tertarik ikuti caranya sebagai berikut: ()
1. Buka Dasbor
2. Pilih rancangan -> edit html
3. Cari kode ]]></b:skin> Lalu paste kode berikut diatasnya

.ds{display:-moz-inline-box}.ds{border-bottom:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;display:inline-block;margin:3px 0 4px;margin-left:4px}

4. Cara menggunakan:

Buatlah sebuah post
Lalu pastekan code berikut
<div style="height: 32px; margin: 4px 0pt;" class="ds"><input style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); color: rgb(0, 0, 0); font: 18px arial,sans-serif bold; height: 25px; margin: 0pt; padding: 5px 8px 0pt 6px; vertical-align: top;" size="50" value="tes"></div>

5. Lihat contohnya di Contoh textarea
selesai juga deh

Dasar dasar html 4

2010-07-24T17:24:00.000-07:00

Dalam Dasar dasar html 4 ini saya tidak membahas tag lagi karena telah saya bahas pada post:

Dasar dasar html 3

Dasar dasar html 2

Dasar dasar html 1

Sekarang saya akan membahas bagaimana cara menambah CSS dalam Bahasa HTML.
Sebagai contoh saya akan mempraktekkan cara membuat Bubble tooltips 100% menggunakan CSS.
Caranya seperti berikut:

Cari code <body>
Dibawah code tersebut tambahkan code dibawah ini
<style type="text/css">
....
</style>
Ganti code yang berwarna merah dengan code css berikut:
/*---------- balon tips -----------*/
a.bt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}

a.bt span{ display: none; }

/*background:; ie hack, harus mengubah sesuatu untuk menampilkan di IE*/
a.bt:hover{ z-index:25; color: #aaaaff; background:;}

a.bt:hover span.balontips{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}

a.bt:hover span.atas{
display: block;
padding: 30px 8px 0;
background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat top;
}

a.bt:hover span.tengah{
display: block;
padding: 0 8px;
background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcrZtXeiI/AAAAAAAACes/f3SeQ8tdw5A/bubble_filler_thumb%5B1%5D.gif) repeat bottom;
}

a.bt:hover span.bawah{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat bottom;
}

/*---------- balon tips END-----------*/
Untuk menggunakan code css tesebut caranya seperti ini:
Dibawah code </style> Pastekan code berikut:
<a class='bt' href='#'>FAQ'S<span class='balontips'>
<span class='atas'>
</span>
<span class='tengah'>
Tulis apa aja tentang FAQ'S!
</span>
<span class='bawah'>
</span>
</span>
</a>
Maka hasilnya seperti ini:

Dasar dasar html 3

2010-07-23T00:37:00.000-07:00

Sudah siapkah anda untuk mempelajari Dasar dasar html 3? pasti sudah siap
oh iya, sebelum mempelajari Dasar dasar html 3?
sebaiknya anda membaca post berikut:
Dasar dasar html 1
Dasar dasar html 2

-Tag <p>
Digunakan untuk mendefisinikan suatu paragraf
Cara menggunakan:
<p>Dasar dasar html 1? pasti sudah siap</p>
<p>Dasar dasar html2</p>
<p>Dasar dasar html3</p>
Hasilnya:

Dasar dasar html1

Dasar dasar html2

Dasar dasar html3

-Tag <html>
Digunakan agar dapat diketahui bahwa kode yang digunakan adalah kode html

-Tag <head>
Digunakan untuk membuat dan menambah elemen-elemen pada header

-Tag <body>
Digunakan untuk membuat dan menambah elemen-elemen pada badan suatu dokumen html

-Tag <title>
Digunakan untuk memberi nama/judul pada dokumen html yang akan dimunculkan pada browser

Cara menggunakan Tag <html>,<head>,<title>,<body>
<html>
<head>
<title>Dasar dasar html<title>
</head>
<body>
<p>Dasar dasar html1</p>
<p>Dasar dasar html2</p>
<p>Dasar dasar html3</p>
</body>
</html>
Hasilnya:

-Tag <big>
Digunakan untuk memperbesar tulisan <big> tidak sama dengan tag <b> (bold) karena tag <big> lebih besar dari pada <b>
Cara menggunakan:
<big>Big lebih besar dari pada bold</big>
<b>Bold lebih kecil dari pada big</b>
Hasilnya:
Big lebih besar dari pada bold
Bold lebih kecil dari pada big

Sampai disini dulu Dasar dasar html 3 Nanti saya akan lanjutkan pada Dasar dasar html 4 dengan pembahasan lebih seru lagi

Dasar dasar html 2

2010-07-20T03:33:00.000-07:00

Post ini adalah kelanjutan dari Dasar dasar html 1
Sekarang saya akan membahas lanjutan tag sebelumnya pada post "Dasar dasar html 1"

-Tag <button>
Digunakan untuk membuat tombol.
Cara menggunakan:
<button type="button">Tombol atau button</button>
Hasilnya:

-Tag <strong>
Fungsinya sama seperti tag <bold>,tetapi kalau dalam seo tag <strong> lebih baik daripada <bold>
Cara menggunakan
<strong>Strong</strong>
Hasilnya:
Strong

-Tag <em>
Fungsinya sama seperti tag <i>,tetapi kalau dalam seo tag <em> lebih baik daripada <i>
Cara menggunakan
<i>Miring</i>
Hasilnya:
Miring

-Tag <h1> sampai <h6>
Digunakan biasanya daram mengatur besar tulisan header atau judul.
Cara menggunakannya:
<h1>Tulisan H1</h1>
<h2>Tulisan H2</h2>
<h3>Tulisan H3</h3>
<h4>Tulisan H4</h4>
<h5>Tulisan H5</h5>
<h6>Tulisan H6</h6>
Hasilnya:

Tulisan H1

Tulisan H2

Tulisan H3

Tulisan H4

Tulisan H5

Tulisan H6

-Tag <li>
Digunakan untuk menampilkan angka atau nomor data berurut.Untuk yang bersimbol kita menggunakan <ul> dan untuk bernomor <ol>
Cara menggunakan:
<ul>
<li>simbol 1</li>
<li>simbol 2</li>
<li>simbol 3</li>
</ul><ol>
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ol>
Hasilnya:

simbol 1
simbol 2
simbol 3

satu
dua
tiga

-Tag <img>
Digunakan untuk menampilkan gambar
Cara menggunakan:
<img src="http://i50.tinypic.com/2ed7338.jpg">
Hasilnya:

-Tag <sub>
Digunakan untuk memvuat huruf/teks subscript
Cara menggunakan:
H<sub>2</sub>O
Hasilnya:
H₂O

-Tag <sup>
Tag <sup> ini adalah kebalikan dari subscript
Contoh penggunaan:
m^-1
Hasilnya:
m^-1

-Tag <option>
Digunakan untuk mendefinisikan suatu elemen yang bisa dipilih dalam suatu daftar pilihan.
Baca:Dasar-dasar pembuatan option

Akhirnya selsai juga Dasar dasar html 1,Dasar dasar html 2
Tunggu Dasar dasar html tiganya!

Dasar dasar html 1

2010-07-17T17:10:00.001-07:00

Kali ini saya akan menulis tentang "Dasar dasar html".
-Apa itu HTML?
HTML adalah singkatan dari hypertext markup languange. Html berisikan tag-tag dan aturan aturan yang memungkinkan kita untuk membuat halaman web.
-Apa itu tag?
Saat membuat halaman web kita membutuhkan fungsi tag.
Format menulis tag sepeti berikut:
<TAG>Isi dengan Teks atau Gambar</TAG>

-Tag <b>
Digunakan untuk mempertebal tulisan.
Cara menggunakan:
<b>Bold</b>
Hasilnya:
Bold

-Tag <i>
Digunakan untuk memiringkan tulisan.
Cara menggunakan:
<i>Italic</i>
Hasilnya:
Italic

-Tag <a>
<a> adalah singkatan dari anchor, tag ini digunakan untuk membuat link
Cara menggunakan:
<a href="http://k-blogger1.blogspot.com/">K-blogger</a>
Hasilnya:
K-blogger

-Tag <center>
Digunakan untuk menengahkan tulisan
Cara menggunakan:
<center>Hai hai</center>
Hasilnya:
Hai hai

-Tag <hr>
<hr> adalah singkatan dari horizontal ruler
Cara menggunakan:
<hr>Horizontal ruler</hr>
Hasilnya:

Horizontal ruler

-Tag <strike>
Digunakan untuk mencoret sebuah tulisan
Cara menggunakan:
<strike>Coret</strike>
Hasilnya:
~~coret~~

Sampai disini dulu Dasar dasar html 1 sebenarnya masih panjang tapi saya akan melanjutkannya di Dasar dasar html 2

Mengganti background blockquote

2010-07-15T01:21:00.000-07:00

Fungsi blockquote adalah mempercantik tulisan ataupun untuk background kode atau sebagainya.
sebagai contoh:

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Sebelum saya menjelaskan tentang "Mengganti background blockquote" saya akan menjelaskan cara menggunakannya.
Berikut caranya:

Select tulisan yang akan anda tambahkan fungsi blockquote
lalu klik icon berikut ->
Selesai

Dan sekarang cara "Mengganti background blockquote"
Berikut caranya:

Siapkan url gambar
Login blogger
Pilih Rancangan -> Edit html
Cari kode berikut:

.post-body blockquote {
background-position:-10px -7px;
border: 1px dotted #FFC600;
margin: 10px;
padding: 10px;
background: url("http://img516.imageshack.us/img516/1513/blackquotewe3.png") no-repeat
#FFF8DD;
text-align: justify;
}

Lalu ganti kode warna merah dengan url gambar anda
Dan save template

Membuat File JavaScript

2010-07-10T22:14:00.000-07:00

Menurut buku seo yang saya baca JavaScipt tidak SEO-friendly. Jika kita menggunakan JavaScript terlalu banyak kemungkinan posisi di search engine menurun.
Untuk mengurangi efek masalah ini adalah dengan "Membuat File JavaScript"
Cara membuatnya seperti ini:

Buka notepad
Tentukan kode JavaScript yang akan dibuat menjadi File
Jika sebelumnya kodenya seperti ini:
<script type="text/javascript">
Isi dari javascript...
</script>
Maka hapus kode warna merah dan copy isi dari code JavaScript dan pastekan ke Notepad
Lalu save dengan membuat Filename : NamaFile.js dan Save as type: All files
Upload file JavaScript tersebut
Setelah diupload,Cara menggunakannya seperti ini:
<script type="text/javascript" src="URL_File_JS_Yang_Sudah_Di_Upload.js"></script>
Selesai deh

Mempercantik textarea

2010-07-09T19:29:00.000-07:00

Setelah menulis post Cara membuat textarea,Cara membuat select all pada textarea, Dan Cara membuat select all otomatis pada textarea sekarang saya akan membahas cara "Mempercantik textarea"
Berikut contoh dan kodenya:

Untuk belajar dasar dasar mempercantik textarea baca:

Rounded Corner (Sudut melengkung)

Macam macam border 1

Kode warna

Menentukan Geographic Target di Webmaster Tools

2010-07-07T19:05:00.000-07:00

Pasti banyak yang bertanya mengapa blognya sering masuk di google.com tapi di google.co.id tidak? Sedangkan blog kita berbahasa indonesia pasti pengunjung yang kita butuhkan berasal dari indonesia.
Maka kita harus set target geografis ke indonesia.
Berikut caranya:
1.Masuk Google webmaster
2.Lalu klik Site configuration --> Pilih settings

3.Pada Geographic Target pilih Indonesia

4.Klik save

Selesai deh

Start Sharing Not Selling

2010-07-06T06:05:00.000-07:00

Start Sharing Not Selling, Manusia adalah makhluk sosial dimana kita tidak dapat hidup tanpa orang lain dan begitu pula orang lain.
Yang dimaksud dengan sharing adalah berbagi
dan yang dimaksud selling adalah menjual
Jadi jika diartikan menjadi : mulailah berbagi jangan menjual (Start Sharing Not Selling)
Sekarang banyak orang yang menjual ilmunya dibandingkan membagikannya.Yang dimaksud menjual ilmu ialah membagi ilmu tetapi ia mengharapkan sesuatu contohnya uang. Memang tak masalah tapi apa salahnya kita berbagi (Sharing) dari pada menjualnya (Selling).
Bukankah ilmu itu kita dapat dari orang lain juga?Lalu untuk apa pelit ilmu?Tidak masalahkan untuk berbagi (Sharing)?.
Budayakanlah Berbagi Karena Jika kita berbagi ilmu kepada orang lain maka orang yang kita bagi ilmu itu ilmunya akan bertambah dan ilmu kitapun akan bertambah juga.
-----------------------------------------------------------------------------

Start Sharing Not Selling adalah kontes seo yang diadakan oleh www.adsense-id.com
Hadiahnya:
Juara 1 = $50 + domain .com PR3
Juara 2 = $30 + domain .com PR2
Juara 3 = $20

Peraturannya:
1. Lama kontes 1 Bulan terhitung sejak 7 Juli, berakhir 7 Agustus 2010
2. Menjadi Anggota Adsense-Id. Sekarang juga daftar di adsense-id.com
3. Membuat artikel dengan tema Start Sharing Not Selling
4. Artikel berbahasa Indonesia minimal 200 kata.
5. Keyword utama: Start Sharing Not Selling dengan URL utama http://www.adsense-id.com/forums/forum.php
6. Di akhir artikel berikan keyword Indonesian Publisher Community dengan url http://www.adsense-id.com
7. Pemenang akan dilihat dari hasil pencarian Google.Co.Id, ditutup 7 Agustus jam 12 Siang.
8. Daftarkan URL Postingan kontes dengan cara kirim pesan pribadi Squids. Tentunya kudu daftar dulu di forum Adsense-id.

Indonesian Publisher Community

Award pertama

2010-07-05T19:47:00.000-07:00

Terima kasih buat coretan-felix yang telah membagi award ini kepada K-blogger. Ini adalah award pertama K-blogger.
Selamat untuk 10 blog di bawah ini yang kebagian FRIENDLY VISITOR AWARD dari K-blogger:

1.Akbar Yahya
2.Gus Ikhwan
3.Rizky 2009
4.Ardi33
5.Jaya
6.Berita Bola
7.Chandra
8.Miftah
9.ArDa
10.Pejhes

Aturan Main:
Bagi sobat yang menerima award ini diharuskan untuk membagikan kembali award ini kepada sepuluh orang temannya. Selanjutnya, sobat penerima award harus meletakkan link-link berikut ini di blog atau artikel masing-masing:

1. sumberppc.blogspot
2. loudy.co.cc
3. loudy92.blogspot
4. fahmiahmadfarizan.blogspot
5. bagusfuns.blogspot
6. dunia-klue.blogspot
7. kuncupkembang.blogspot
8. gieterror.blogspot
9.coretan-felix.co.cc
10.k-blogger1.blogspot.com

Sebelum sobat-sobat meletakkan link-link di atas, hapus terlebih dahulu peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Peserta nomor 2 menjadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link anda sendiri di bagian paling bawah (nomor 10). Tapi ingat...!!!, kalian semua harus adil dalam menjalankannya. Jika tiap penerima award mampu memberikan award ini kepada 5 orang saja dan mereka semua mengerjakannya , maka jumlah backlink yang akan didapat adalah:

Ketika posisi kamu 10, jumlah backlink = 1
Posisi 9, jumlah backlink = 5
Posisi 8, jumlah backlink = 25
Posisi 7, jumlah backlink = 125
Posisi 6, jumlah backlink = 625
Posisi 5, jumlah backlink = 3,125
Posisi 4, jumlah backlink = 15,625
Posisi 3, jumlah backlink = 78,125
Posisi 2, jumlah backlink = 390,625
Posisi 1, jumlah backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, kamu juga mendapatkan traffik tambahan.

Selamat ya!!

Cara Membuat Navigasi Breadcrumb

2010-07-04T17:58:00.000-07:00

Kali ini saya akan membahas tentang "Membuat Navigasi Breadcrumb"
Navigasi Breadcrumb berguna untuk memudahkan pengunjung untuk kembali kehalaman sebelumnya.

Contoh hasilnya:

Ada 2 jenis navigasi website, yaitu navigasi internal dan navigasi eksternal.

Navigasi internal adalah link yang akan menavigasi pengunjung dari satu halaman ke halaman lain tapi masih didalam website/blog yang sama contohnya seperti Navigasi Breadcrumb atau Navigation Breadcrumb
Navigasi eksternal adalah link yang digunakan untuk menavigasi pengunjung keluar dari halaman website/blog sekaligus keluar dari website/blog

Sekarang cara membuatnya:

Masuk dasbor
Pilih rancangan
Edit html
Centang Expand Template Widget
Kemudian cari kode ]]></b:skin>
Letakkan kode dibawah ini diatas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
kemudian cari code <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'> jika juga tidak ada cari yang mirip
Copy code berikut lalu paste dibawah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>

Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

Simpan template

Rounded Corner (Sudut melengkung)

2010-07-02T01:14:00.000-07:00

Apakah anda sering menemui blog yang kelihatan melengkung seperti blog ini?
Itu namanya Rounded Corner
Sebagai contoh:

Berikut cara membuatnya:

Tentukan bagian yang akan anda ubah menjadi melengkung
Misalnya bagian post maka cari kode cssnya
Edit seperti berikut:

Full rounded corner :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px; }

Rounded corner di atas :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-radius-topleft: 10px;

-webkit-border-radius-topright: 10px;

-khtml-border-radius-topleft: 10px;

-khtml-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px; }

Rounded corner di kiri atas :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

-moz-border-radius-topleft: 10px;

-webkit-border-radius-topleft: 10px;

-khtml-border-radius-topleft: 10px;

border-top-left-radius: 10px; }

Rounded corner di bawah :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-radius-bottomleft: 10px;

-webkit-border-radius-bottomright: 10px;

-khtml-border-radius-bottomleft: 10px;

-khtml-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px; }

Catatan:

Kode warna merah adalah Kode yang harus ditambahkan
Kode -moz-border-radius digunakan untuk FF, -webkit-border-radius untuk Chrome dan Safari, -khtml-border-radius untuk browser-browser lama yang mendukung kode ini, serta border-bottom-left untuk pengecekan terhadap browser-browser baru yang mungkin mendukung kode ini.

Referensi:http://optimasi-blog.blogspot.com/
Ditulis : Sendiri

Macam macam border 2

2010-06-28T20:34:00.000-07:00

Border digunakan untuk mempercantik tampilan post atau konten Anda.
Baca Macam macam border 1

Berikut tampilan dan codenya:

Sekarang cara mempercantik border

-Border yang berisikan text kelap kelip

-Border yang berisikan text berjalan

Selamat Datang Di K-blogger

ini dia kodenya:
<p style="border: dashed 5px #FF7F00; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #000000; font-size: 18px"><marquee direction="left">Selamat Datang di K-blogger</marquee></p>

Kode yg berwarna merah adalah warna garis border
Baca Kode warna
Sudah dulu ya
tunggu seri ketiganya

Memberi warna dan border pada kotak komentar

2010-06-25T19:29:00.000-07:00

Pada post Cara menambah scroll pada kotak komentar ada yang bertanya
"bagaimana cara membuat komentar ada bordernya?"
sekarang saya akan menjawab pertanyaan itu
caranya begini:
1. Masuk dasbor
2. Pilih Rancangan ---> edit html
3. Cari kode berikut:

.comment-form {

4. Lalu paste kode berikut dibawah kode diatas

border:5px solid #8C748F;

dan simpan template

Catatan: kode yang berwarna merah adalah ketebalan border

Sekarang cara memberi warna pada kotak komentarnya
1.Cari kode:

.comment-form {

2.Lalu paste kode berikut dibawah kode diatas:

background:#191970;

Dan simpan template

Catatan: kode yang berwarna merah adalah kode warna
Untuk mengetahui kode warna baca ini

Macam macam border 1

2010-06-22T22:59:00.000-07:00

Border digunakan untuk mempercantik tampilan post atau konten Anda.
Pada dasarnya kodenya diapit oleh kode berikut:

berikut tampilan dan codenya:

Catatan:
1.Code yang berwarna biru adalah bentuk bordernya
berikut bentuk-bentuk bordernya:
2.Code yang berwarna merah adalah warna border

Selamat mencoba!

Membuat Menu Vertikal Cantik

2010-06-20T19:16:00.000-07:00

Sebelum anda mencoba membuatnya ada baiknya anda melihat screenshot contoh widgetnya:

Apakah anda tertarik?
berikut caranya:
1.Masuk dasbor
2.Pilih rancangan ->> elemen halaman
3.Klik tambahkan gadget ->> Kemudian pilih HTML/Javascript
4.Berikut codenya:

Cara menambah scroll pada kotak komentar

2010-06-19T01:23:00.000-07:00

Trik blog ,Bagi anda yang tidak ingin kotak komentarnya terlihat terlalu memanjang saya punya triknya.
Berikut caranya:
1.Masuk ke blogger
2.Pilih Rancangan (Dulu tata letak)
3.Klik edit html
4.Beri tanda centang pada Expand Template Widget
5.Cari kode berikut:

6.Hapus code diatas lalu diganti dengan kode berikut:

7.Simpan template

Sebagai contoh ini:

Menambah efek pelangi pada link

2010-06-16T18:00:00.000-07:00

Trik blog , Kali ini saya akan membahas cara "Menambah efek pelangi pada link"
cara ini untuk kamu yang bosan dengan tampilan link yang gitu-gitu saja
sebagai contoh coba arahkan mouse anda pada link berikut:
>>K-BLOGGER<<
apakah kamu tertarik?
oke langsung saja caranya:
1.Login Blogger kemudian pilih rancangan
2.Klik edit html dan cari kode </head> untuk memudahkan pencarian, gunakan Ctrl+F
3.Lalu paste code berikut tepat pada atasnya

4.Simpan template

Cara Mengelola Blog Lebih dari Satu Akun

2010-06-12T19:04:00.000-07:00

Cara ini digunakan bagi anda yang sering kehabisan ide ataupun untuk membagi tugas dengan orang yang kita percayai untuk mengelola blog.
Apakah anda tertarik?
Oke jika anda tertarik begini langkahnya:
1.Masuk dasbor-->pilih pengaturan
2.Lalu pilih izin

3.Klik menambah penulis

4.Lalu tulis email orang yang anda undang sebagai penulis diblog anda

5.Klik undang
6.Tunggu konfimasinya
7.Jika sudah dikonfirmasi maka orang yang anda undang resmi menjadi penulis diblog anda

Cara memberi Privilese Admin pada penulis
-Hanya perlu mengklik beri Privilese Admin sebagai contoh:

Archie search engine pertama

2010-06-10T19:04:00.000-07:00

Archie diciptakan ditahun 1990 oleh seorang mahasiswa Universitas McGill di Montreal Canada, yang bernama Alan Emtage. Ia menciptakan Archie sebagai tool untuk mengumpulkan file indeks di internet.
Pada zaman itu, Archie merupakan sebuah program yang menjadi favorit bagi pengguna internet.Program ini sebenarnya sederhana hanya sebuah daftar direktori untuk semua file yang bisa didownload dari sebuah ftp anonim di jaringan. Daftar tersebut dapat dikumpulkan dengan jaringan lain dan disimpan ke database
Kemampuan pencariannya tidak sebagus search engine sekarang.Archie bekerja dengan cara mengindeks semua file sehingga memudahkan pengguna komputer untuk mencari lokasi file yang diinginkan
Sumber: BUKU Search engine optimization(seo),Wahana komputer penerbit andi

Kapan search engine didirikan?

2010-06-08T18:17:00.000-07:00

Apa kau tau?
Saat saya menulis tentang 25 Nama Domain .com tetua banyak yang menanyakan kapan google dan yahoo didirikan?

oleh karena itu berikut ini adalah detail kapan search engine didirikan.

1. Excite ditahun 1993
2. Yahoo! ditahun 1994
3. Web Crawler ditahun 1994
4. Lycos ditahun 1994
5. Infoseek ditahun 1995
6. Altavista ditahun 1995
7. Inktomi ditahun 1996
8. Ask Jevees ditahun 1997
9. Google ditahun 1997
10. MSN Search ditahun 1998 sekarang manjadi Live Search

Sumber: BUKU Search engine optimization(seo),Wahana komputer penerbit andi

Cara mengubah rotation gambar

2010-06-04T20:12:00.000-07:00

Trik blog ,Sering melihat gambar seperti yang dibawah ini?

Pasti seringkan?
Agar terbentuk seperti itu kita hanya perlu mengubah rotationnya
Caranya seperti ini:
1.Buka Ms word 2007
2.Lalu klik insert --> picture (untuk menambah gambar yang akan diubah rotationnya)
3.Klik kanan pilih format picture
4.Lalu akan muncul ini:5.Pilih 3-D rotation
6.Lalu atur sesuai selera anda

Dasar-dasar pembuatan option

2010-06-02T00:00:00.000-07:00

Trik blog ,Option digunakan untuk mendefinisikan suatu elemen yang bisa dipilih dalam suatu daftar pilihan.
Fungsi Option pun sering digunakan dalam widget-widget
Pada dasarnya codenya sebagai berikut:
<html>
<select>
<option>--Negara--</option>
<option>Indonesia</option>
<option>Cina</option>
<option>Malaysia</option>
<option>Arab</option>
</select>
</html>
sebagai contoh:

Contoh widget yang menggunakan fungsi option:
-Blogroll dengan menu dropdown
Code:
<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://k-blogger1.blogspot.com/">K-blogger</option>

<option value="http://z-bebas.blogspot.com/">Zonabebas</option>

</select>

</form>

Hasilnya:

-Widget change this font
Baca Cara membuat widget change font this blog

sekian dlu
sampai jumpa lagii

Kenapa bibir kita berwarna merah?

2010-05-29T05:39:00.000-07:00

Apa kau tau?
---Permukaan bibir diselimuti oleh apa yang disebut bentuk transisi dari kulit dan selaput.Bentuk transisi kulit dan selaput ini tidak memiliki warna, sehingga transparan. Maka,warna darah yang mengalir dipembuluh darah pada bibir terlihat. Jadi,warna merah pada bibir adalah warna merah dari darah.
---Kadang,ditempat yang dingin, warna bibir akan berubah menjadi biru pucat. Ini karena pembuluh darah didalam bibir mengerut sehingga darah yang mengalir tidak terlihat.

Sumber: Komik Doraemon pendidikan,seri tubuh manusia (Peredaran Darah)

Cara membuat logo unik dengan http://funnylogo.info/

2010-05-21T21:22:00.000-07:00

Trik blog,Sebenarnya http://funnylogo.info/ digunakan untuk membuat search engine sendiri. tapi saya akal-akalin aja buat logo
contoh logonya seperti ini:

Lansung saja ya caranya:
1.Buka http://funnylogo.info/
2.Ketik nama blog anda atau nama anda
3.Setelah selesai save(donlot) logo yang ada di search engine anda(walopun tujuannya bukan untuk membuat search engine)
4.Edit sesuai dengan selera anda

--Cara mengganti logo
1.Dasbor->Tata letak->Lihat bagian bawah ini:
2.Klik bagian yang dihitamkan tersebut
3.Lalu unggah logomu dari komputer
selesai deh!!

Membuat tools parse html

2010-05-18T21:28:00.000-07:00

Trik blog, Kali ini kita akan membahas tentang "Membuat tools parse html"

Biasanya anda memarse kode html di http://centricle.com/tools/html-entities/
Tapi sekarang anda bisa memasang dan menggunakannya di blog anda sendiri

Bagaimanakah cara membuatnya?
1.Pasang kode ini
2. Jika anda ingin membuat lebih bagus, Silakan kesini anda bisa mengaturnya sesuai dengan selera anda
3.Pasang scriptnya diblog anda

Sekarang gak usah ke http://centricle.com/tools/html-entities/ lagi karena diblog anda sudah tersedia

Cara membuat game online dengan pictogame.com

2010-05-12T23:04:00.000-07:00

Tutorial Game,Banyak orang yang kurang suka membuat game karena sangat sulit dan rumit, tetapi dengan pictogame.com anda bisa membuat game hanya dengan 3 kali klik.

Berikut cara membuatnya:
1.Buka http://www.pictogame.com/
2.Lalu lihat bagian ini:

Lalu pilih kategori game yang ingin anda buat

Selanjutnya atur sesuai yang anda inginkan

Cara memasangnya pada blog:

1.Lihat pada bagian bawah game:

2. copy codenya dan paste ke postingan anda

Mudah bukan!!!

Kebiasaan jelek yang dapat menyebabkan otak rusak

2010-05-08T17:23:00.000-07:00

Kesehatan,Otak sangat penting bagi kelangsungan hidup manusia,otak dapat diibaratkan prosesor dalam sebuah komputer.tanpa kita sadari otak bisa mengalami kerusakan karena kebiasaan jelek kita dalam kehidupan sehari-hari.

Berikut Kebiasaan jelek yang dapat menyebabkan otak rusak:

-Menutup kepala saat tidur(klo gak menutup kepala saat tidur saya gak bisa tidur heheheh)
Tidur dengan kepala ditutup bantal misalnya, akan meningkatkan konsentrasi karbondioksida ke otak. Saat bernafas dengan kepala tertutup, karbondioksida hasil bernafas akan masuk kembali ke dalam tubuh dan hal itu sangat berbahaya.

-Tidak sarapan
Mereka yang tidak sarapan akan memiliki kadar gula darah yang rendah. Hal ini akan memicu ketidakcukupan nutrisi pada otak padahal otak butuh nutrisi yang cukup untuk tetap bisa bekerja. Akibat kurang suplai nutrisi terutama glukosa, akhirnya kemampuan otak akan cepat menurun.

-Makan berlebihan
Sikap yang terlalu berlebihan bisa mengeraskan pembuluh darah di otak yang akhirnya dapat menurunkan kekuatan mental.

-Merokok
Semua orang tahu merokok itu tidak baik untuk kesehatan dan ada banyak dampak buruk yang dihasilkan bagi organ tubuh jika merokok. Khusus untuk organ otak, merokok bisa menyebabkan otak menyusut dan memicu penyakit pikun atau Alzheimer. Sel-sel saraf akan menyusut pada bagian hippocampus dan korteks depan yang berfungsi menyimpan ingatan.

-Konsumsi gula berlebih
Terlalu banyak mengonsumsi gula akan mengganggu proses penyerapan protein dan nutrisi sehingga tubuh akan mengalami kekurangan gizi (malnutrisi) dan akhirnya mengganggu perkembangan otak.

-Polusi udara
Otak adalah organ yang mengonsumsi oksigen paling banyak dari tubuh. Menghirup udara yang penuh polusi akan mengurangi suplai oksigen ke otak dan akhirnya mengurangi efisiensi otak dalam bekerja.

-Kurang tidur
Tidur akan membuat otak berisitirahat. Kekurangan tidur dalam jangka waktu lama sama saja dengan membunuh sel otak perlahan-lahan karena otak terus dipaksa untuk tetap menyala padahal otak juga butuh istirahat.

-Tetap bekerja dalam keadaan sakit
Memaksakan diri untuk bekerja atau belajar dalam kondisi sakit sangat tidak baik untuk otak dan akan merusak sel-sel otak.

-Jarang berbicara
Percakapan akan membantu seseorang untuk terus mengaktifkan sel-sel otaknya, apalagi percakapan yang berbau intelektual. Orang yang jarang berbicara akan membiarkan sel-sel otaknya mati perlahan-lahan karena tidak pernah mengaktifkannya.

-Jarang menstimulasi pikiran
Berpikir adalah cara paling baik untuk melatih otak. Kurang menstimulasi otak dengan berbagai hal akan menyebabkan otak menyusut. Sel-sel otak akan mati karena tidak ada sesuatu yang membuat otak berkembang.

Penyakit yang berhubungan dengan otak antara lain ketidak mampuan berkomunikasi (Asperger syndrome), trauma atau kerusakan batang otak (traumatic brain injury), keterbelakangan mental (Down syndrome), epilepsi, autisme, ganguan kejiwaan (psychiatric disorders), penyakit disorientasi otak (Alzheimer), kelainan otak kronis yang mengganggu pergerakan (Parkinson), kelumpuhan (Paralyses), kerusakan atau kematian sebagian otak (partial brain degenerative disorder), Szhizoprenia dan lainnya.

Pengobatan yang biasa diterapkan untuk penyakit-penyakit otak adalah menggunakan obat-obatan dan terapi psikis. Tapi kini peneliti dan para ilmuwan sedang giat mengembangkan teknik pengobatan terapi gen dan stem cell yang diyakini dapat memperbaiki neuron atau bagian otak yang telah rusak atau mati.

Selain itu, pengembangan virus tertentu yang telah dimodifikasi secara molekular juga menjadi alternatif baru yang sedang duji peneliti. Virus yang telah dilemahkan ini kemudian diinjeksi ke pasien dan selanjutnya akan bermanfaat memperbaiki sistem saraf yang rusak.

Humor: Anak sekolahan(2)

2010-05-05T03:54:00.000-07:00

Humor
Makan nasi
-----------------------------------------------------
Bento : Budi dari tadi kamu hanya melihat orang makan saja kamu lapar ya?

Budi : iya ben,aku lapar tapi gak punya uang

Bento : ayo ikut aku,biar aku traktir

2 menit kemudian
-----------------------------------------------------
Bento : mau makan apa?

Budi : Makan nasi

5 menit kemudian
-----------------------------------------------------
Budi : Lho kok cuma nasi doaaaang

Bento : kan kamu minta nasi doang

Budi : #@$%^&*(()

Balas dendam
-----------------------------------------------------
Suatu hari ada seorang tukang becak yang karena sepinya penumpang hanya mendapat
uang Rp.1000. Karena kelaparan,dia pergi kesebuah rumah makan. Lalu dia bertanya kepada
pelayan, "1000 dapat apa mbak?". Sipelayan menjawab, "Nasi pake kuah sayur, gak pake ikan!"
Dan suatu hari sang pelayan pulang dari pasar dan uangnya tinggal 1000 untuk pulang.
Lalu dia bertanya kepada tukang becak tersebut, "1000 bisa naik becak?". Tukang becak
menjawab, "Bisa tapi gak pake rem!"

Humor: Anak sekolahan

2010-04-22T01:19:00.000-07:00

Humor
Silahkan nyimak
Penemu Benua Australia
-----------------------------------------------------------------------------
Guru : budi tunjukkan dimana letak benua australia?
Budi : disini bu (sambil menunjuk peta)
Guru : bagus!
sekarang bento
siapa penemu benua australia?
Bento: budi bu!!!
Guru : ##&^^*$

Kedatangan murid baru
-------------------------------------------------------------------------------
Guru : anak-anak kita kedatangan murid baru dari jepang
Bento : nama kamu siapa?
Murid baru : Gakada
Bento : kok gak ada nama
Murid baru : Emang namaku gakada
Bento : jadi kamu gak punya nama
Murid baru:###^&*@#

Cara manipulasi tanggal

2010-04-17T20:19:00.000-07:00

Trik blog ,kita sering melihat blog yang pada halaman awalnya selalu saja menampilkan post yang itu - itu saja.
padahalkan setiap minggukan pasti diupdate
sebenarnya ini bisa kita lakukan dengan memanipulasi tanggal
contoh:

cara memanipulasinya:
buat entri baru
lalu liat dibawah kotak menulis post
klik opsi entri

lalu ganti tanggalnya dengan tanggal baru jika ingin menampilkannya kembali
atau ganti dengan tanggal lama jika ingin menyembunyikan post.

Cara membuat spoiler pada post

2010-04-11T00:43:00.000-07:00

Trik blog,Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

-Membuat spoiler yang menyembunyikan text

kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat</div></div></div>

-Membuat spoiler yang menyembunyikan gambar

Kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 0px none ; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_RnAIeUH_Xis/S0mHtHrJZHI/AAAAAAAAAC8/RZ1-m5sMds8/s1600-h/Lawak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 305px; height: 400px;" src="http://1.bp.blogspot.com/_RnAIeUH_Xis/S0mHtHrJZHI/AAAAAAAAAC8/RZ1-m5sMds8/s400/Lawak.jpg" alt="" id="BLOGGER_PHOTO_ID_5425016435368354930" border="0" /></a>.</div></div></div></div>

*keterangan:
kode yang berwarna orange adalah alamat gambar
Selamat mencoba!

Dasar-dasar pembuatan link(2)

2010-04-01T18:36:00.000-07:00

Trik blog,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman Baca --> Dasar-dasar pembuatan link(1)

<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece

-Membuat link jika kursor mouse diarahkan ke link langsung terbuka tanpa harus diklik
Kode:
<a href="http://k-blogger1.blogspot.com/" onMouseover="window.location=this.href">K-blogger</a>
Contoh: K-blogger

-Membuat link yang membuka tab baru
Kode:
<a href="http://k-blogger1.blogspot.com/" target="new">Tips blog</a>
Contoh: Tips blog

-Membuat link gambar yang membuka tab baru
Kode:
<a href="http://www.idcorp.tk" target="_blank"> <img src="http://3.bp.blogspot.com/_RnAIeUH_Xis/S7btX3Tz5kI/AAAAAAAAALs/ngIoItjTaCw/s400/idc.jpg" /></a>
contoh:

Cara membuat widget change font this blog

2010-03-29T01:13:00.000-07:00

Trik blog ,Post ini terinspirasi dari blognya rizky2009
disana saya melihat widget seperti ini
saya coba tes tes tapi gak berhasil
lalu saya ngutak-ngatik blog percobaan saya dan akhirnya berhasil
pasti ada yang bertanya apa itu widget change font this blog?
widget change font this blog adalah widget yang digunakan untuk mengubah font blog kita(sederhana banget jawabannya)hehehe
mau tau gak caranya???

Login dulu ke blogger
Masuk ke tata letak -->> elemen halaman
Tambah gadget-->> pilih HTML/JavaScript
copy code berikut

<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>

<div class='clear'></div>

lalu cari kode berikut:

.post {
font: Trebuchet MS;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
Kode yang berwarna merah diganti dengan function go1
sehingga menjadi
.post {
font: function go1;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
dan simpan

Cara Supaya Artikel Blog Tidak Bisa Di Copy

2010-03-25T00:35:00.000-07:00

Trik blog ,Bingung ni mau post apa
tapi muncul juga ide untuk buat post ini
ya sudah sekarang kita mulai ke pembicaraan
pasti anda kesalkan jika salah satu artikel anda di copy
ataupun semua artikel anda di copy
ini beberapa tangggapan teman saya
Kata
ryan's : sedih dan kecewa,,tapi mau gimana lagi...
:ardi33: marah donk
Dan bagaimana anda?pasti tanggapannya seperti mereka jugakan?
Untuk menghindarinya saya punya caranya
Cari kode berikut:
</body>
lalu copy code ini:
dan paste di atas kode </body>
<script language='JavaScript1.2'>

//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function ("return false")

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>

tinggal save deh
selesaiiiiiii

Cara membuat select all otomatis pada textarea

2010-03-20T00:16:00.000-07:00

Trik blog,Sebelumnya saya pernah ngebahas tentang Cara membuat select all pada textarea

namun itu belum otomatis
yang otomatis seperti ini:
hanya tinggal diklik text areanya langsung ter select semua

kode yang kita gunakan seperti ini:
<form name="textarea"><textarea name="txt" rows="2" cols="20" onclick="this.form.txt.select()" readonly="readonly" style="border-color: gray; color: blue; background-color: white; font-weight: bold;">Text>></textarea></form>

Kode yang berwarna merah adalah text yang ingin ditampilkan
Kode yang berwarna biru adalah warna text
Kode yang berwarna hijau adalah background text area
mudahkan!!!

Cara membuat select all pada textarea

2010-03-12T23:17:00.000-08:00

Trik blog,Sebelummnya saya pernah ngebahas tentang Cara membuat textarea
sekarang saya akan membahas cara membuat select all pada text area
contoh hasilnya sepeti ini

code yang saya gunakan seperti ini:
<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text 123></textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>
kode yang berwana merah adalah text yang akan ditampilkan
selesai deeh

Cara membuat tombol balas tanggapan di form komentar

2010-03-07T02:15:00.000-08:00

Trik blog,Dah lama gak post hehheheh
oh iya saya ada trik blog baru!
baru aja belajar sama franco caranya
tapi saya buat tombolnya beda
-->karya saya

langsung saja caranya

Login ke blogger
Tata letak
Edit html
Lalu beri tanda centang di Expand Widgets Template
Cari kode berikut "<b:include data='comment' name='commentDeleteIcon'/> </span>
Lalu tambahkan dibawahnya kode

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=LETAKKAN ID BLOGMU DISINI&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img alt='Balas Komentar' src='http://3.bp.blogspot.com/_RnAIeUH_Xis/S5OBuuCPtdI/AAAAAAAAAK8/1Mi-giRthVI/s1600-h/%2B-.bmp'/></a></span>

berikut

Keajaiban bilangan 22/7

2010-02-27T00:31:00.000-08:00

Apa kau tau?,Apakah kamu mengetahui keanehan bilangan 22/7?
ternyata jika bilangan 22/7 diubah menjadi desimal akan menjadi 3,1428571.
Dari bilangan 3,1428571 kita ambil 6 angka dari belakang yaitu 428571.Jika bilangan ini
dijumlahkan 3 angka terakhir dan 3 angka pertama dari 428571
428571 + 571428 = 999999.
dan jika dari angka 3,1428571 kita ambil 6 angka setelah koma yaitu 142857 dan dijumlahkan 3 angka terakhir dan 3 angka pertama dari 142857 maka hasilnya juga sama
142857 + 857142 = 999999. aneh bukan?

Dasar-dasar pembuatan link(1)

2010-02-24T23:54:00.000-08:00

Trik blog ,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman
pada dasarnya susunannya sebagai berikut:
<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece
maka kode yang saya gunakan adalah
<a href="http://rian-hizrian.blogspot.com/">One piece</a>

-membuat link kelap kelip
kali ini kode yang saya gunakan adalah
<blink><a href="http://rian-hizrian.blogspot.com/">One piece</a></blink>
hasilnya seperti ini
One piece

-membuat gambar berlink
contohnya seperti ini

kodenya begini
<a href="http://www.idcorp.tk" target="_blank" title="yu-gi-oh! Episode Download"><img border="0" src="http://photos-g.ak.fbcdn.net/hphotos-ak-snc3/hs099.snc3/16634_1194788796569_1433935874_30583422_5917858_n.jpg" /></a>

kode yang berwarna merah adalah alamat situs yang kita maksud
dan kode yang berwarna orange adalah alamat gambar

Cara membuat dropcap

2010-02-22T23:58:00.000-08:00

Fasilitas ini digunakan untuk memperbesar huruf di awal kalimat
contohnya seperti:langsung saja caranya:
masuk ke edit html dulu
cari kode dibawah ini
.post {
margin:0 0 2.5em;
}

kemudian ketik kode berikut:
.dropcaps {
float:left;
color:#000000;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

dan simpan template
cara pemasangannya di postingan begini
kamu harus mengetikkan:
<span class="dropcaps"></span>
contohnya seperti ini:
<span class="dropcaps">C</span> iptakan golmu seindah mungkin

mudahkan!!!!

Daftar isi

2010-02-20T03:11:00.000-08:00

Cara membuat judul postingan baru yang berjalan

2010-02-20T02:47:00.000-08:00

Kali ini saya akan memberi tau cara membuat judul postingan baru yang berjalan. sama seperti efek marquee yang ada diblog ini.
langsung saja caranya:

Login dulu ke blogger
Masuk ke tata letak -->> elemen halaman
Tambah gadge t-->> pilih HTML/JavaScript
copy code berikut

25 Nama Domain .com Tertua

2010-02-17T23:49:00.000-08:00

Tahun 1985

symbolics.com
bbn.com
think.com
mcc.com
dec.com
northrop.com

Tahun 1986

xerox.com
sri.com
hp.com
bellcore.com
ibm.com
sun.com
intel.com
ti.com
att.com
gmr.com
tek.com
fmc.com
ub.com
bell-atl.com
ge.com
grebyn.com
isc.com
nsc.com
stargate.com

Cara membuat textarea

2010-02-16T01:03:00.000-08:00

Bener nggak ya judulnya??
kagak perlu judulnya yang penting caranya heehhehe
lihat contohnya:

tes 123 yuk dicoba

codenya sebagai berikut:

<textarea rows="5" cols="20" name="Famous Quotes" 

readonly="readonly">tes 123 yuk dicoba</textarea>



semoga bermanfaat ya!!

shoutbox alternatif jika shoutmix punyamu error

2010-02-15T23:54:00.000-08:00

Apakah blogmu demikian?
jika demikian sebaiknya diganti saja
cara menggantinya seperti ini:
buka link berikut ini:
Shoutbox widget
ubah Width dan Height sesuai dengan yang anda inginkan
lalu copy codenya
selanjutnya:

Pada Dashboard, pilih Tata Letak atau Template

Ganti code shoutmix sebelumnya dengan code tersebut

Selesai deh!!!!!!!!

Mencari blog berdasarkan nama

2010-02-13T18:55:00.000-08:00

Jika anda mempunyai teman sang blogger tapi dia tidak mau memberikan alamat blognya
apa yang harus kita lakukan?
caranya:
kita gunakan saja fasilitas Google blog search
keyword yang kita gunakan adalah inpostauthor:Namanya
pilih opsi pencarian Blog dalam Bahasa Indonesia agar yang ditelusuri hanya yang di indonesia saja
dan klik tombol cari blog
mudahkan

Membuat widget chatbox

2010-02-13T00:36:00.000-08:00

Ada beberapa kotak chat yang sering digunakan seperti : Shoutmix.com,Oggix.com dan Chatbox.com dll
diantara ketiga penyedia layanan kotak chat itu yang paling sering digunakan di blog - blog adalah shoutmix karena memiliki kelebihan daripada yang lain
Cara membuatnya sapeti ini
Masuklah dulu pada Shoutmix.com
lalu klik tombol yang seperti iniisi dulu formulir yang disediakan

pilih model yang kamu sukai
klik Go to my control panel now
setelah mendapatkan code!! copy code tersebut

selanjutnya

Login ke Blogger
Pada Dashboard, pilih Tata Letak atau Template
Pada menu Page Elements, klik Add Gadget
Pilih HTML Javascript kemudian paste kode yang kamu dapatkan tadi di kotak konten
Simpan dan lihat blogmu

Trik download ebook dengan cepat

2010-02-06T20:46:00.000-08:00

Sama halnya dengan cara dengan mendownload mp3. google pun juga bisa digunakan untuk mencari file-file ebook.
Mau taukan caranya?
keyword yang kita gunakan adalah:
intitle:index.of? File extension Nama ebook yang dicari
Kata yang berwarna merah dapat diubah menjadi chm/pdf/zip/rar
Dan kata yang berwarna biru adalah nama ebook yang anda cari

contoh:

intitle:index.of? PDF Abu nawas

atau mau hasilnya lebih luas
ubah keywordnya menjadi:
+("index of") +("/ebooks"|"/book") +(chm|pdf|zip|rar) + Visual basic
ataupun gini:
allinurl: (rar|chm|pdf|zip|tgz) +visual basic

mudahkan?

Download Game 3D Football

2010-02-06T20:13:00.000-08:00

Download

Ciptakan gol yang indah!

Download CSS Tab Designer

2010-02-04T01:12:00.000-08:00

CSS Tab Designer adalah program yang digunakan untuk membuat tab untuk blog kita
contohnya:

Silahkan Download

Trik menambah kecepatan smart

2010-02-03T23:43:00.000-08:00

Jika anda membeli smart yang harganya 399.000
pasti kecepatanya sekitar 150 kbps
tapi jika anda menggunakan cara ini
kecepatannya akan menjadi 1 mbps
disconnect dulu
sebelum dial
pilih dulu properties -->> setelah itu pilih configure
-->> dan pilih maximum speednya yaitu 921600 bps
pilih ok
-->> Dan dial
mudah kan!!

Trik download lagu dengan google dengan cepat

2010-02-03T02:01:00.000-08:00

Buka google
lalu masukkan keyword pada kotak pencarian:

-inurl:htm -inurl:html intitle:"index of" mp3 "penyanyi judul"
untuk penyanyi diubah dengan dengan nama artis/band/penyanyi lagu yang anda cari
untuk judul diubah dengan judul lagu yang anda cari
Misal:
saya mencari lagu we are (one piece)
maka keywordnya:
-inurl:htm -inurl:html intitle:"index of" mp3 "one piece"

cara mengambil gambar layar dengan VB

2010-02-02T02:37:00.000-08:00

Tanpa basa - basi lagi
ni dia caranya:

yang diperlukan adalah 2 command, 1 common dialog,1 timer,dan sebuah picture box
lalu atur propertinya:
command 1
caption : "Run"
command 2
caption : "Save"
timer 1
interval : "1000"

Code:

Private Declare Sub keybd_event Lib "user32.dll" (ByVal bVk As Byte, ByVal bScan As Byte, ByVal dwFlags As Long, ByVal dwExtraInfo As Long)

Private Sub Command1_Click()
If Command1.Caption = "Run" Then
Timer1.Enabled = True
Command1.Caption = "Stop"
Else
Timer1.Enabled = False
Command1.Caption = "Run"
End If
End Sub

Private Sub Command2_Click()
With Me.CommonDialog1
.DialogTitle = "Save gambar"
.Filter = "Bmp|*.bmp"
.CancelError = False
.ShowSave
If Len(.FileName) <> 0 Then
SavePicture Me.Picture1.Image, .FileName
End If
End With
End Sub

Private Sub Timer1_Timer()
If Second(Now) = 30 Then
keybd_event vbKeySnapshot, 0, 0&, 0&
PaintPicture Picture1.Image, 0, 0, Picture1.Width, Picture1.Height
Picture1.PaintPicture Clipboard.GetData(vbCFBitmap), 0, 0, Picture1.Width, Picture1.Height
For i = 1 To Len(Now)
If IsNumeric(Mid(Now, i, 1)) Then datagam = datagam & Mid(Now, i, 1)
Next i
SavePicture Clipboard.GetData(vbCFBitmap), App.Path & "\" & datagam & ".bmp"
End If
End Sub

mungkin ini berguna untuk mengambil gambar dari sebuah halaman web atau desktop

seperti:

Contact Me

2010-01-14T00:39:00.000-08:00