Senin, 30 Agustus 2010

Membuat Navigasi Breadcrumb Pada Wordpress

| Senin, 30 Agustus 2010 | 16 komentar

Bismillah Pictures, Images and Photos


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> &#187;
<?php if (!is_attachment()) { the_category(‘ | ‘); } ?> &#187;
<?php the_title(); ?></b><br/>
6. Simpan perubahan

Contoh dapat dilihat disini

Readmore..

Sabtu, 28 Agustus 2010

Menjadi Blogger Yang Bahagia

| Sabtu, 28 Agustus 2010 | 28 komentar

Bismillah Pictures, Images and Photos

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


Readmore..

Kamis, 26 Agustus 2010

CSS3 : Multi-column Layout

| Kamis, 26 Agustus 2010 | 15 komentar

Bismillah Pictures, Images and Photos

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.



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:

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.



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

Readmore..

Sabtu, 21 Agustus 2010

Membuat tag html baru

| Sabtu, 21 Agustus 2010 | 26 komentar

Bismillah, Ketemu lagi dengan penulis misterius alias gak serius (wkwkwkk) yang selalu memberi trik blog hangat sekaligus basi Emoticon Ketawa.
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!!

Readmore..

Kamis, 19 Agustus 2010

Beberapa sebab masuk surga

| Kamis, 19 Agustus 2010 | 14 komentar

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

Readmore..

Rabu, 18 Agustus 2010

CSS3 : Transform rotate (mengatur rotation tulisan dan gambar)

| Rabu, 18 Agustus 2010 | 11 komentar

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!!!

Readmore..

Selasa, 17 Agustus 2010

RGBA Effect

| Selasa, 17 Agustus 2010 | 12 komentar

RGBA EffectBismillah, 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:
RGBA Effect





Menjadi:
RGBA Effect





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

Readmore..

Senin, 16 Agustus 2010

Memberi efek shadow pada image/gambar

| Senin, 16 Agustus 2010 | 12 komentar

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)

Readmore..

Minggu, 15 Agustus 2010

Memberi efek shadow pada text/tulisan

| Minggu, 15 Agustus 2010 | 20 komentar

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!

Readmore..

Jumat, 13 Agustus 2010

Sejarah Javascript

| Jumat, 13 Agustus 2010 | 17 komentar

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.

Readmore..

Kamis, 12 Agustus 2010

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

| Kamis, 12 Agustus 2010 | 16 komentar

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

Readmore..

Cara menambah fungsi box pada post

| | 12 komentar


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

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:

<style>.boxA, .boxB {border-color:#CCCCCC;border-style:solid;border-width:5px 5px 10px;color:#000000;font-family:Arial;font-size:12px;margin:0 auto;overflow:scroll;padding:20px 6px;}.boxA {height:180px;.boxB {height:200</style>
<div class="boxA">
Code yang ingin ditampilkan
</div>
Semoga bermanfaat!

Readmore..

Selasa, 10 Agustus 2010

Memberi background pada sidebar heading

| Selasa, 10 Agustus 2010 | 19 komentar


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

Readmore..

Minggu, 08 Agustus 2010

Cara membuat sidebar pada dokumen html

| Minggu, 08 Agustus 2010 | 26 komentar

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:

<style>
#sidebar-top {
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background:#F5F5F5;
width:362px;
float:right;
padding:10px;
}
#sidebar-wrapper {
background:transparent

url(http://2.bp.blogspot.com/_rLYhkzmU7RY/TDvfgoOK5uI/AAAAAAAAAAU/kOXGkdBkMT4/s1600/sidebg.gif) repeat-y scroll left

top;
float:right;
overflow:hidden;
padding-left:8px;
margin-right:13px;
width:362px;
word-wrap:break-word;
}
</style>
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:
Cara mensave



















Berikut hasilnya lihat di Contoh

Readmore..

Sabtu, 07 Agustus 2010

Keistimewaan wudhu

| Sabtu, 07 Agustus 2010 | 21 komentar

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!

Readmore..

Jumat, 06 Agustus 2010

Macam macam button

| Jumat, 06 Agustus 2010 | 10 komentar

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:
Download here Pictures, Images and Photos


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!

Readmore..

Rabu, 04 Agustus 2010

Cara membuat menu bar pada blog

| Rabu, 04 Agustus 2010 | 18 komentar

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 :)

Readmore..
 

Blogroll

Flagcounter

free counters
© Copyright 2010. K-blogger . All rights reserved | K-blogger is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com
Pasang Iklan Gratis Sebagai Awal Mulai Bisnis Online