Belajar Bersama | Blogspot Tutorial | And Many More

Jalur Power Sonyericsson K790, K800i

2011-07-03T17:44:00.000+07:00

Menambah Code Efek Hujan Salju Di Blog Tanpa Menggunakan Image

2011-04-17T08:50:00.004+07:00

Tag : Membuat Snow Effect Atau Hujan Salju, Visual Snow Rain Dengan Kode Javascript

Menambah meriah sebuah tampilan blog biasa dilakukan oleh para blogger, salah satunya yang kali ini akan kita tambahkan adalah membuat efek hujan salju, Rain Snow. Untuk melihat contohnya silahkan lihat Demonya disini .

Seperti biasa untuk oprak oprek blog Signin di draft blogger
Dalam dasbor masuk Rancangan --> Edit HTML

Jangan centang Expand template widget.

Cari kode ini <body>

Setelah ketemu masukan javascript berikut sebelum kode <body>

<script src='http://codecariilmu.googlecode.com/files/Snow.js' type='text/javascript'></script>

Atau juga yang ini, dengan butiran salju lebih besar :

<script src=' http://codecariilmu.googlecode.com/files/Snowstorm.js ' type='text/javascript'></script>

Jangan lupa jika sudah di masukan disimpan dan coba deh lihat hasilnya.

Belajar Bersama

***** Semoga Bermanfaat *****

Hosting File Penyimpanan Gratis Dari Google Code

2011-04-16T09:30:00.001+07:00

Tag : File Hosting Javascript Ajax, JQuery,Java, Pyton, PHP, MySQL,Game, Android, CMS Dan banyak lagi.

Satu lagi tempat menyimpan file di internet yang gratis baik untuk di Download maupun di Upload ataupun sebagai link untuk blog / Blogspot kita yang membutuhkan link script yang mengharuskan disimpan secara online untuk pemanggilan URL nya, khususnya untuk file-file yang berbasiskan avascript Ajax, JQuery,Java, Pyton, PHP, MySQL,Game, Android, CMS, Flash, Plugin, Windows, Linux dan banyak lagi yang lainnya.

Hosting file tersebut adalah Google Code atau Code Google yang dari namanya saja tentu kita sudah tahu siapa pemiliknya. Bagi teman-teman yang ingin menyimpan file di Code Google, bisa lihat caranya.

1. Silahkan masuk ke website Google code akan muncul tampilan seperti berikut :

2. Untuk daftar klik Create New Project , berikutnya akan muncul tampilan berikut.

Isi Project Name, Project Summary, Description dengan nama apa saja terserah anda.
Kemudian Version control system pilih Mercurial.
Selanjutnya Source code license pilih GNU GPL v3

Project Label (s) pilih nama file yang nantinya akan kita simpan disini misal javascript. Fungsi label ini adalah untuk memudahkan kita mencari file-file dengan kategori yang sama, kurang lebih sama dengan label yang ada di blog kita. Selanjutnya tekan tombol Create Project. Berikutnya muncul halaman berikut.

3. Untuk mengupload file dari komputer pilih menu Download lalu pilih create a new download.

4. Pada halaman seperti diatas isikan summary, terserah dengan nama apa saja. Selanjutnya untuk mengambil file klik tombol Telusuri. Label isi seperti diterangkan di no.2, baru tekan Submit File.

5. Sekarang file kita sudah tersimpan. Untuk mendapatkan URL link dari file tersebut tinggal arahkan kursor mouse ke tombol yang ada tanda panah dan copy url link nya.

Belajar Bersama

***** Semoga Bermanfaat *****

Screen Capture, Image Record Area For Dekstop

2011-04-15T19:51:00.004+07:00

Tag : Printscreen, Capture Screen, ScreenCapture, Image Clipboard

Gadwin Printscreen adalah sebuah tool utility atau software untuk menangkap image atau capture, baik dari layar dekstop, jendela windows, maupun apa saja yang ada di layar komputer yang kita pakai. Menurut saya tool yang satu ini sangat Full Customize . Jadi dengan Gadwin Printscreen kita bisa menangkap gambar bagian per bagian alias per area.

Hasil tangkapan capture nya bisa kita simpan dalam beberapa format yang umum kita pakai, seperti JPEG Bitmap (*.jpg),GIF Image (*.gif), PNG Image (*.png), Tiff Bitmap (*.tif) dan Windows Bitmap (*.bmp).
Saat artikel ini di tulis Gadwin Printscreen baru mencapai versi 4.5.

Ada dua macam Gadwin Printscreen, yang satu gratis alias Free.
Nah seperti ini dia tampilannya.

Sedangkan yang ini Berbayar, karena lebih lengkap disertai dengan editor pengolahan gambar.

Ini dia Tampilannya.

Untuk mencoba dan men downloadnya silahkan datang langsung ke website nya.

Ini dia Link downloadnya Gadwin Printscreen .

Belajar Bersama

***** Semoga Bermanfaat *****

Page Number Navigation/Navigasi Halaman Pakai Angka Di Blog

2011-04-15T17:17:00.000+07:00

Tag : Membuat Halaman Navigasi Ala Google, Berikutnya, Selanjutnya, prev 6 7 8 9 next, Sebelumnya.

Ini adalah salah satu cara untuk mempermudah pengunjung mencari halaman2 postingan kita, selain tentunya untuk lebih mempercantik halaman blog kita.

Contohnya seperti di bawah ini.

Bagaimana cantik bukan. Nah untuk menerapkannya di blog, anda bisa mengikuti tutorialnya langsung di website nya Bung Abu Frahan Dan Anshul Dudeja .

Silahkan Klik link berikut untuk menuju TKP.

Numbered Page Navigation For Blogger New Script

Page Navigation Script Baru Dari Abu Farhan.

Add Numbered Navigation For Blogger
Nah yang ini dari Anshul Dudeja

Sedangkan untuk membuat Page Navigation ala Google atau Google Style Ini nih Link nya Dari Abu Farhan juga.

Page Navigation For Blogger With Google Style Dari Abu Farhan juga.

Google Style

Silahkan untuk dicoba dan pelajari.

Belajar Bersama

***** Semoga Bermanfaat *****

Membuat Navigasi Breadcrumb Dalam Template Blogspot

2011-04-14T08:35:00.003+07:00

Tag : Kode CSS Menambah Navigasi Breadcrumb Di Blogger Template Ala BloggerBuster

Breadcrumb adalah salah satu cara navigasi dan teknik untuk mempermudah pengunjung blog kita mencari informasi ataupun kembali ke halaman sebelumnya yang berhubungan dengan topik yang kita baca.

Contohnya seperti berikut

Untuk membuat dan menambah supaya muncul navigasi breadcrumb silahkan masuk dulu ke Draft Blogger
Sign In di Blogger
Dalam Dasbor --> Masuk Ke Rancangan --> Edit HTML
Kemudian Centang Expand Template Widget

Cari kode berikut

<b:include data='top' name='status-message'/>

Kemudian ganti dengan kode di bawah

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

          <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 class='post-title entry-title'><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'>
<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>
</div>

Kemudian Simpan dulu hasilnya.

Sekarang kita tinggal membuat kode untuk CSS nya, untuk itu copy kode CSS berikut :

#breadcrumb {
  border: 1px solid $bordercolor;
  padding: 5px 15px;
  margin: 10px 0;
  line-height: 1.4em;
}

Kemudian cari kode ini dan tempatkan kode CSS diatas kode ini </b:skin> .

Jangan lupa hasilnya di simpan.

Keterangan :

-  Tulisan " Welcome To " bisa kita ganti dengan tulisan apa saja, karena tulisan ini tampil di halaman muka ( HOME ) bagian atas postingan kita, misalkan dengan title blog kita.

- Bila ingin ada background, tinggal menambahkan kode CSS di elemen #breadcrumb.

Belajar Bersama

***** Semoga Bermanfaat *****

Kolom Komentar Terbaru Dari Blogger

2011-04-13T18:52:00.004+07:00

Tag : Setting Dan Fasilitas Terbaru Kolom Komentar Blogspot Di Menu Draft.Blogger

Saking dah lama nggak ngeblog jadi kurang tahu nih perkembangan terbaru dari menu yang ada di draft Blogger, eeh tak tahunya ada penambahan fitur baru dari menu Komentar di kolom draft blogger, coba lihat deh penampakkannya .

Nah udah lihat kan, di menu komentar baru itu kita bisa melihat komentar2 yang ditulis pengunjung, baik komentar yang terbaru maupun yang lama. Selain itu bila ada komentar yang berupa spam nanti akan otomatis di saring dulu, tidak langsung tampil tapi menunggu persetujuan dari kita dulu, apakah akan di terbitkan atau dihapus.

Pokoknya kita di buat lebih mudah dengan adanya seting komentar terbaru ini, jadi tidak usah pusing2 untuk melihat komentar yang baru dari pengunjung dengan mencari cari di halaman blog kita.

Belajar Bersama

***** Semoga Bermanfaat *****

Bacaan Do'a Kebaikan Dunia Dan Akhirat

2011-03-30T12:13:00.001+07:00

Tag : Doa Untuk Keselamatan Dan Kebaikan Dunia Akhirat

Sungguh luar biasa manfaat yang didapat dari do'a ini. Kandungannya mencakup kebaikan yang diinginkan setiap insan sejak di dunia hingga akhirat. Kebaikan ketika sedang hidup di dunia mencakup setiap yang diinginkan dari masalah dunia berupa kesehatan, tempat tinggal yang luas, rizki yang banyak dan halal, istri sholehah, anak sholeh, ilmu bermanfaat, amal sholeh, ibadah khusuk (Tentu saja itu juga harus di barengi dengan tidak boleh meninggalkan dalam menjalankan sholat yang lima waktu karena ini adalah hal yang paling utama .)', kendaraan yang bagus dan nyaman, nama baik dan banyak lagi yang lainnya.

Sedangkan untuk kebaikan di akhirat yang tertinggi adalah masuk surga dan mendapat ridla Allah serta kenikmatan-kenikmatan yang mengiringinya berupa rasa aman dari huru-hara yang mengerikan di padang mahsyar, diringankan hisab dan lainnya. Maknanya juga meminta agar diselamatkan dari siksa-siksa dan penderitaan yang ada di kubur, padang mahsyar, dan di neraka.

Doa Kebaikan Dunia Dan Akhirat

"RABBANAA AATINAA FID DUN-YA HASANAH, WAFIL-AAKHIRATI HASANAH, WAQINAA 'ADZAABAN NAAR "

رَبَّنَ أَتِنَا فِي الدُّنْيَا حَسَنَةً وِفِي الْآَخِرَتِ حَسَنَةً وَقِنَائَذَابَ النَّارِ.

Artinya :
"Ya Tuhan kami, berilah kami kebaikan di dunia dan kebaikan di akhirat dan peliharalah kami dari siksa neraka." (QS. Al Baqarah: 201)

Belajar Bersama

***** Semoga Bermanfaat *****

Bacaan Do'a Akan Masuk Dan keluar Dari WC | Toilet Dan Terjemahnya

2011-03-29T18:18:00.003+07:00

Tag : Bacaan Doa Akan Masuk Dan Doa Keluar Dari WC, Jamban, Atau Toilet Beserta Artinya

Bacaan Ketika Akan Masuk Kamar Kecil

" Allaahumma Innii A'udzu Bika Minal Khubutsi wal Khabaaitsi "

بِسْمِ اللَّهِ اَللَّهُمَّ إِنِّيْ أَئُوْذُ بِكَ مِنَ الْخُبُثِ وَالْخَبَا ئِثِ

Artinya :

“Dengan nama Allah. Ya Allah, sesungguhnya aku berlindung kepada-Mu dari godaan setan laki-laki dan perempuan”.

Dahulukan kaki sebelah kiri saat masuk kekamar kecil.

************************************

Bacaan Ketika Sudah Keluar Kamar Kecil

" Ghufmraanaka "

غُفْرَانَكَ .

Artinya :

" Aku mohon ampunan-Mu, Ya Allah "

Saat keluar dari kamar kecil dahulukan kaki yang sebelah kanan.

Belajar Bersama

***** Semoga Bermanfaat *****

Bagaimana Membuat Background Blog Ada Dua Warna

2011-03-29T13:31:00.001+07:00

Tag : Merubah Dan Menambah Warna Background Menjadi 2 Bagian Warna

Mungkin dari kita sudah pada tahu bagaimana cara merubah warna dari sebuah background blog baik menggunakan kode Hex warna maupun di pasangi image. Tetapi sekarang bagaimana caranya supaya background blog kita mempunyai background warna yang berbeda, seperti yang bisa pembaca lihat seperti pada blog saya ini atau seperti contoh dibawah .

Coba perhatikan gambar diatas, terlihatkan backgroundnya terdiri dari dua warna, bagian atas berwarna hijau sedangkan yang bawah orange .
Untuk membuat background menjadi 2 warna seperti diatas,caranya sangat mudah, kita tinggal menambahkan url image yang sebelumnya telah kita buat ke dalam kode CSS template pada bagian Body.

Supaya lebih jelas lebih baik kita langsung praktekan saja, tetapi sebelumnya kita buat dulu warna background untuk bagian atasnya dulu, karena bagian inilah nantinya yang akan kita tempatkan atau simpan di alamat Hosting URL penyimpanan gambar kita, supaya nantinya bisa di panggil menggunakan kode CSS.

Buatlah gambar dengan ukuran :

Panjang : 350 px : Sesuaikan saja ukurannya nanti sesuai selera anda
Lebar : 5 px

Setelah selesai silahkan upload ke URL tempat anda menyimpan gambar, dan catat alamat URL gambar yang tadi telah di upload.
Sekarang kita masuk atau Sigin Ke Blogger -> Rancangan -> Edit HTML

Temukan Kode CSS ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Perlu di ketahui kode CSS ini adalah kode Template Minima Tapi pada dasarnya kode CSS body untuk template yang lainnya juga tidak ada perbedaan. Sekarang coba perhatikan kode yang saya warnai kuning, nah cuma pada bagian inilah kita akan menambahkan kode untuk membuat background jadi dua warna.

Ganti kode diatas tadi dengan kode ini :

body {
background:#ffffff url(http:// Alamat URL Gambar Anda.jpg) repeat-x left top;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Jangan lupa setelah beres kita save dulu. Coba lihat hasilnya..BELAJAR BERSAMA

***** Semoga Bermanfaat *****

Bacaan Do'a Ketika Mengenakan Pakaian | Memakai Baju

2011-03-28T22:34:00.001+07:00

Tag : Do'a Memakai Baju Atau Mengenakan Pakaian

اَلْحَمْدُ لِلَّهِ الَّذِي كَسَانِيْ هَذَا (التَّوْبَ) وَرَزَقَنِيْهِ مِنْ غَيْرِ حَوْلٍ مِنَّيْ وَلاَ قُوَّةٍ .

Artinya :
" Segala puji bagi Alloh Yang memberikan pakaian ini kepadaku sebagai rezeki dari-pada-Nya tanpa daya dan kekuatan dari-ku "

***** Semoga Bermanfaat *****

Bacaan Do'a Ketika Bangun atau SesudahTidur

2011-03-28T17:40:00.003+07:00

Sesudah bangun tidur sebaiknya kita membiasakan diri untuk selalu membaca do'a,, sebagai tanda rasa syukur kita kepada Alloh SWT karena kita sebagai makhluknya masih di beri usia saat kita bangun.
Adapun do'a setelah bangun dari tidur adalah..

اَلْحَمْدُ ِللهِ الَّذِي أَحْيَانَا بَعْدَمَا أَمَاتَنَا وَإِلَيْهِ النُّشُوْرُ .

"ALHAMDULILLAAHILLADZII AHYAANAA BA'DAMAA AMAATANAA WA ILAIHIN NUSYUUR "

Artinya :
“Segala puji bagi Allah Yang membangunkan kami setelah ditidurkan-Nya dan kepada-Nya kami
dibangkitkan”.

***** Semoga Bermanfaat *****

Seorang Mualaf, Terpikat Islam Karena Shalat

2010-05-13T23:56:00.001+07:00

Tag : Kisah Dan Pengalaman Orang2 Yang Telah Mendapat Hidayah Dari Alloh

Seorang mualaf ibarat besi yang baru jadi. Saatnya Allah menempa kita dan menjadikannya sebilah pedang. Kalau tidak ditempa, tidak akan tajam.

Bagi Steven Indra Wibowo, agama adalah sebuah pilihan hidup. Seperti filosofi yang dianut oleh para leluhurnya, setiap pilihan inilah yang nantinya menjadi pegangan dalam mengarungi bahtera kehidupan. ‘’Bagi saya, Islam adalah pegangan hidup,’’ ujar pria kelahiran Jakarta, 14 Juli 1981 ini kepada Republika.

Sebelum memutuskan memeluk Islam, Indra adalah seorang penganut Katolik yang taat. Ayahnya adalah salah seorang aktivis di GKI (Gereja Kristen Indonesia) dan Gereja Bethel. Di kalangan para aktivis GKI dan Gereja Bethel, ayahnya bertugas sebagai pencari dana di luar negeri bagi pembangunan gereja-gereja di Indonesia. Karena itu, tak mengherankan jika sang ayah menginginkan Indra kelak mengikuti jejaknya dengan menjadi seorang bruder (penyebar ajaran Katolik—Red).

Untuk mewujudkan cita-cita tersebut, sejak usia dini ia sudah digembleng untuk menjadi seorang bruder. Oleh sang ayah, Indra kecil kemudian dimasukkan ke sekolah khusus para calon bruder Pangudi Luhur di Ambarawa, Jawa Tengah. Hari-harinya ia habiskan di sekolah berasrama itu. Pendidikan kebruderan tersebut ia jalani hingga jenjang SMP. ‘’Setamat dari Pangudi Luhur, saya harus melanjutkan ke sebuah sekolah teologi SMA di bawah Yayasan Pangudi Luhur,’’ ujarnya.

Karena untuk menjadi seorang bruder, minimal harus memiliki ijazah diploma tiga (D3), selepas menamatkan pendidikan teologia di SMA tahun 1999, Indra didaftarkan ke Saint Michael’s College di Worcestershire, Inggris, yaitu sebuah sekolah tinggi khusus Katolik. Di negeri Ratu Elizabeth itu, pria yang kini menjabat sebagai sekretaris I Persatuan Islam Tionghoa Indonesia (PITI) ini mengambil jurusan Islamologi.

Selama menempuh pendidikan di Saint Michael’s College ini, Indra mempelajari mengenai hadis dalam ajaran Islam. ‘’Intinya, kita mempelajari hadis dan riwayatnya itu untuk mencari celah agar orang Muslim percaya, bahwa apa yang diajarkan dalam agama mereka tidak benar. Memang kita disiapkan untuk menjadi seorang penginjil atau misionaris,’’ paparnya. Bahkan, untuk mengemban tugas sebagai seorang penginjil, ia harus melakoni prosesi disumpah tidak boleh menikah dan harus mengabdikan seluruh hidupnya untuk Tuhan.

Namun, seiring dengan aktivitasnya sebagai seorang penginjil, justru mulai timbul keraguan dalam dirinya atas apa yang ia pelajari selama ini. Apa yang dipelajarinya, bertolak belakang dengan buku-buku yang ia temui di toko-toko buku. Hingga akhirnya, suatu hari tatkala mendatangi sebuah toko buku ternama di Jakarta, ia menemukan sebuah buku karangan Imam Ghazali. Buku yang mengulas mengenai hadis dan sejarah periwayatannya itu cukup menarik perhatiannya.

Dari semula hanya sekadar iseng membaca gratis sambil berdiri di toko buku tersebut, Indra akhirnya memutuskan untuk membelinya. ‘’Setelah saya baca dan pelajari buku tersebut, ternyata banyak referensi dan penjelasan mengenai hadis yang diriwa -yatkan oleh Bukhari dan Muslim. Akhirnya, saya juga memutuskan untuk membeli buku kumpulan hadis-hadis Bukhari dan Muslim,’’ kata dia.

Berawal dari sinilah, Indra mulai mengetahui bahwa hadishadis yang selama ini dipelajarinya di Saint Michael’s College, ternyata tidak diakui oleh umat Islam sendiri. ‘’Hadis-hadis yang saya pelajari tersebut ternyata maudhu’ (palsu). Dari sana, kemudian saya mulai mencari-cari hadis yang sahih,’’ tukasnya.''

Dari Katedral ke Istiqlal
Keinginan Indra untuk mempelajari ajaran Islam, tak hanya sampai di situ. Di sela-sela tugasnya sebagai seorang penganut Katolik, diam-diam Indra mulai mempelajari gerakan shalat. Kegiatan belajar shalat itu ia lakukan selepas menjalankan ritual ibadah Minggu di gereja Katedral, Jakarta. Tak ada yang mengetahui kegiatan ‘mengintipnya’ itu, kecuali seorang adik laki-lakinya. Namun, sang adik diam saja atas perilakunya itu.

‘’Ketika waktu shalat zuhur datang dan azan berkumandang dari seberang (Masjid Istiqlal—Red), kalung salib saya masukkan ke dalam baju, sepatu saya lepas dan titipkan. Kemudian, saya pinjam sandal tukang sapu kebun di Katedral. Setelah habis shalat, saya balik lagi mengenakan kalung salib dan kembali ke Katedral,’’ paparnya.

Aktivitasnya yang ‘konyol’ di mata sang adik itu, ia lakoni selama dua bulan. Dan, berkat kerja sama sang adik pula, tindakan yang ia lakukan tersebut tidak sampai ketahuan oleh ayahnya. Dari situ, lanjut Indra, ia baru sebatas mengetahui orang Islam itu shalat empat rakaat dan selama shalat diam semua. Tahap berikutnya, ayah satu orang putri ini mulai belajar shalat maghrib di sebuah masjid di daerah Muara Karang, Jakarta Utara. Ketika itu, ia beserta keluarganya tinggal di wilayah tersebut.

‘’Dari situ, saya mulai mengetahui ternyata ada juga shalat yang bacaannya keras. Kemudian, saya mulai mempelajari shalat-shalat apa saja yang bacaannya dikeraskan dan tidak.’’ Setelah belajar shalat zuhur dan maghrib, ia melanjutkan dengan shalat isya, subuh, dan ashar. Kesemua gerakan dan bacaan shalat lima waktu tersebut ia pelajari secara otodidak, yakni dengan cara mengikuti apa yang dilakukan oleh jamaah shalat. Sampai tata cara berwudhu pun, menurut penuturannya, ia pelajari dan hafal dengan menirukan apa yang dilakukan oleh para jamaah shalat.

‘’Saya lihat orang berwudhu, ingat-ingat gerakannya, baru setelah sepi saya mempraktikkannya. Dan, Alhamdulillah dalam waktu seminggu saya sudah bisa hafal gerakan berwu -dhu. Begitu juga, dengan gerakan shalat dan bacaannya. Saya melihat gerakan imam dan mendengar bacaannya sambil berusaha mengingat dan menghafalnya,’’ terang Direktur Operasional Mustika (Muslim Tionghoa dan Keluarga), sebuah lembaga yang mewadahi silahturahim, informasi, konsultasi, dan pembinaan agama Islam.

Untuk memperdalam pengetahuannya mengenai tata cara ibadah shalat, Indra pun mencoba mencari tahu arti dan makna dari setiap gerakan serta bacaan dalam shalat, melalui buku-buku panduan shalat yang harganya relatif murah. Melalui shalat ini, ungkap Indra, ia menemukan suatu ibadah yang lebih bermakna, lebih dari hanya sekadar duduk, kemudian mendengarkan orang ceramah dan kadang sambil tertidur, akhirnya tidak dapat apa-apa dan hampa.

‘’Ibaratnya sebuah bola bowling, tampak di permukaan luar -nya keras dan kokoh, tetapi di dalamnya kosong. Berbeda de ngan ibadah shalat yang ibaratnya sebuah kelereng kecil, wa lau pun kecil, di dalamnya padat. Saya lebih memilih menjadi se buah kelereng kecil daripada bola bowling tersebut,’’ ujar nya mengumpamakan ibadah yang pernah ia lakoni sebelum menjadi Muslim dan sesudahnya.

Tujuh jahitan
Setelah merasa mantap, Indra pun memutuskan untuk masuk Islam dengan dibantu oleh seorang temannya di Serang, Banten. Peristiwa itu terjadi sebelum datangnya bulan Ramadhan di tahun 2000. Keislamannya ini, kata dia, baru diketahui oleh kedua orang tuanya setelah ia memutuskan untuk kembali ke Jakarta. Kabar mengenai keislamannya ini diketahui orang tuanya dari para rekan bisnis sang ayah.

Karena mungkin pada waktu itu, papa saya sedang mengerjakan proyek pembangunan resort di wilayah Muara Karang dan Pluit, makanya papa punya banyak kenalan dan teman. Dan, mungkin orang-orang itu sering melihat saya datang ke masjid dan mengenakan peci, makanya dilaporkan ke papa, kenangnya. Ayahnya pun memutuskan untuk mengirim orang untuk memata-matai setiap aktivitas Indra sehari-hari. Setelah ada bukti nyata, ia kemudian dipanggil dan disidang oleh ayahnya. Saya beri penjelasan kepada beliau bahwa Islam itu bagi saya adalah pegangan hidup.

Di hadapan ayahnya, Indra mengatakan bahwa selama menjalani pendidikan calon bruder, dirinya mendapatkan kenyataan bahwa pastur yang selama ini ia hormati ternyata melakukan perbuatan asusila terhadap para suster. Demikian juga, dengan para frater yang menghamili siswinya dan para bruder yang menjadi homo. Ibaratnya saya pegangan ke sebuah pohon yang rantingranting daunnya pada patah, dan saya rasa pohon itu sudah mau tumbang kalau diterpa angin. Sampai akhirnya, saya ketemu dengan sebatang bambu kecil, yang tidak akan patah meski diterpa angin.

Seakan tidak terima dengan penjelasan sang anak, ayahnya pun menampar Indra hingga kepalanya terbentur ke kaca. Beruntung saat kejadian tersebut sang ibu langsung membawa Indra ke Rumah Sakit Atmajaya. Sebagai akibatnya, ia mendapatkan tujuh jahitan di bagian dahinya. Kendati begitu, ibunya tetap tidak bisa menerima keputusan putra pertamanya tersebut.

Tidak hanya mendapatkan tujuh jahitan, oleh ayahnya kemudian Indra diusir setelah dipaksa harus menandatangani surat pernyataan di hadapan notaris, mengenai pelepasan haknya seba gai salah satu pewaris dalam keluarga. Saya tidak boleh menerima semua fasilitas keluarga yang menjadi hak saya,ujarnya. Meski hidup dengan penuh cobaan, ungkap Indra, masih ada Allah SWT yang menyayanginya dan membukakan pintu rezeki untuknya. Salah satunya, proposal pengajuan beasiswa yang ia sampaikan ke Universitas Bina Nusantara (Binus) disetujui. Di Binus juga, ia mempunyai waktu luang dan kesempatan untuk menyampaikan syiar Islam, baik melalui forumforum pengajian maupun internet.

Karena itu, saya melihat mualaf itu ibaratnya sebuah besi yang baru jadi. Jadi, saatnya Allah menempa kita dan menjadikannya sebilah pedang. Jadi, kalau tidak ditempa, tidak akan tajam, katanya. nidia zuraya

Biodata
Nama : Indra Wibowo
Tempat/Tanggal Lahir : Jakarta, 14 Juli 1981
Masuk Islam : 2000
Pendidikan Akhir : Sarjana (S1) Komunikasi Universitas Padjadjaran
Aktivitas :
- Sekretaris I Persatuan Islam Tionghoa Indonesia (PITI)
- Direktur Operasional Mustika (Muslim Tionghoa dan Keluarga)
- Pengurus Mualaf Center Online http://www.mualaf.com
Facebook : http://www.facebook.com/stevenindra?ref=nf#/stevenindra?v=info&viewas=1073072035

**** Semoga Bermanfaat ****

Melanie Georgiades, Rapper Prancis Yang Menjadi Mualaf

2010-05-13T22:16:00.001+07:00

Kisah ini adalah kisah seorang penyanyi rap asal prancis Melanie Georgiades yang menjadi seorang mualaf. Berikut adalah petikan perjalanan Melanie Georgiades menjadi seorang mualaf.

"Saya belum menemukan solusi untuk penyelesaian masalah yang selama ini dihadapi, baik dari psikiater maupun dokter jiwa. Namun, hanya saya dapatkan di agama Islam.

'' Majalah Paris Match edisi 8 Oktober 2009 lalu, dalam salah satu artikelnya menurunkan tulisan mengenai keputusan penyanyi Rap asal Prancis, Diam's alias Melanie Georgiades untuk mengenakan jilbab. Semenjak mengenakan jilbab, Diam's tidak pernah meninggalkan rumah tanpa menutupi rambutnya.
Tak hanya itu, rapper Prancis ini juga menolak bersalaman dan berciuman dengan selain muhrimnya. Paris Match juga melaporkan perihal aktivitas Diam's yang tengah mengikuti shalat Jumat di Masjid Gennevilliers yang selama ini terkenal menyebarkan Islam secara toleran, sehingga dapat diterima oleh masyarakat setempat.

Sebelumnya majalah berita mingguan di Prancis ini pernah memuat foto Diam's yang mengenakan jilbab dan keluar dari sebuah masjid di wilayah ibu kota Paris. Foto tersebut diambil secara sembunyi-sembunyi oleh fotografer majalah tersebut pada 8 September 2009 lalu, ketika Diam's baru keluar dari Masjid Gunfille di bilangan Timur Laut Paris, dengan ditemani suaminya. Dalam foto itu, Diam's berpenampilan sangat kontras dari penampilan-penampilannya di layar televisi sebagai penyanyi rap. Kali ini, Diam's sungguh terlihat sebagai seorang Muslimah tulen dengan mengenakan baju kurung (abaya) dan jilbab panjang berwarna hitam.

Majalah dengan tiras yang sangat luas di Prancis ini pernah meminta konfirmasi sekitar alasan Diam's memeluk Islam, namun dia menolak untuk memberikan komentar sekitar kepindahan agamanya itu. Majalah itu mengatakan bahwa perubahan secara drastis dalam hidup Diam's terjadi setelah dua bulan pesohor Prancis itu menikah dengan pemuda Muslim bernama Aziz. Ditambahkan, kepindahan agama Diam's karena yang bersangkutan akhir-akhir ini tengah mengalami depresi besar seiring dengan ketenaran dan kesuksesan yang diraihnya.

Kondisi tersebut, sebagaimana dikutip dari Paris Match, membuat Diam's mengisolasi diri dan melakukan pencarian alternatif yang tepat untuk hidupnya.

''Saya belum menemukan solusi untuk penyelesaian masalah yang selama ini dihadapi, baik dari psikiater maupun dokter jiwa. Namun, hanya saya dapatkan di agama Islam.''

Menurut kesaksian sebagian temannya, masuk Islamnya Diam's karena dia banyak berteman dengan para artis keturunan imigran. Terutama teman dekat perempuannya, artis Prancis berdarah Maroko, Amel Bent, dan artis gaek, Jamal Dabouz, yang banyak mendukung karier keartisannya selama ini.

Paris Match juga menceritakan kondisi Diam's saat masih kecil, khususnya setelah kedua orang tuanya yang beragama Katolik bercerai, dan setelah upaya bunuh diri Diam's pada usia 15 tahun. Sebagaimana pengakuan Diam's, ''Kemasyhuran dan kekayaan tidak membuat saya tenteram sesuai yang diinginkan, dan saya hanya mendapatkan solusinya dari Allah SWT.''

Karier musiknya
Dilahirkan di Siprus, Yunani, pada 25 Juli 1980, dari bapak dan ibu berkebangsaan Prancis. Setelah orang tuanya bercerai, Diam's yang masih balita diasuh dan tinggal bersama ibunya di salah satu distrik di Paris, yakni Essonne. Karier Diam's di dunia musik, khususnya jenis musik rap dan hip hop, dimulai bersama grup musik amatiran di sebuah distrik di Paris sejak 1994. Dan, dalam beberapa tahun berkat suaranya yang khas dan memiliki kekuatan karakter, lagu rap Diam's banyak diminati para penikmat musik rap di dalam dan luar Prancis.

Pada 2005, Diam's memulai debutnya sebagai penulis lagu dengan karyanya yang berjudul ''Ma Philosophie''. Lagu ''Ma Philosophie'' ini dipopulerkan oleh bintang pop idola Prancis, Amel Bent. Pada tahun yang sama, ia juga diketahui pernah berkolaborasi dengan penyanyi berdarah Indonesia, Anggun C Sasmi, untuk lagunya ''Juste etre Une Femme (Just to be a Woman)'', yang sering dimunculkan dalam versi Prancis.

Berbagai macam penghargaan pernah diraih Diam's, baik di dalam negeri maupun di luar negeri. Album Brut de Femme yang dirilis pada 2003 merupakan salah satu debutnya di indusrtri musik Prancis yang berhasil mendapatkan penghargaan emas atas prestasi penjualan album. Pada 2006, ia memenangkan penghargaan untuk Best French Act dalam ajang MTV Europe Music Awards.

Album Dans Ma Bulle (Inside my Bubble) yang dirilis pada Februari 2006 mendapat penghargaan sebagai album terbaik dalam NRJ Music Awards 2006, yakni sebuah ajang penghargaan tertinggi bagi para insan musik Prancis. Dalam ajang yang sama, Diam's juga dinobatkan sebagai penyanyi terbaik, sementara lagu ''La Boulette (The Moron)'' yang merupakan single pertama dari album Dans Ma Bulle ditetapkan sebagai lagu terbaik.

Di Prancis, Diam's juga terkenal karena aktivitas politiknya. Lirik-lirik lagu yang dibawakan Diam's kerap menyinggung mengenai isu-isu politik yang tengah hangat di negara mode tersebut. Isi bait lagunya, antara lain, berupa dukungan terhadap para warga imigran, dan perlawanan terhadap perlakuan diskriminasi dari kelompok garis kanan Prancis di bawah pimpinan Jean-Marie Le Pen. Bahkan, putri Le Pen, Marine, pernah mengajak berdialog langsung artis rap ini sekitar permasalahan imigran. Tetapi Diam's tidak mengindahkan ajakan tersebut.

Tidak hanya Le Pen, Presiden Prancis saat ini, Nicolas Sarkozy, diketahui juga menjadi salah satu petinggi di negara tersebut yang mendapat kritikan dalam bait-bait lagu yang dinyanyikan Diam's. Lagu-lagu Diam's ini memang kerap diputar dalam propaganda amnesti internasional.

Tetap bermusik
Sekalipun telah menjadi Muslimah dan mengenakan jilbab dalam arti yang sebenarnya, bukan berarti karier musik Diam's akan surut dan tenggelam. Diam's dikabarkan akan tetap bermusik, namun dia akan membawakan genre musik yang berbeda, tentunya. Sekarang pun, Diam's tengah menyiapkan album barunya yang bertema Anak-Anak Sahara, yang mengisahkan bencana kelaparan dan penderitaan yang dialami oleh anak-anak di alam Sahara, Benua Afrika.

Dalam sebuah klip terbarunya, Diam's tetap membawakan lagu-lagu rap, namun dengan gaya dandanan yang tampak berbeda dari sebelumnya. Dalam setiap penampilan barunya kini ia selalu mengenakan tutup kepala, berbusana menutupi seluruh bagian auratnya, serta memakai syal (serban) khas Palestina yang sudah dimodis.

Keislaman artis Diam terjadi setelah beberapa tahun ini media massa dan du nia politik terutama di Barat banyak menyoroti tentang Islam, terutama pascaperistiwa 11 September 2001 silam. Sorotan yang sama oleh media massa Prancis menimpa pe main sepak bola Franck Ribery yang memilih Islam sebagai aga ma barunya, dan menikah de ngan perempuan keturunan Maroko.

Data statistik Prancis menyatakan, rata-rata orang yang memeluk Islam di Prancis per tahunnya berkisar 3.500 orang. Adapun jumlah keseluruhan yang masuk Islam di Prancis berdasarkan statistik resmi dan tepercaya berkisar 50 ribu orang. Namun, Ormas Islam di Prancis menyatakan bahwa jumlah muallaf berlipat ganda dari data statistik resmi yang diterbitkan oleh pemerintah. dia/berbagai sumber

Biodata :
Nama : Melanie Georgiades
Nama Pop : Diam's
Lahir : Paris
Tanggal : 25 Juli 1980
Pekerjaan : Penyanyi Rap
Masuk Islam : 2009
Penghargaan :
- Best French Act dalam ajang MTV Europe Music Awards (2006);
- Album Terbaik untuk Inside My Bubble dalam ajang NRJ Music Award (2006);
- Penyanyi Terbaik NRJ Music Award;
- Lagu Terbaik (The Moron).

**** Semoga Bermanfaat ****

Setting Domain Blogspot Pindah Domain Ke Co.CC

2010-03-23T22:38:00.002+07:00

Tag : Cara Merubah,Mengganti Nama Domain URL Blogger Dengan Domain URL Lain

Bagi para blogger yang mempunyai blog di blogger, ada cara mudah jika domain blogspot ingin di ganti domain lain atau dipindah kan supaya namanya bukan menggunakkan domain blogspot. Selain domainnya gratis juga alamat url nya kelihatan seperti web profesional . Nama domain tersebut adalah Co.CC .

Sebagai contoh jika sebelum diganti alamat blog kita URL nya seperti begini " contoh-domain.blogspot.com " bila telah menggunakan domain co.cc alamat URL nya jadi seperti ini " www.contoh-domain.co.cc " ataupun "contoh-domain.co.cc " . Penggantian nama domain blogspot ke Co.CC ini cuma dilakukan dengan beberapa langkah.

1. Cek ketersediaan nama domain yang akan digunakan dalam kotak dibawah .

2. Jika nama domain yang digunakan belum dipakai orang lain akan muncul tampilan berikut , setelah nampak tampilan seperti gambar dibawah, selanjutnya tekan " Lanjutkan Pendaftaran ".

3. Pada form berikutnya, akan muncul tampilan seperti dibawah .

Jika sebelumnya sudah pernah mendaftar, tinggal isi nama pengguna dan password anda. Tetapi jika belum buatlah akun baru. Lihat pada contoh gambar yang dilingkari warna merah " Buat account baru sekarang " . Pada form berikutnya , isilah dengan data diri anda secara lengkap sesuai permintaan .Setelah berhasil mendaftar maka pada form selanjutnya akan muncul tampilan berikut .

4. Selanjutnya tekan "setup". Cari dan klik " zone record ".

jika sudah di klik, pada add a record isi kan konfigurasi berikut :

Host : Isi dengan nama domain yang baru di buat tadi. Diawali dengan www .
TTL : biarkan saja, tidak usah diutak atik
Type : pilih CNAME
Value : isikan ini : ghs.google.com. .Jangan salah di belakang com harus pakai tanda titik.

Kemudian tekan tombol "setup" . Setelah selesai silahkan kalau mau logout .

5. Sekarang tinggal setting di blogger, untuk itu Sigin dulu di draft blogger
Dalam dasbor masuk pengaturan --> publikasikan .
Di dalam publikasikan klik Domain Ubahsuaian kemudian klik Beralihlah ke pengaturan lanjut, akan nampak tampilan berikut :

Pada Domain Anda , silahkan isi dengan nama domain yang telah dibuat di co.cc. Kemudian isi verifikasi kata , setelah itu simpan setelan. Dalam contoh kasus ini , blog saya yang lain, yang domainnya blogspot,tidak sampai satu menit telah berganti dengan domain Co.Cc.

Tetapi bila blog anda nama domainnya belum berubah, tunggu beberapa jam dan paliing lama tunggu 1x 24 jam . Semoga berhasil .

**** Semoga Bermanfaat ****

Free Hosting File dan Image Di Site.Google.Com

2010-03-15T14:13:00.003+07:00

Tag : Tempat Dan Ruang Gratis Menyimpan Berbagi File Online.

Bagi para blogger yang membuat blog di blogspot, bila belum mempunyai hosting untuk menyimpan file dan gambar , sekarang tidak usah pusing-pusing lagi, sebab kita bisa menggunakan "Site Google Com", sebagai media penyimpan hosting online , selain tentunya hosting hosting file online gratis yang banyak bertebaran di internet. Anda bisa mencarinya di google , yahoo, ataupun bing dengan mengetikan kata kunci " Free File Hosting ".

site.google dibuat sebagai pengganti dari google page, yang kini oleh google sudah ditutup untuk pengguna baru . Untuk menyimpan file image atau gambar sebenarnya google sudah menyediakan tempat yaitu di Picasa Web Album, yang sudah langsung bisa digunakan ketika kita membuka akun di blogger.

Untuk membuka akun atau membuat halaman web di site google, caranya cukup mudah, kita tinggal menggunakan akun gmail yang kita punyai . Bila belum mempunyai akun gmail, silahkan buat dulu disini, Gratis koq !. Membuat Akun gmail.

Untuk daftar atau membuat akun di site google silahkan Daftar disini.

Belajar Bersama

**** Semoga Bermanfaat ****

Membuat Tab Di Kolom Sidebar Dengan Javascript

2010-03-14T20:36:00.001+07:00

Teknik membuat Tab di kolom sidebar ini menggunakan Javascript dan jquery. Kelebihan menggunakan javascript dan jquery ini adalah , waktu kita berpindah ke tab yang lain dilakukan dengan gerakan yang halus atau lembut . Jadi terlihat lebih luwes .

Selain itu juga supaya kolom sidebar di template yang kita pakai nantinya tidak terlalu berjajar kebawah, jika kita banyak memasang widget ataupun gadget, karena dengan menggunakan teknik tab ini dalam satu kolomnya kita bisa memasang 3-4 widget, itupun tergantung dari lebar kolom template yang kita pakai. Coba perhatikan gambar diatas, dalam 1 kolom terdiri dari 4 gadget yang berbeda.

Jika anda ingin membuatnya bisa mnegikuti cara dibawah ini :

Sigin Di draft Blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML

1. Memasukkan kode javascript dan jquery .

Copy semua kode javascript dan jquery di bawah ini :

Simpan diatas kode ini </head>
Kemudian simpan dulu .

2. Memasukkan Kode CSS .

Setelah itu masukkan kode CSS untuk membuat Tab, copy kode di bawah :

/*--- Mulai Tab ----*/

.widget-wrapper2{ border:1px solid #7f7f7f;
background-color:#999999;
padding:8px;}

.widget-tab {-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#999999;
border:1px solid #7f7f7f;
font-family:Arial,Helvetica,sans-serif; padding:15px !important; }

.widget-tab ul {margin:0px; padding:0px 20px 0px 20px;
border-bottom:1px dashed #fff }

.widget-tab ul li {list-style:none; border-bottom:1px solid #7f7f7f;
padding-top:10px; padding-bottom:10px;
font-size:13px; }

.widget-tab ul li:last-child{ border-bottom:none; }
.widget-tab ul li a { text-decoration:none; color:#3e4346; }

.widget-tab ul li a small { color:#8b959c; font-size:9px;
text-transform:uppercase;font-family:Verdana,Arial,Helvetica,sans-serif; position:relative;left:4px;top:0px;}

.tab-content ul li a:hover{color:#a59c83;}
.tab-content ul li a:hover small{color:#baae8e;}

.active-tab{background:#999999 url(http://sites.google.com/site/blogsbaru/tabinactivebg.gif) repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;border-width:1px 1px 2px !important;
color:#fff !important;}

ul.tab-wrapper{ margin:0px; padding:0px; margin-top:5px; margin-bottom:6px; }

ul.tab-wrapper li {-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#999999 url(http://sites.google.com/site/blogsbaru/tabtopbg.gif) repeat-x scroll left top;
border:1px solid #7f7f7f;color:#3e4346;
cursor:pointer; display:inline;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px;
font-weight:bold;
line-height:2em; list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;margin-right:1px;
padding:8px 14px;text-align:center;
text-decoration:none;text-transform:uppercase; }

/*------ Akhir Tab ----*/

Setelah anda copy, simpan atau paste diatas kode ini </b:skin>
Kemudian jangan lupa disimpan simpan .

Jika anda ingin tampilan kolomnya berbentuk kotak alias tidak bersudut lancipdi browser firefox dan opera, tinggal menghapus semua kode berikut
-moz-border-radius dan -webkit-border-radius

Pada tata letak, di kolom sidebar kita tinggal memasukkan apa saja gadget yang ingin ditambahkan, dan jangan bingung dulu bila tampilan pada tata letak,kolom nya tampil seperti biasa yaitu berjajar kebawah. Cobalah dulu masukkan gadget apa saja pada kolom sidebar tsb, baru kemudian lihat hasilnya dihalaman blog kita .

Belajar Bersama

**** Semoga Bermanfaat ****

Perancang Template | Blogger Template Design, Fitur Terbaru Dari Blogger

2010-03-12T08:12:00.006+07:00

Tag : Membuat,Merancang,Meng custom Sendiri Web Design Template Untuk Blogspot

Blogger kembali menambahkan fiturnya, kali ini yang ditambahkan adalah " Perancang Template "atau " Blogger Template Designer ".Dengan fitur ini kita akan lebih di mudahkan dalam meng kustomasi tampilan template atau mendesain template kita. Berikut adalah beberapa fitur yang disediakan dalam " Perancang Template " :

Pilihan Template.

Template : Disini disediakan beberapa pilihan template seperti Simple karya Josh Peterson (ada 4 pilihan ), Picture Windows karya Josh Peterson (ada 3 pilihan), Awesome Inc karya Tina Chen (ada 4 pilihan), dan Watermark karya Josh Peterson (ada 4 pilihan) .

Warna Background.

Background : Disni kita bisa memilih dan mengkustomisasi sendiri warna background dari template. Juga disediakan berbagai jenis background yang dikategorikan lebih dari 16, seperti abstrackt, the Arts, Business, Celebration dan lain sebagainya. Anda bisa mencarinya sendiri.

Pilihan Layout .

Layout : Terdiri dari 3 bagian yaitu Body Layout, Footer Layout, dan Adjusment, sehingga kita diberi keleluasaan dalam pemilihan tampilan kolom body maupun kolom footer, juga lebar dari kolom template. Semuanya diatur disini .

Pemilihan Warna Dan jenis Font .

Advanced : Disini kita bisa memilih warna, jenis font, ukuran font dan background dari font dengan menu yang lebih mudah dan komplit daripada menu pengaturan font dan warna yang dulu.

Inilah fitur terbaru yang disediakan blogger, lkita akn lebih leluasa dan diberikan kemudahan dalam mengkustomisasi tampilan template , tanpa perlu banyak berhubungan dengan kode kode html.

Kita tunggu, fitur apalagi yang akan ditambahkan oleh blogger, untuk lebih me-maksimalkan blogspot.

Belajar Bersama

**** Semoga Bermanfaat ****

Back To Top JQuery / Smooth Scroll Kembali Ke Atas

2010-03-09T20:14:00.002+07:00

Jika kita mempunyai article yang panjang sekali kebawah, tentu untuk kembali keatas, kita harus men-scrollnya. Supaya kita tidak usah men-scroll halaman web kita jika ingin kembali ke atas, ada cara yang paling mudah, yaitu dengan di buatkan tombol kembali ke atas /gulir ke atas atau back to top, Sehingga lebih cepat karena cuma memerlukan waktu sepersekian detik.

Teknik kembali keatas ini memakai kode javascript, sehingga nantinya ketika di klik tombol kembali ke atas, jalannya secara perlahan alias smooth. Jadi kelihatan lebih keren. Untuk memasang kode javascripnya seperti biasa kita harus :
Sigin di draft blogger
Dalam dasbor masuk Tata Letak --> Edit HTML
Simpan gambar berikut dalam format png, kemudian upload ke file hosting image anda .

Download dulu ini scrolltopcontrol.js . Setelah anda download, sebelum menyimpannya anda bisa mengedit dulu settingan berikut , copy lalu edit dalam notepad, cari yang seperti ini :

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="up.png" style="width:48px; height:48px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

Sedikit Keterangan :

startline : munculnya tombol gulir ketika kita menscroll halaman web kebawah. Kita bisa merubah nilai dari startline ini untuk menentukan kapan munculnya tombol gulir ini.

scrollto : menampilkan sampai batas mana di halaman web anda, saat tombol gulir discroll dari bawah. Tetapi kita harus membuat ID dulu untuk itu, dengan menentukan nilainya misalnya dengan 50. Jadi untuk sementara biarkan saja dengan nilai "0".

scrollduration : kecepatan waktu scroll dari bawah. Semakin tinggi nilai nya semakin lambat naik keatasnya.

controlHTML : masukan alamat url image anda disini, contohnya image yang tadi di copy diatas. Untuk ukurannya anda bisa sesuaikan dengan ukuran image anda, dengan mengubahnya dalam style.

controlattrs : penempatan posisi tombol gulir keatas, dengan merubah nilai dari offsetx dan offsety.

Setelah selesai di edit baru simpan dengan nama scrolltopcontrol.js , kemudian upload ke file hosting anda .Nantinya file ini akan ditempatkan didalam kode dibawah ini.
Kemudian kita copy kode javascript berikut :

Kemudian simpan atau paste di atas kode ini </head>

Setelah itu masukan kode ini :

Simpan diatas </body> .
Kemudian baru di simpan atau save. Dan coba sekarang apa sudah muncul tombol gulir keatas, jika sudah selamat anda telah berhasil.

**** Semoga Bermanfaat ****

Membuat Semur Gurih Telur

2010-03-07T09:15:00.001+07:00

Resep Masakan Semur Gurih Telur

Bahan :

8 butir telur rebus
300 ml kaldu
1 lembar daun salam
2 cm lengkuas, dimemarkan
1 batang serai, di memarkan
250 ml santan dari 1/2 butir kelapa
4 sendok makan kecap manis

Bumbu Halus :

1/2 sendok teh merica
2 sendok teh ketumbar
2 cm kunyit
1 cm jahe
5 butir bawang merah
2 siung bawang putih
2 sendok teh garam

Cara Membuat :

Tumis bumbu halus, daun salam, lengkuas, dan serai hingga matang
masukkan telur, aduk sampai telur terbalut bumbu. Tuangkan kaldu lalu didihkan
Tambahkan santan dan kecap manis. Masak sampai bumbu meresap.
Setelah masak, siap di hidangkan

**** Selamat Memasak ****

Membuat Sayur Labu Siam

2010-03-07T08:06:00.001+07:00

Resep Masakan Sayur Labu Siam

Bahan :

600 gram labu siam, dipotong korek api besar
400 gram tempe, dipotong korek api besar
3 batang serai, dimemarkan
4 buah cabai merah. di iris tipis
2 liter santan dari 1butir kelapa
500 ml air
10 buah ampela ayam rebus, diiris tipis
5 sendok makan minyak untuk menumis
8 sendok makan bawang goreng

Bumbu Halus :

100 gram ebi sangrai
12 butir bawang merah
8 siung bawang putih
2 sendok teh terasi
2 sendok makan garam

Cara Membuat :

Tumis bumbu halus, serai, dan cabai merah hingga matang
Tuang santan, air, dan ampela ayam, didihkan sambil diaduk
Tambahkan labu siam dan tempe. Masak sampai matang
Sayur labu siam siap dihidangkan

**** Selamat Memasak ****

Memasang Readmore Otomatis Dengan Javascript

2010-03-03T19:45:00.006+07:00

Kembali soal Readmore, tapi kali ini kita akan memasang readmore yang bekerja secara otomatis Untuk memasang readmore otomatis terlebih kita harus menghapus versi readmore terdahulu, bagi kita yang sudah memasangnya. Mungkin kita tidak usah membahas cara menghapus 2 versi readmore terdahulu, yaitu Readmore di Template Classic dan Readmore di template Baru , karena anda-anda pasti sudah tahu caranya. Sebagai gambaran saja, untuk menghapus readmore yang lama kebalikan dari cara memasangnya.

Dengan memasang Readmore Otomatis, kita tidak usah lagi memenggal kalimat dengan memasukkan " Insert Jump Break " Lagi , Karena secara otomatis nantinya akan dipenggal sendiri .

Langsung saja kita ke cara memasang readmore Otomatis .
Sigin di draft blogger
Dalam dasbor masuk Tata letak --> Edit HTML
Centang Expand Template Widget
Readmore otomatis ini menggunakkan kode javascript, jadi copy kode javascript dibawah ini :

var thumbnail_mode = "float" ;

summary_noimg = 300;
summary_img = 250;
img_thumb_height = 50;
img_thumb_width = 50;

</script>

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" /></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Paste kan diatas kode ini </head>, Silahkan di save dulu .

Sekarang Cari kode ini :

biasanya disimpan diatas ini 
Ganti kode <p><data:post.body/></p> dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>

</div>

createSummaryAndThumb("summary<data:post.id/>");

</script>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Jangan lupa jika beres memasukkan kode diatas di save.

Sedikit penjelasan :

var thumbnail_mode = "float"; ( float: letak thumbnail berada di kiri atau jika tidak silahkan ganti dengan " no-float " ).
summary_noimg = 300; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 50; (tinggi Thumbnail dalam pixel)
img_thumb_width = 50; ( lebar Thumbnail dalam pixel)

Kemudian jika kita ingin menghilangkan judul post didepan Readmore, tinggal menghapus kode ini :

<data:post.title/>

Silahkan sesuaikan yang menurut anda cocok dengan lebar template anda.

**** Semoga Bermanfaat ****

Jumper Jalur On/Off Nokia 6600

2010-02-22T10:41:00.001+07:00

Masalah yang sering dihadapi bila kita sering buka masuk kartu adalah rusaknya tombol /switch on/off. Bila yang rusak adalah tombolnya saja, mungkin tidak menjadi masalah , kita tinggal membeli tombol yang baru dan memasangnya kembali , selesai. Tetapi jadi masalah bila yang rusak berikut jalur tempat memasangkan tombol on/off . Unttuk mengatasi masalah tersebut, kita bisa mengikuti petunjuk dibawah.

Masalah ini khusus untuk mengatasi jalur putus On/Off Nokia 6600.

Gambar. 01 Jumper Jalur N6600 On/Off, LCD, dan Ear piece

Gambar. 02 Jumper Jalur On/Off N6600

Mudah-mudahan solusi diatas membantu anda yang mengalami masalah yang pada jalur On/Off Nokia 6600.

Sejauh ini saya telah berhasil mengatasi problem pada jalur on/off nokia 6600 dengan cara diatas.

**** Semoga Bermanfaat ****

Memperbaiki Jalur Keypad Nokia 2600 Classic Dan 2630

2010-02-22T09:13:00.001+07:00

Bagi kita yang mempunyai Handphone Nokia khususnya Nokia 2600 C dan N 2630, yang mengalami masalah pada keypad yang mengalami macet ataupun tidak jalan , bisa memperbaikinya dengan melihat gambar dibawah. Ini merupakan salah satu solusi bila handphone kita mengalami hal tersebut.

Gambar. 01 Jalur Keypad N 2600 c Dan N 2630

Gambar. 02 Jalur Keypad N 2600 c Dan N 2630

Gambar. 03 Jalur Keypad N 2600 c Dan N 2630

Cara perbaikan diatas diambil dari www.repair-mobile.com, dan saya telah mencobanya dan ternyata berhasil. Mudah-mudahan ini membantu anda yang megalami masalah yang sama pada HP Nokia 2600 c dan N 2630.

**** Semoga Bermanfaat ****

Udang Tumis Bumbu Gulai

2010-02-22T08:42:00.001+07:00

Resep Masakan Udang Tumis Bumbu Gulai

Ini merupakan salah satu variasi dari cara mengolah udang menjadi masakan yang enak bagi penyuka jenis masakan laut. Kita akan mencoba mengolah udang dengan cara menumis dengan bumbu gulai. Lansung saja kita praktekkan.

Bahan

500 gram udang jerbung, buang kepala, lalu kerat punggungnya
2 lembar daun jeruk
1 sendok teh garam
250 ml air

Bumbu Halus

8 buah cabai merah
4 butir kemiri
1 sendok teh ketumbar
1 cm jahe
3 cm kunyit
1 cm lengkuas
6 butir bawang merah
2 siung bawang putih

Cara Membuat

Rebus bumbu halus bersama daun jeruk dan garam sambil diaduk hingga mendidih.
Masukkan udang, masak hingga kuah mengering dan bumbu meresap.
Siap di hidangkan.

**** Selamat Memasak ****

Label Di Klik Tampil Judul Posting Saja Plus Ada Background

2010-02-21T09:11:00.002+07:00

Tag : Menambah,Membuat Tampilan Label Atau Kategori Ada Variasi Di Blog

Untuk memudahkan pengunjung mencari topik yang dicarinya, biasanya para blogger membuat kategori atau label . Sehingga bila pengunjung menemukan artikel yang sesuai dengan topik yang dicarinya, tinggal meng klik saja judul dari label atau kategori yang disediakan. Tetapi dalam default template blogger, jika kita meng klik nama atau judul label, maka opsi yang di tampilkan adalah Judul posting dengan isinya.

Untuk menyiasati supaya yang tampil hanya judul posting saja tanpa disertai isi postingan, kita perlu merubah atau menambahkan kode html, untuk itu seperti biasa kita harus :
Sigin di draft blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML
Centang Expand Template Widget ,Kemudian kita cari kode berikut:

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>

Selanjutnya kita ganti kode yang diwarnai kuning dengan kode dibawah ini, silahkan di copy :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Sekarang simpan atau save dulu.

Selanjutnya bila kita ingin tampilan judul itu ada border atau ada background sekaligus dipasangi icon, kita tinggal menyisipkan kode berikut, silahkan di copy kodenya :

Paste kan diantara kode ini :
<a expr:href='data:post.url'> Kode yang disisipkan <data:post.title/></a>
Jangan lupa tambahkan tag penutup </div> sebelum tag ini </a>

Sekarang simpan, dan coba hasilnya.

Belajar Bersama

**** Semoga Bermanfaat ****

Membagi 2 Kolom Header Blogspot (versi 1)

2010-02-16T13:33:00.000+07:00

Seperti sudah di ketahui, biasanya template default blogger setiap elemen kolom nya cuma disediakan satu, baik itu kolom header, kolom postingan, kolom sidebar, crosscol dan kolom footer. Nah,Untuk menambah kolom-kolom di template blogger yang perlu kita lakukan adalah menambahkan kode ataupun merubah kode kode pada CSS.

Untuk penambahan kolom sidebar pernah dibahas disini dan juga disini , sedang untuk penambahan kolom footer pernah juga dibahas disini .Pada postingan kali ini kita akan membuat atau tepatnya membagi kolom header menjadi dua. Ada dua model header, model pertama terdiri dari 2 kolom, contoh seperti ini :

Model pertama.

Model yang kedua terdiri dari 3 kolom, Contohnya seperti ini :

Model Kedua.

Untuk membuatnya , mari kita ikuti caranya, sebagai catatan untuk contoh saya menggunakan template Minima yang telah diubah lebarnya :

Model Pertama

1. Memasukkan kode css

Seperti biasa jika kita ingin menambahkan kolom pada template blogger, terlebih dahulu kita membuat property dan value nya dulu dalam css,untuk itu hapus dulu kode ini :

#header-wrapper {
width:960px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Ganti dengan kode yang ini

#header-wrapper {
width:960px;
margin:0 auto 0px;
background:#ccc;
height:160px;
}

#head-inner {
width:600px;
float:left;
background-position: left;
margin:0 auto 0 auto;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#header-kanan{
width:360px;
float:left;
padding-top:10px;
}

Silahkan save atau simpan dulu.

Bila kita telah menggantinya dengan kode css diatas, harap dihapus dulu value yang seperti ini : max-width:700px; dalam property # header .description , sedangkan value untuk yang lainnya biarkan saja.

2. Membuat ID pemanggil.

Setelah membuat kode css, selanjutnya adalah membuat kode id untuk memangilnya. Untuk itu kita hapus dulu kode id pemanggil yang lama, seperti ini :

Ganti dengan kode yang ini :

Selesai. Jangan lupa di simpan, dan sekarang coba lihat hasilnya.

Untuk Model Yang Kedua , Sillahkan ikuti di sini .

**** Semoga Bermanfaat ****

Membagi 2 Kolom Header Blogspot (versi 2)

2010-02-16T12:58:00.001+07:00

Ini merupakan lanjutan dari cara membagi 2 kolom header. Model yang pertama anda bisa membacanya disini. Sedangkan untuk model yang kedua, silahkan ikuti terus tulisan ini. Langsung saja menuju pokok bahasan biar tidak terlalu panjang tulisannya.

Model Kedua .

1. Membuat Kode css .

Silahkan hapus dulu kode css berikut

Ganti dengan kode css yang ini :

Simpan dulu hasil kerja tadi.

2. Membuat ID Pemanggil .

Setelah kode css diatas tersimpan, selanjutnya membuat kode ID pemanggilnya. Untuk itu hapus dulu kode pemanggil yang lama seperti ini :

Ganti dengan kode ini :

Selesai. Simpan hasil kerja kita, sekarang coba lihat hasilnya.

**** Semoga Bermanfaat ****

Menambah Background Pada Tulisan Readmore

2010-02-16T09:59:00.004+07:00

Mungkin postingan yang mengulas tentang readmore sudah tidak terhitung lagi saking banyaknya. Coba anda ketikan kata kunci ReadMore di search engine, baik google maupun yahoo, pasti jumlahnya banyak sekali yang membahas tulisan mengenai readmore. Di blog ini juga pernah dibahas beberapa kali mengenai readmore, coba anda cek disini dan disini atau bisa juga anda baca disini.

Tapi enggak apa-apa ya , biar kita lebih paham dan juga lebih mengerti ^..^ . Nah, pada bahasan kali ini kita akan coba menambahkan background pada tulisan readmore, biar nantinya tulisan readmore itu bisa kita buat warna-warni dan bervariasi dengan adanya background tersebut. Tergantung dari kreativitas kita , tentunya !.
Saya cuma membahas dasarnya saja.

Langsung saja. Coba lihat contoh berikut, perhatikan contoh yang ditunjuk tanda panah merah. Itu adalah contoh penambahan background :

Untuk menambah background seperti itu, kita harus membuat atau menambahkan kode CSS . Contoh diatas dibuat dengan menggunakan template default blogger, yaitu template minima baru. Jadi silahkan sesuaikan dengan kode readmore di template kita masing-masing.

Sigin di draft blogger
Dalam dasbor masuk Tata Letak --> Edit HTML .

Cari kode ini ]]</b:skin>

Kode CSS yang kita buat dan ditambahkan , Copy kode dalam kotak dibawah , lalu paste diatas kode ini ]]</b:skin>

.jump-link a {
background: #00ff80; /* warna background */
padding: 3px;
color: #fff; /* warna tulisan readmore */
}
.jump-link a:hover {
background: #1a9a07; /*warna background ktk di klik mouse*/
padding: 3px;
color: #ccc; /* warna tulisan readmore ktk di klik mouse */
}

Silahkan utak atik warna dari background dan warna tulisan readmore-nya, sesuai dengan kehendak anda.
Jangan lupa save / di simpan.

**** Semoga Bermanfaat ****

Sambal Goreng Pecinan

2010-02-15T07:55:00.003+07:00

Resep Masakan Sambal Goreng Pecinan

Bahan

200 gr udang peci
250 gr kerang rebus
200 gr cumi-cumi, potong kecil
200 ml santan kental
10 gr bawang putih, cincang
40 gr kemiri, tumbuk halus
75 gr cabe merah giling
garam secukupnya
3 batang serai
4 lbr daun jeruk limau
20 gr jahe, iris
30 gr bawang merah, cincang
10 gr asam jawa
15 ml minyak goreng
15 gr gula merah
10 buah kapulaga utuh

Cara Membuat

Maukkan minyak, tumis bawang merah, bawang putih dan serai sampai harum baunya
Masukkan kemiri, cabe giling, lalu tambahkan santan kelapa, daun jeruk, asam dan kapulaga. Masak sampai mendidih.
Masukkan sea food-nya hingga mendidih (udang, kerang, cumi-cumi). Setelah matang angkat

**** Selamat Memasak ****

Tumis Kangkung Jamur

2010-02-15T07:37:00.001+07:00

Resep Masakan Tumis Kangkung Jamur

Bahan

1 sdm minyak untuk menumis
1 bh cabe merah
400 gr kangkung. petik daunnya
1/2 sdt garam
1/2 sdt merica bubuk
2 siung bawang putih
50 gr jamur kancing. Belah dua
50 gr udang segar kupas. Cincang kasar
1 sdm kecap manis
1 sdm air

Cara Membuat :

Panaskan minyak. Tumis bawang putih hingga harum. Masukkan kangkung, jamur, udang, kecap manis, dan air. Didihkan sebentar
Tambahkan garam dan merica. Aduk rata
Setelah matang angkat

**** Selamat Memasak ****

Cara Membuat Dan Membagi Dua Kolom Sidebar

2010-02-14T09:47:00.003+07:00

Dalam Template blogger default , biasanya kolom sidebar yang disediakan cuma satu. Fungsi dari kolom sidebar ini, tentu kita semua sudah pada tahu yaitu untuk menyimpan berbagai gadget atau pun widget, baik berupa gambar, aplikasi tambahan, file html, javascript dan masih banyak lagi, Sehingga tampilan web atau blog kita lebih rame.

Sekarang bagaimana membuat tambahan kolom sidebar dan membaginya menjadi dua ?.
Secara default kolom sidebar yang disediakan adalah seperti ini :

Bila ditambahkan dua kolom sidebar baru, nantinya seperti ini :

Contoh diatas menggunakan template minima yang telah diubah lebarnya. Untuk mengetahui cara menambah lebar template bisa dibaca disini. Sekarang kita langsung saja menuju cara membuat dan membagi dua kolom sidebar.

Sigin di draft blogger
Dalam dasbor masuk Tata Letak --> Edit HTML

1. Penambahan Kode CSS

Untuk menambah kolom di template, kita perlu membuat tambahan kode css. Karena yang akan kita buat adalah kolom untuk sidebar , kode yang perlu ditambahkan adalah kode dibawah ,Copy kode ini :

.singlesidebar {float:$endSide; word-wrap:break-word; overflow:hidden}

Letakkan atau paste dibawah kode ini

#sidebar-wrapper{ width:320px; float:$endSide; word-wrap:break-word; overflow:hidden}

Kemudian Save atau simpan dulu.

2. Kode ID untuk Pemanggilan

Setelah kode css kita buat, untuk memanggilnya , kita harus mendefenisikannya, yaitu dengan membuat ID pemanggilnya. Untuk itu Copy kode dibawah ini :

Sekarang kita cari kode berikut , jika sudah ketemu hapus kode ini ganti dengan kode yang telah kita copy, kemudian paste kan disini .

Setelah itu anda simpan. Sekarang coba lihat hasilnya.

**** Semoga Bermanfaat ****

Google Buzz Social Network From Google Pesaing Facebook

2010-02-11T14:23:00.007+07:00

Google membuat Jejaring social yang dinamai " Google Buzz ". Kayaknya google dengan " Buzz " nya mau menandingi facebook yang beberapa persen sahamnya telah dibeli oleh Vendor Software terbesar yaitu Microsoft .

Kalau melihat namanya, kayaknya seperti meniru Yahoo dengan" Yahoo Buzz " nya. Tapi mungkin ini lebih dari Yahoo dengan Buzz itu.
Di Google Buzz kita bisa berkomunikasi dengan teman, keluarga seperti hal nya di Facebook. Kita juga bisa men share photo, video dan yang lainnya . Terus kita juga bisa meng Impor konten dari Twitter, Picasa, Flickr, dan Google Pustaka.

Fitur-fitur yang disediakan Google Buzz :

Ikuti orang-orang yang Anda email atau ajak ngobrol dari dalam Gmail, secara otomatis.
Terbitkan ide Anda ke seluruh dunia atau cukup teman dekat saja.
Komentar dikirim langsung ke kotak masuk agar percakapan tetap berlangsung.
Lihat thumbnail di tiap entri dan ramban foto berukuran satu layar penuh dari situs-situs populer.
Impor konten dari Twitter, Picasa, Flickr, dan Google Pustaka.
Entri dan komentar baru muncul bersamaan saat diposkan. Tak perlu penyegaran sama sekali.
Buzz merekomendasikan entri menarik dan menyiangi sisanya yang mungkin tak Anda sukai.

Untuk gabung di google buzz caranya gampang, kita tinggal membuat account email di google. Bila kita sudah punya account Gmail , kita tinggal masuk saja pasti disana sudah ada Buzz, dikarenakan google buzz terintregasi dengan Gmail kita.

Supaya lebih detil tentang Google Buzz dan supaya tidak keduluan sama yang lainnya, Silahkan Klik saja disini .

**** Semoga Bermanfaat ****

Membuat Double Navigasi/Navbar Di Blogger Plus..

2010-02-07T11:13:00.010+07:00

Setiap web biasanya menyediakan Navbar di tampilan utamanya, maksudnya tentu saja untuk memudahkan pengunjung mencari halaman yang berisi topik yang sedang dibutuhkannya. Nah, kali ini kita akan belajar cara membuat Navigasi atau Navbar sekaligus double plus link untuk Facebook dan Twitter, khususnya yang akan ditempatkan di blogger. Contohnya bisa dilihat gambar diatas.

Untuk itu kita harus :
Signin di draft blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML

Membuat Kode Untuk CSS

Untuk membuat tampilan navbar seperti diatas yang pertama kali kita lakukan adalah, menambahkan kode css kedalam template kita. Untuk itu silahkan copy kode css dibawah ini :

Navbar Pertama :

#top-wrap{ margin:auto;padding:0;width: 980px;background:#1b1613;height:20px;}

#navataskiri {margin:auto; width:560px; float:left;}
.navatas ul {list-style:none;margin:0;padding:0px; float:left;}
.navatas li {float:left;margin:0;text-align:center;}
.navatas li a { font-weight:normal; font-size:11px; text-transform:uppercase;
padding:15px;color:#a4a5a1;text-decoration:none;}
.navatas li a {background:none; }
.navatas li a:hover, li a:focus, li a:active {text-decoration:none; color:#fff;}

#navataskanan {margin: 0px auto; width:400px; float:right; text-align:right;}

.navataskanan ul {list-style:none;margin:0;padding:0px; float:right;}
.navataskanan li {float:left;margin:0;text-align:center;}
.navataskanan li span.facebook a {background:url( alamat url gambar anda )
no-repeat left center; font-weight:normal; font-size:11px; text-transform:uppercase;
padding:10px 10px 10px 20px;color:#a4a5a1;text-decoration:none;}
.navataskanan li span.twitter a {background:url( alamat url gambar anda )
no-repeat left center; font-weight:normal; font-size:11px; text-transform:uppercase;
padding:10px 10px 10px 20px;color:#a4a5a1;text-decoration:none;}
.navataskanan li span a:hover, li span a:focus, li span a:active {text-
decoration:none; color:#fff;}

Navbar Kedua :

#navbawah {background:#ff6600;width: 980px;font-size: 11px;color: #a79578;
font-weight: bold;margin: 0 auto 0px;padding: 0px auto 0px;}

#navbawah ul {float: left;list-style: none;margin: 0;padding:0;}

#navbawah li {list-style: none;margin: 0;padding: 0;}

#navbawah li a, #navbawah li a:link, #navbawah li a:visited {color: #FFF;display: block;
font-weight: normal;text-transform: lowercase;margin: 0;padding: 7px 10px;}

#navbawah li a:hover, #navbawah li a:active {background:#f3f2e8;color:#372c24;margin: 0;
padding: 7px 10px;text-decoration: none;}

#navbawah li li a, #navbawah li li a:link, #navbawah li li a:visited {
background: #372c24;width: 150px;color: #FFF;font-weight: normal;
text-transform: lowercase;float: none;margin: 0;padding: 7px 10px;
border-bottom: 1px solid #372c24;border-left: 1px solid #372c24;
border-right: 1px solid #372c24;}

#navbawah li li a:hover, #navbawah li li a:active {background: #a79578;color: #FFF;
padding: 7px 10px;}

#navbawah li {float: left;padding: 0;}

#navbawah li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 170px;
margin: 0;padding: 0;}

#navbawah li ul a {width: 140px;}

#navbawah li ul ul {margin: -32px 0 0 171px;}

#navbawah li:hover ul ul, #navbawah li:hover ul ul ul, #navbawah li.sfhover ul ul, #navbawah li.sfhover ul ul ul {left: -999em;}

#navbawah li:hover ul, #navbawah li li:hover ul, #navbawah li li li:hover ul, #navbawah li.sfhover ul,#navbawah li li.sfhover ul, #navbawah li li li.sfhover ul {left: auto;}

#navbawah li:hover, #navbawah li.sfhover {position: static;}

Sebagai catatan, silahkan ubah ukuran lebar yang diwarnai merah, sesuai ukuran lebar template yang digunakan.
Kemudian Paste diatas kode ini ]]></b:skin> Jangan lupa di simpan dulu.

2. Membuat Kode Untuk HTML

Untuk pemanggilan kode css diatas, diperlukan ID untuk memanggilnya. Jadi silahkan copy kode ID untuk pemanggilan dibawah ini.

ID Navbar Pertama :

<div id='top-wrap'>
<div id='navataskiri'>
<div class='navatas'>
<ul id='navatas'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='url anda' target='_blank'>About</a></li>
<li><a href='url anda' target='_blank'>Contact</a></li>
<li><a href='url anda' target='_blank'>Page</a></li>
</ul>
</div>
</div>

<div id='navataskanan'>
<div class='navataskanan'>
<ul id='navataskanan'>
<li><span class='facebook'><a href='url facebook anda'>Facebook</a></span></li>
<li><span class='twitter'><a href='url twitter anda'>Twitter</a></span></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

ID NavbarKedua :

Kemudian Paste dibawah kode ini :

Jangan lupa simpan. Selesai.
Sekarang coba lihat hasilnya, bila tidak ada yang terlewat pasti sudah berhasil.

**** Semoga Bermanfaat ****

Memindahkan / Merubah Tanggal Publikasi Dibawah Judul Posting

2010-02-01T18:26:00.007+07:00

Bila kita menggunakan template default blogger, biasanya saat kita memposting sebuah artikel dan mempublishnya biasanya akan tampil juga tanggal publikasinya. Tetapi tanggal , tahun , bulan dan hari itu biasanya di tempatkan diatas page title / judul posting. Nah, sekarang bagaimana caranya supaya tanggal dan tahun itu tampil dibawah posting ?. Sebagai contoh kita bisa melihat gambar di bawah ini :

Gbr.Tgl sebelum dipindahkan.

Gbr. Tgl sesudah dipindahkan.

Terlihatkan perbedaannya. Supaya penempatan tanggal bisa dibawah judul posting seperti diatas, terlebih dahulu kita harus merubah penempatan kode html-nya. Untuk itu terlebih dahulu kita harus :

SignIn di draft blogger

Dalam dasbor masuk Tata Letak --> Edit HTML

Centang Expand Template Widget, kemudian kita cari kode ini :

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Kita cut atau potong kode tersebut, Kemudian kita cari kode dibawah seperti ini :

      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

Jika sudah ketemu, Sekarang kita paste kode yang di cut atau di potong diatas, dibawah kode ini, jadi seperti ini :

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

Selanjutnya kita simpan, dan coba sekarang lihat hasilnya.

**** Semoga Bermanfaat ****

Menghiasi Blog Dengan Jam dan Tanggal

2010-01-27T16:16:00.002+07:00

Biasanya jika kita sedang browsing atau menjelajah internet suka lupa waktu saking asyiknya. Atau jika kita lagi utak-atik blog kita, baik sedang mengetik artikel, menghias blog ataupun mengutak atik kode html( bagi yang sedang Belajar) di blog kita, biasanya suka lupa waktu (seperti saya ini..he.hee..).

Biar tidak terlalu terlena saking asyiknya, tidak ada salahnya jika di blog, kita pasangi dengan jam dan tanggal. Selain kita ingat waktu juga biar blog kita tambah cantik ( apa iya.ya..).
Supaya tidak lama, langsung saja ke pokok bahasan yaitu " Menghiasi Blog Dengan Jam Dan Tanggal ".

Untuk membuat jam dan tanggal kita memerlukan kode yang berupa Javascript .Kode ini saya ambil dari www.dynamicdrive.com, silahkan klik disini untuk mendapatkan script nya. Kemudian anda simpan dalam format Javascript. Nantinya file ini harus anda simpan di hosting file supaya nantinya bisa di panggil.

Bila belum punya tempat penyimpanan/ hosting file di internet, silahkan nanti anda copy saja semua kode dibawah dan ikuti cara menempatkannya.

Sigin di Draft Blogger
Dalam dasbor masuk Tata Letak --> Edit HTML
Cari kode ini <body>
Ganti dengan kode ini :

Simpan Perubahan. Kemudian anda pindah ke Elemen Laman --> Tambah Widget --> HTML/Javascript.

Anda copy dan paste kan script berikut :

Simpan. Sekarang coba lihat hasilnya.
Catatan : Kita bisa menempatkan kode yang kedua, dimana saja didalam widget template . Tapi sebagai acuan lebih baik ditempatkan di atas, baik diatas sidebar, diatas header, dibawah header, atau diatas posting . Tapi itu terserah anda.

**** Semoga Bermanfaat ****

Script Text/Huruf Bergerak Mengikuti Mouse Di Blogspot

2010-01-27T14:28:00.004+07:00

Biar tampilan blog kita rame, biasanya para blogger menambahkan berbagai variasi atau widget . Bentuknya pun bermacam macam. Nah kali ini kita akan coba membuat variasi atau hiasan di blog kita dengan menambahkan script supaya text bisa bergerak kemanapun mouse kita arahkan. Mau tahu caranya ?, silahkan ikuti langkah langkahnya.

script atau kode berikut mesti kita tambahkan ke template blog kita. Silahkan anda copy dulu script di bawah ini :

Jika sudah di copy, cara menerapkannya adalah :

Seperti biasa Sigin dulu di draft blogger
Dalam dasbor masuk Tata Letak --> Elemen Laman
Tambah Widget --> kemudian anda klik HTML/JavaScript.Pastekan script atau kode yang telah di copy tadi disini. Simpan.

Oooh , hampir lupa. Coba Anda cari kata "BELAJAR BERSAMA" didalam kode, kemudian anda ganti dengan kata yang anda inginkan. nantinya kata tersebut yang akan tampil mengikuti Mouse.

Sekarang coba lihat hasilnya.
Catatan : Kita bisa menempatkan kode diatas dimana saja, didalam widget. Mau di sidebar, footer atau dimanapun asal ada tambah widget.

**** Semoga Bermanfaat ****

Memasak Sayur Gurih Oncom

2010-01-27T09:16:00.001+07:00

Resep Masakan Sayur Gurih Oncom

Bahan :

250 gr oncom. Bakar hingga harum, potong dadu 2 cm

Bumbu :

750 ml santan
250 ml santan kental dari 1 btr kelapa parut
100 gr cabe hijau, potong melintang 2 cm
100 gr daun melinjo muda, bersihkan
10 btr bawang merah, bakar , memarkan
2 siung bawang putih, bakar, memarkan
2 lbr daun salam
1 sdt garam
1/2 sdm gula merah, iris-iris

Cara Membuat :

Didihkan bumbu kecuali santan kental di atas api kecil sambil di aduk hingga harum.
Masukkan oncom, masak hingga oncom matang.
Masukkan cabe hijau dan daun melinjo, masak hingga layu. Tuangi santan kental.Didihkan kembali.
Angkat, sajikan hangat.

**** Selamat Memasak ****

Memasak Ayam Rebung Aroma

2010-01-27T09:05:00.003+07:00

Resep Masakan Ayam Rebung Aroma

Bahan :

350 gr daging ayam. potong sebesar 2 x 2 cm
100 gr rebung kalengan, potong sebesar batang korek api
3 sdm minyak untuk menumis
2 bh tomat, potong persegi
20 lbr daun kemangi
5 br daun jeruk purut, iris halus
1 cm jahe, memarkan
1 btg serai, ambil bagian yang putih, iris serong halus

Bumbu halus :

10 btr bawang merah
10 bh cabe rawit
1/2 sdm garam
4 bh cabe merah
1 sdm gula pasir

Cara Membuat :

Tumis bumbu halus bersama jahe sampai harum. Tambahkan daun jeruk dan serai, aduk sampai daun jeruk layu.
Masukkan tomat dan ayam, aduk sampai daging ayam berubah warna. Tambahkan rebung dan tuangkan 200 ml air.
Masak sampai ayam empuk. Masukkan daun kemangi, masak sampai air habis.
Angkat dan sajikan panas-panas.

**** Selamat Memasak ****

Membuat Sayur Asin Daging Asap

2010-01-27T08:50:00.001+07:00

Resep Masakan Sayur Asin Daging Asap

Bahan :

100 gr daging asap, potong memanjang tipis
250 ml kaldu
6 ikat sawi asin, peras, potong melintang 2 cm
2 sdm minyak untuk menumis

Bumbu :

6 butir bawang merah, iris tipis
1 siung bawang putih, memarkan
3 buah cabe merah, buang bijinya, iris menyerong tipis
1 sdt garam
1 sdt gula pasir
1 sdm saus tiram

Cara Membuat :

Tumis bawang merah bersama bawang putih sampai harum. Masukkan cabe merah, aduk-aduk sampai cabe layu.
Masukkan sawi asin an daging asap. Tambahkan bumbu dan kaldu.
Masak sampai semua bahan matang dan air habis. Angkat dan sajikan panas biar nikmat dimakannya.

**** Selamat Memasak ****

Kotak atau Box Ada Bayangan /Efek Shadow Dengan CSS3

2010-01-25T20:04:00.003+07:00

Untuk membuat kotak atau box ada efek bayangan bisa dilakukan dengan dua cara. Yang pertama adalah dengan bantuan aplikasi pengolah photo, file yang dihasilkannya tentu dalam format gambar. Yang kedua adalah dengan menambahkan kode CSS dalam template yang kita buat. Pada postingan terdahulu kita pernah membuat Text Ada efek shadow. Nah kali ini bagaimana menerapkan pada kotak atau box.

Sebagai catatan efek ini akan tampil jika browser yang kitagunakan adalah safari 1.1, firefox, chrome dan opera. Sedangkan jikabrowser yang digunakan masih Internet Explorer, maka efek tersebuttidak akan tampil alias seperti kotak biasa saja.

Yang akan kita lakukan kali ini adalah belajar membuat efek bayangan dengan cara kedua, contohnya seperti ini :

Atau efek shadownya bisa juga seperti ini :

Dengan kode CSS ini juga kita bukan cuma bisa membuat kotak ada bayangan tapi seperti sidebar , mainbar dan yang lainnya di template kita bisa ditambahkan efek bayangan. Untuk itu kode yang perlu ditambahkan adalah :

Untuk gambar pertama kodenya seperti ini :

box-shadow: 5px 5px 5px #000

-moz-box-shadow: 5px 5px 5px #000

-webkit-box-shadow: 5px 5px 5px #ddd

Untuk gambar kedua kodenya seperti ini :

box-shadow:inset 5px 5px 5px #000

-moz-box-shadow:inset 5px 5px 5px #000

-webkit-box-shadow:inset 5px 5px 5px #ddd

Kita bisa merubah efek bayangan dengan mengatur nilai pixelnya, silahkan sesuaikan dengan nilai yang anda kehendaki. Sedangkan untuk merubah warna bayangan kita tinggal mengubah nilai hex kode warnanya.

**** Semoga Bermanfaat ****

Membuat Orak Arik labu Siam

2010-01-22T06:05:00.002+07:00

Resep Masakan Orak Arik Labu Siam

Kali ini kita akan membuat masakan jenis sayuran. Yang akan kita olah kali ini adalah sayuran yang di buat dari labu siam. Tahu kan labu siam ? pasti pada tahu ya. Cara membuatnya sangat mudah dan cepat, silahkan ikuti langkah-langkahnya .

Bahan :

200 gram labu siam. Potong, kira-kira seukuran pentul korek api.
2 butir telur
1 lembar daun salam
2 cm lengkuas, dimemarkan
100 ml kaldu
1/2 sendok teh garam, 2 sendok makan minyak untuk menumis

Bumbu : untuk bumbu semuanya diiris-iris

2 buah cabai merah
3 butir bawang merah
2 siung bawang putih
1/2 buah tomat

Cara Membuat :

Tumis bumbu iris, salam , lengkuas hingga layu
masukan telur dan aduk sampai tercampur dan berbutir-butir
Tambahkan labu siam, aduk kembali sampai tercampur rata
Tuang kaldu dan garam, masak sampai meresap dan kuah mengental

Jika sudah selesai angkat dan jangan lupa makan yah biar sehat.wkwkwk..

Catatan :Untuk mengurangi getah pada labu, kita cukup memotong labu . Kemudian potongan itu ditempelkan pada labu bekas potongannya sambil diputar-putar, sampai getahnya berkurang.

**** Semoga Bermanfaat ****

Membuat Cumi Bakar Bumbu Hitam

2010-01-20T11:59:00.003+07:00

Resep Masakan Cumi Bakar Bumbu Hitam

Bagi pecinta jenis makanan laut atau istilahnya Sea Food, sehari saja tidak makan jenis ini tentu membuat ketagihan. Banyak sekarang penjual jenis makanan laut , baik yang di pinggir jalan, restaurant, atau di cafe-cafe. Barangkali ada diantara kita yang ingin membuat sendiri salah satu jenis makanan laut tersebut. Kali ini kita kan menyajikan jenis makanan laut yang terbuat dari cumi. Silahkan ikuti resep dibawah untuk mencobanya sendiri dirumah.

Bahan-bahan yang diperlukan :

400 gram cumi utuh, cuci dan bersihkan
1 sendok teh minyak wijen
2 sendok makan taosi, dihaluskan
1 blok maggi, garam dan gula secukupnya

Bumbu Halus :

2 iris jahe
2 siung bawang putih

Cara Membuat :

Tumis bumbu halus sampai harum. Masukkan Taosi. Aduk
Tambahkan cumi. Aduk sebentar, lalu tambahkan maggi, garam, gula, dan minyak wijen. Aduk sampai rata.
Bakar sambil sekali-kali dioleskan bumbu sampai cumi matang.

Selamat menikmati.

**** Semoga Bermanfaat ****

Menambah Efek Shadow Pada Text Dengan CSS Kode

2010-01-20T10:38:00.002+07:00

Gonta ganti jenis font pada text itu adalah hal yang sudah biasa dan mudah dilakukan di blog, kita tinggal masuk ke pengaturan font dan warna, lalu ubah sesuai kehendak kita. Nah, sekarang bagaimana supaya text misalnya text untuk judul posting ada efek shadow atau bayangan. ehm, tentu itu tidak semudah membalikkan telapak kaki, tapi semudah membalikan telapak tangan..he..he..hee..

Contoh efek shadow bisa anda lihat pada judul posting yang sedang anda baca ini. Coba perhatikan baik-baik, beda kan dengan tulisan text biasa. Efek Shadow tersebut di buat dengan kode CSS3. Efek Sahdow ini bisa tampil jika kita menggunakan browser safari 1.1, Firefox 3.5 , Opera 9, dan Chrome. Bagi yang masih menggunakan browser Internet Explorer, efek shadow ini belum support jadi kelihatan seperti text biasa saja.

Untuk membuat efek shadow , kita cuma menambahkan kode berikut :

text-shadow:2px 2px 2px #000

Keterangan : 2px --> Horizontal offset, 2px --> Vertikal offset, 2px --> Blur, #000 --> Warna Bayangan.
Kita bisa merubah nilai-nilai tersebut sesuai dengan efek shadow yang ingin ditampilkan. Silahkan anda utak atik nilai diatas untuk mendapatkan efek yang kita kehendaki.

Untuk penempatannya, bisa kita simpan di Judul Posting , Judul Sidebar, dan dimana saja terserah kita.
Sebagai contoh kita akan membuat efek shadow untuk judul posting.
Sigin di Draft Blogger
Dalam Dasbor masuk Tata letak --> Edit HTML

Cari kode seperti ini, kode ini diambil dari template minima. Kita bisa menyesuaikannya dengan template yang kita pakai, pada dasarnya adalah sama.

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Masukan kode ini text-shadow:2px 2px 2px #000; diantara kode diatas, jadi seperti ini

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
text-shadow:2px 2px 2px #000;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Simpan perubahan. dan sekarang coba lihat hasilnya.

**** Semoga Bermanfaat ****

Membuat Text Postingan Otomatis Rata Kiri Dan Kanan

2010-01-20T08:51:00.000+07:00

Saat kita membuat suatu artikel, untuk membuat text artikel atau postingan itu tampil rata kiri dan rata kanan, kita terlebih dahulu diharuskan men-seting menu align jutify di editor post blog. Apabila kita tidak lupa untuk men-seting menu tersebut, tentu tidak menjadi masalah. Tetapi bila kita tidak ingin ribet dengan terlebih dahulu selalu men-seting menu align justify tiap kali akan mengetik artikel, ada cara yang lebih mudah.

Jadi dengan cara ini tiap kali kita menerbitkan artikel postingan , text artikel tersebut akan langsung ditampilkan rata kiri dan rata kanan secara otomatis. Biar tidak lama langsung saja kita menuju tkp..

Sigin di Draft Blogger
Dalam Dasbor masuk tata letak --> Edit HTML
Cari Main Wrapper
Bila sudah ketemu masukan kode berikut text-align:justify;
Jangan lupa simpan perubahan

Sekarang coba kita lihat hasilnya.
Catatan : Postingan -postingan terdahulu yang belum kita seting rata kiri dan rata kanan pun secara otomatis text nya sekarang akan ditampilkan rata kiri dan kanan.

**** Semoga Bermanfaat ****

Search Engine Khusus Pengenal / Mencari Jenis Font

2010-01-17T10:28:00.005+07:00

Di internet banyak sekali berbagai artikel , iklan, logo dan lainnya yang di buat dengan hurup atau font. Bila suatu waktu kita menemukan huruf atau font ketika berkunjung ke suatu website, dan huruf atau font itu menarik keingin tahuan kita untuk mengetahui ditulis dengan jenis font apa, caranya sangat mudah.

Kita tinggal masuk ke web myfont.com, disini kita bisa mengetahui berbagai jenis font yang dipakai oleh suatu website atau media cetak. Caranya anda tinggal scan font yang digunakan oleh website tersebut, kemudian anda upload ke web myfont.com. Apabila tulisan tersebut ditampilkan dalam format image atau flash di website, kita juga tinggal memasukkan alamat URL website tersebut ke myfont.com. Hasilnya akan langsung ditampilkan.

Disamping itu jika kita ingin mengoleksi atau mendapatkan berbagai jenis font yang belum ada dalam system operasi komputer , kita bisa mencobanya. (ada yang gratis, ada yang harus dibeli).Kita tinggal memasukkan nama dari jenis font yang di cari, baik sebagian atau seluruh nama jenis font, hasilnya akan ditampilakan beserta link untuk men-downloadnya.

Bila kita mempunyai font-font karya anda sendiri dan ingin menjualnya bisa memanfaatkan website ini. Kita tinggal mendaftarkan font karya kita beserta informasi, harga, dan link untuk men-downloadnya.
Selain website diatas kita juga bisa search jenis font di web ini , www.fontseek.com .

**** Semoga Bermanfaat ****

Membuat Efek Refresh Pada Blog

2010-01-14T15:27:00.007+07:00

Diibaratkan kita sudah seharian bekerja, tentunya kita akan mengalami lelah , jenuh, penat, dan bikin mumet pikiran kita. Nah untuk mengembalikan supaya kita tubuh kita segar kembali biasanya , kita melakukan refreshing.. Caranya, ya bisa dengan apa saja. Lho, lalu apa hubungannya dengan judul diatas !!!

Begini , kadangkala saat meloading halaman web, ada sebagian dari isi halaman web yang belum kebuka atau kadangkala tampilannya kurang sempurna alias tidak seutuhnya tampil. nah dengan menggunakan efek refresh biasanya halaman-halaman yang tadinya kurang utuh tampilnya bisa seutuhnya tampil. Atau sebagai contoh jika kita sudah membuka banyak aplikasi di komputer, kita suka me refresh tampilan didekstop supaya kelihatan lebih segar lagi. ya intinya untuk menyegarkan halaman web kita. Pusiing ya membaca keterangan di atas, jika pusing mending langsung saja deh membuat kode untuk efek refresh.

Nah ini dia kodenya, silahkan di copy:

Paste diantara tag <head> ...dan... </head>

Sedikit keterangan, angka 15 merupakan waktu untuk merefresh secara otomatis. Dihitung dalam detik. Silahkan ganti sesuai keinginan anda, yang perlu di catat adalah asal jangan terlalu cepat memasukan waktu refresh nya, supaya pengunjung yang sedang membaca tidak kesal dengan adanya efek refresh.

Jika anda punya dua Blog ,Misal blog A dan Blog B, dengan efek refresh ini, anda bisa mengalihkan pengunjung yang datang ke blog A untuk datang ke blog B. Atau istilahnya ReDirect.

Caranya adalah masukan kode ini di Blog A :

Penempatannya sama dengan yang di atas.

Usahakan waktunya di set pada 0 detik, supaya langsung menuju Blog B anda.

**** Semoga Bermanfaat ****

Cara Membersihkan / Membasmi Virus Handphone, OS Symbian

2010-01-13T21:05:00.005+07:00

Kali ini bahasan kita yaitu bagaimana mengatasi atau lebih tepatnya membersihkan virus -virus yang menyerang kebanyakan handphone nokia yang di senjatai operasi system symbian. Baik versi symbian 60 1st edition atau symbian 60 2nd edition. Handphone Nokia yang termasuk ke dalam versi tersebut antara lain, Nokia 6600, 6670, 6680, 3650, 3660, 3230, 7610, 7650, N70 dan type-type lainya yang menggunakan versi ini.

Virus-virus yang menyerang Handphone symbian antara lain : Guardian, Cabir, Comwarior, Appdisabler, PBStealer, Virus beseko, Locknut, Doomboot, Skulss, Cardtrap, RommWar dan yang lainnya. Kerusakan yang diakobatkan oleh virus-virus tersebut antara lain, aplikasi error, membuat handphone merestart terus, lambat dalam membuka aplikasi atau dengan kata lain loading nya lama, membuat baterai cepat habis, terus menerus mengirim sms, menginveksi melalui bluetooth dan masih banyak lagi.

Untuk membersihkan virus tersebut langkahnya cukup mudah apalagi jika anda punya komputer di rumah. Langkah-langkah ini sebenarnya bisa dilakukan pada postingan saya terdahulu yaitu mengenai pertolongan pertama memperbaiki handphone, cuma tidak khusus untuk menangani virus.

Nah sekarang saudara-saudara sekalian sudah siap belum untuk membasmi virus di handphone saudara ?. Jika sudah silahkan ikuti langkah -langkah berikut.

Langkah Pertama :

Isi penuh Baterai handphone anda.
Backup semua data seperti kontak ke Sim card.
Backup semua file foto, gambar , audio file , video yang tersimpan didalam memori telepon ke memory card / MMC.
Lepaskan MMC atau memory card dari Handphone anda.

Cara Pertama :

Nyalakan Handphone anda. Tunggu hingga masuk pada tampilan seperti biasa.
Masukan kode berikut *#7370#.
Jika muncul tampilan meminta kode, masukkan kode 12345 (default). Jika anda telah menggantinya, masukkan kode penggantinya.
Handphone akan melakukan restart. Jangan pijit apapun sampai Handphone anda menyala kembali. selesai.

Cara Kedua :

Handphone dalam keadaan mati dengan baterai tetap terpasang.
Tekan tombol call , 3, dan * secara bersamaan, kemudian anda tekantombol power atau on/off. Jangan lepaskan keempat tombol tersebutsampai di layar handphone muncul Formatting.
Tunggu hingga format selesai dan handphone melakukan start ulang.
Jika setelah restart, kemudian menyala dan tampil layar utama berarti proses telah selesai.

Sekarang handphone anda sudah bersih dari virus. Untuk type Handphone Nokia seperti yang disebutkan diatas, bila cara pertama tidak berfungsi bisa pakai cara kedua atau kebalikannya. Sekarang tinggal membersihkan virus yang menjangkiti MMC. Silahkan anda ikuti langkah selanjutnya.

Langkah Kedua :

Backup dulu data foto,video, audio(musik) pada MMC ke komputer anda.
Format MMC anda dengan munggunakan komputer dengan system Fat. Janganpakai Fat 32 takut nantinya tidak terbaca di handphone anda. Bila andatidak ingin mem format nya bisa langsung loncat ke cara no 4.
Pastikan di komputer anda sudah ter-install anti virus yang bisamendeteksi virus symbian, seperti Norton atau Avast dengan update virusyang terbaru.
Scan MMC anda menggunakan anti virus yang ter-install di komputer anda.Pastikan virusnya terdeteksi dan di clean oleh anti virustersebut.Selesai.
Sekarang anda masukan kembali MMC ke handphone anda. dan dengan langkahlangkah di atas kini handphone anda sudah sehat dan terbebas dari virus.

**** Semoga Bermanfaat ****

Bikin Akun Facebook Langsung Dari Ponsel / Handphone

2010-01-13T16:14:00.001+07:00

Pengguna Facebook sekarang ini mungkin sudah mencapai puluhan juta jumlahnya. Saking tenar dan boomingnya facebook, sampai-sampai para operator selular di indonesia, saling berlomba menjual produk Handphone yang didalamnya sudah dilengkapi dengan aplikasi facebook.

Nah supaya anda bisa menggunakan facebook, Anda harus memiliki akun facebook. Berikut ini panduanmembuat akun facebook yang saya link dari medoho.blogspot.com. .silahkan anda kunjungi situsnya, atau jika anda lagi malas teruskan baca tulisan ini :

1. Buka http://m.facebook.com dari browser ponsel.

2.Geser ke pilihan "Sign Up". Jika default bahasa yang digunakan kurangAnda mengerti, tinggal rubah di kotak `change language'.

3.Isikan data pribadi yang diminta seperti Nama, Kode Negara, NomorTelpon, Tanggal lahir serta Password. Setelah lengkap, klik `Sign Up'.Untuk versi lain, ada yang diminta mengisikan Nama, Email dan Password.

4.Untuk yang menggunakan nomor telpon, Anda akan mendapat SMS verifikasiuntuk menyempurnakan proses pendaftaran. Di pesan tersebut, ada duametode yang bisa digunakan. Pertama menggunakan kode, dan yang keduadengan mengklik link yang disertakan.

5. Buat yang menggunakanEmail, Anda pun akan mendapat pemberitahuan berupa kode dan linkverifikasi di alamat Email yang didaftarkan. Nah, akun facebook Andasudah siap digunakan. Supaya lebih pribadi, Anda bisa menambahkaninformasi tambahan seputar data profil.

6. Untuk memulai,masukan ID dan password Anda. Bisa nomor telepon atau Email.Berikutnya, Anda akan mendapatkan beberapa profile teman yangkemungkinan dikenal. Pilih yang Anda inginkan untuk dijadikan teman.

7.Setelah terkoneksi dengan teman yang anda pilih, Anda bisa salingbertukar pesan, menuliskan komentar di wall, status dan foto yangdiupload teman. Untuk menambahkan foto, Anda pun bisa melakukannyadengan mudah.

Untuk tata cara upload photo dari ponsel, silahkan anda kunjungi langsung situsnya, seperti yang tertera di atas.

**** Semoga Bermanfaat ****

Merubah Dan Memendekkan URL Facebook Dengan Nama Sendiri

2010-01-13T15:09:00.004+07:00

Bagi penguna facebook yang ingin merubah alamat URL facebook supaya lebih pendek atau diganti dengan nama sendiri bisa ikuti cara berikut. Coba bandingkan alamat URL facebook yang ini :

http://www.facebook.com/home.php?#/profile.php?ref=name&id=1000002561xxxxx

dengan alamat URL facebook yang ini :

http://www.facebook.com/nama anda

Coba jika anda membuat link di blog ke facebook anda misalnya lebih mudah diingat yang mana ?, pasti lebih mudah yang kedua bukan. Nah, bagi anda pengguna facebook yang belum tahu (klu yg udah tahu beritahu teman2nya ya, biar pada tahu) cara merubah url facebook, anda tinggal datangi saja link ini www.facebook.com/username, silahkan ikuti petunjuk yang tampil.

Sebagai catatan , anda hanya bisa merubah URL dengan nama anda cuma satu kali, tidak bisa diulang. Jadi pastikan dulu nama apa yang akan dipakai nantinya supaya lebih mudah mengingatnya dan dipakai seterusnya.

**** Semoga Bermanfaat ****

Search Engine Specialis Pencari E-Book Gratis

2010-01-13T08:44:00.001+07:00

Bagi anda yang gemar mendapatkan e-book - e- book dari internet, khususnya e-book yang gratis, kini tidak usah susah -susah lagi untuk mencari e-book yang ingin anda dapatkan sesuai dengan yang anda cari karena kini ada search engine yang khusus melakukan pencarian mengenai e-book saja. Search engine ini adalah Toodoc.

Search engine ini tidak meng-host sendiri file e-book nya, tetapi mencarikan URL-URL yang menyediakan e-book gratis untuk di download. Search engine ini juga bisa mencari pencarian dengan opsi khusus seperti untuk jenis file PDF, PPT, Word, TXT, dan Excel. Selain itu search engine ini juga menyediakan layanan konversi file PDF ke TXT. Caranya adalah anda tinggal upload file dari komputer local ke search engine ini , hasilnya adalah terdapat link untuk download file hasil konversi yang berbentuk TXT.

Untuk menggunakan search engine ini anda tinggal masukan kata kunci yang ingin dicari, layaknya seperti anda menggunakan search engine pada umumnya.

Ingin segera menggunakannya ? silahkan klik link ini .

**** Semoga Bermanfaat ****

Submit Gratis Blogmu Ke 40 Search Engine

2010-01-12T19:10:00.003+07:00

Untuk meningkatkan traffic pengunjung ke blog kita, seperti telah dibahas pada postingan saya yang terdahulu salah satu caranya yaitu mendaftarkan blog kita ke search engine. Tapi kali ini kita bukan mendaftarkan blog kita ke satu search engine tapi sekaligus ke 40 search engine tanpa kita harus mengisikan biodata kita satu persatu. Cukup dengan memasukan alamat URL kita.

Selain itu kita juga bisa menganalisa meta tag yang kita gunakan, memeriksa jumlah situs yang nge link ke blog kita, membuat meta tag supaya ranking blog kita lebih baik , melihat perkiraan kata kunci yang lebih baik kita gunakan, dan masih banyak lagi yang bisa kita lakukan dengan program yang satu ini.

Untuk bisa mempergunakannya silahkan klik saja langsung Link dibawah ini :

http://www.submitexpress.com/

**** Semoga Bermanfaat ****

Icon Dan Jumlah Total Komen Sejajar Title Posting

2010-01-10T13:25:00.002+07:00

Bagi anda yang ingin menampilkan berapa jumlah pengunjung blog yang mengomentari postingan anda, tapi peletakannya sejajar dengan judul posting disertai gambar icon bisa mengikuti cara yang di terapkan oleh master blog indonesia siapa lagi kalau bukan kang oom. Silahkan anda lihat atau bisa mengikutinya di blog saya ini.

Seperti biasa anda Sigin di draft blogger

Dalam Dasbor masuk Tata Letak --> Edit HTML, kemudian beri tanda centang pada "Expand Template Widget". cari kode seperti dibawah.

kalau sudah ketemu, tinggal Copy-paste aja semua kode dibawah ini dan letakan saja dibawah kode diatas.

<b:if cond='data:blog.pageType != "item"'>

</b:if>

Sekarang coba anda lihat hasilnya.

**** Semoga Bermanfaat ****

Langkah Memperingan Loading Web/Blog Dengan CSS Compressor

2010-01-10T12:53:00.002+07:00

Salah satu cara supaya loading halaman web / blog kita menjadi cepat adalah dengan mengoptimalkan isi dari halaman web atau blog kita. Nah , yang akan saya bahas kali ini adalah bagaimana mengoptimalkan kode kode CSS di template yang kita pakai dengan menggunakan CSS Compressor aplikasi dari www.cssdrive.com.

29Ibaratnya kita punya file yang berukuran cukup besar yang ingin di share kepada teman-teman kita melalui akses internet, mungkin tidak masalah jika kita mempunyai akses internet yang cepat, nah bagaimana kalau sebaliknya. Salah satu caranya adalah dengan meng kompres file yang kita punya dengan file kompresi seperti Winzip Atau Winrar supaya ukurannya menjadi lebih kecil.

Sekarang kita kembali lagi ke pokok bahasan kita yaitu cara mengoptimalkan kode-kode CSS di template kita. Lalu bagaimana caranya ?

Silahkan anda Sigin di Draft Blogger

dalam Dasbor masuk Tata Letak --> Edit HTML , Kemudian anda cari kode CSS.

Perlu diketahui kode CSS ini terletak diantara Tag <b:skin><![CDATA[ dan Tag ]]></b:skin>.

Terlebih dahulu anda backup dulu template anda untuk berjaga-jaga bila terjadi kesalahan. Kemudian anda copy seluruh kode CSS anda. Setelah itu buka link berikut, akan muncul tampilanseperti ini.

Ada tiga pilihan mode kompresi yaitu Light, Normal, dan Super Compact. Silahkan pilih dan coba saja. Selanjutnya dalam kotak isian seperti ini :

Paste kan kode CSS yang tadi anda copy, kemudian tekan Compress-Its. Setelah berhasil ter kompres, jangan lupa copy kode hasil kompres tersebut.

Selanjutnya anda kembali ke menu Edit HTML anda. Hapus Kode CSS yang lama dan paste kan kode CSS hasil kompres. Jangan lupa Save Template anda.

Sekarang anda coba buka halaman blog anda dan rasakan perbedaannya.

Tips ini mungkin sebagai salah satu cara dari sekian banyak cara yang dipakai supaya loading halaman blog kita lebih cepat terakses dengan koneksi internet yang pas-pasan.

**** Semoga Bermanfaat ****

Mendaftarkan Blog Di Search Engine Yahoo

2010-01-08T11:41:00.002+07:00

Banyak cara untuk mempopulerkan dan mempromosikan blog kita supaya dikenal di dunia internet, salah satunya dan menurut saya paling utama adalah terindex di search engine. Mungkin kita sudah tahu search engine yang paling terkenal dan terbesar saat ini adalah Google dan Yahoo, tentunya tanpa mengesampingkan search engine yang lainnya .

Pada postingan terdahulu saya pernah membahas bagaimana mendaftarkan blog di search engine Google

sekaligus cara memverifikasinya. Nah pada postingan kali ini, saya ingin menulis bagaimana mendaftarkan blog di search engine yahoo. Langsung saja ya, biar cepat -cepat ter index di yahoo.

Untuk daftar silahkan anda klik link ini : http://siteexplorer.search.yahoo.com/submit akan muncul tampilan berikut .

Klik "Submit a Website or Webpage" muncul tampilan berikut. Isikan alamat URL blog anda seperti di tunjuk tanda panah merah.

Jika muncul tampilan berikut, masuklah dengan id yahoo anda, jika belum punya buatlah dulu account di yahoo. Caranya dengan membuat account email di yahoo. Pasti anda sudah pada paham cara daftar email, jadi tidak akan saya bahas.

Selanjutnya anda dihadapkan pada halaman notifikasi bahwa URL anda telah masuk daftar index yahoo. Namun untuk memudahkan robot yahoo meng index kembali URL / blog anda,maka anda harus memverifikasi atau kalau di yahoo di Authenticated yaitu dengan memasukan meta tag. Cara untuk mendapatkan meta tag adalah anda klik My site di sebelah kiri kolom notifikasi, kemudian akan muncul "Add My Site " masukan alamat URL blog anda kemudian tekan add my site akan muncul tampilan berikut :

Tekan"By adding a Meta tag to my home page",(jangan dulu tekan " Ready to Authenticate ") silahkan anda copy meta tag yang muncul lalu paste ke direcrory blog anda, caranya adalah :

Sigin Ke draft blogger.

Dalam Dasbor masuk ke Tata Letak --> Edit HTML

Paste meta tag anda di bawah <head> sebelum <body> jangan lupa Simpan Template.

Setelah meta tag anda tersimpan di blog anda , anda kembali lagi ke jendela yahoo,sekarang baru anda tekan "Ready to Authenticate".

Nah sekarang anda tinggal menunggu search engine yahoo meng index blog anda.

**** Semoga Bermanfaat ****

Membuat Nasi Goreng Gurih Rica-Rica

2010-01-07T22:32:00.002+07:00

Resep Masakan Nasi Goreng Gurih Rica-Rica

Nasi Goreng, masakan ini sudah tidak asing lagi di telinga kita. Bahkan anda pun pasti pernah membuat nasi goreng. Nah kali ini saya akan menyajikan satu resep membuat nasi goreng, mungkin bagi anda yang ingin buka usaha nasi goreng, siapa tahu bisa dijadikan menu special he..hee..

Biar tidak lama langsung saja kita praktek :
Bahan :

600 gram nasi putih
1 kaleng tuna rica rica
1/2 buah bawang bombay diiris panjang
1 sendok teh garam
3/4 sendok teh gula pasir
1/4 sendok teh merica bubuk
1 batang daun bawang, dipotong 1 cm
1 butir telur, dibuat dadar kemudian diiris panjang kecil
1 sendok makan margarin

Cara Membuat :

Panaskan margarin, tumis bawang bombay sampai harum. Masukkan tuna rica rica, aduk
Tambahkan nasi putih , garam, merica bubuk, gula pasir dan daun bawang. Aduk sampai matang
Tambahkan telur dadar yang sudah diiris diatas nasi goreng, selanjutnya siap maaakan

Fungsi dari gula putih adalah pengganti vetsin.

**** Selamat Mencoba ****

Membatasi Jumlah Posting Berhubungan (Related Post)

2010-01-05T15:15:00.004+07:00

Pada postingan mengenai bagaimana membuat "Posting Berhubungan Dalam Label Yang Sama (Related Post)". Jika anda belum membacanya dan bagaimana menerapkannya di blog anda silahkan anda baca dulu disini . Sedangkan kode script nya adalah seperti dibawah.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Nah, sekarang bagaimana supaya posting yang berhubungan itu tidak ditampilkan semuanya alias dibatasi, misalnya menjadi 15 atau 10 . Caranya sangat mudah dan gampang, mau tahu caranya ?.

Caranya adalah Coba anda perhatikan kode diatas yang saya warnai merah, nah anda tinggal mengganti angka 100 menjadi angka yang sesuai dengan jumlah related post yang ingin ditampilkan misalnya menjadi 10 atau berapa saja tergantung anda. Mudah bukan..

Jangan lupa setelah anda ganti, anda Save.

**** Semoga Bermanfaat ****

Cara Membuat Daftar Posting Ada Kotak Scroll

2010-01-05T07:01:00.002+07:00

Mungkin suatu waktu anda ingin menampilkan semua judul postingan anda dihalaman depan blog , sehingga pengunjung yang datang ke blog anda tidak susah untuk mencari artikel-artikel yang dibutuhkannya.

Bila jumlahnya masih sedikit mungkin tidak menjadi masalah. Tapi coba bayangkan jika jumlahnya sudah mencapai puluhan bahkan ratusan, tentu membuat tampilan blog kita kurang menarik karena dipenuhi oleh judul-judul tersebut.. Mungkin ini adalah salah satu solusi supaya judul-judul postingan bisa ditampilkan seluruhnya tanpa memenuhi halaman blog anda, yaitu dengan membuat daftar judul postingan dalam kotak yang bisa di scroll. Contohnya seperti ini :

Istilah Dalam Dunia Internet

Apa Itu Google Wave

Anti Virus Asli Indonesia SMADAV

Aplikasi Mempercepat Startup Photosop

Wallpper Shifter

Start Killer Tool Penyembunyi Tombol Start

Aplikasi Dekstop 3D PhotoJoy

Aplikasi Konversi Image Dan Audio

MyUninstaller Aplikasi Add / Remove

Dengan cara ini meskipun judul yang ingin ditampilkan mencapai ribuan tidak akan membuat halaman anda menjadi penuh dengan judul, pengunjung tinggal men scroll jika ingin mencari artikel yang dibutuhkan. Jika anda ingin membuatnya silahkan copy kode di bawah :

Kemudian anda paste, mau di sidebar, mau di bawah header tergantung mau anda dan tersedianya kolom widget di template anda .

Sedikit penjelasan :

Jika anda ingin menampilkan icon kecil buatan anda sendiri disamping daftar yang dibuat, silahkan ganti alamat link image yang diwarnai merah dengan link image url anda. Yang diwarnai orange adalah ukuran dari kotak, silahkan anda rubah ukurannya, sesuaikan dengan ukuran blog anda. Kemudian yang diwarnai biru, itu adalah alamat link posting anda. jadi anda ganti dengan alamat link posting anda yang ingin di buat daftarnya.

Mudah-mudahan sedikit keterangan ini bisa membantu anda semua.

**** Semoga Bermanfaat ****

Memasang Widget Jumlah Pengunjung / Flag Counter Di Blog

2010-01-04T12:48:00.002+07:00

Kurang afdol rasanya bila blog atau web yang kita buat tidak dipasangi gadget yang satu ini. Meskipun tidak harus, tapi setidaknya kita bisa mengetahui berapa orang yang telah mengunjungi Blog atau Web yang kita buat. Meskipun jumlahnya masih sedikit seperti blog punya saya ini, tapi kita bisa tahu berapa orang perharinya yang telah berkunjung ke blog / web kita meskipun kunjungannya tidak disengaja alias terdampar.

Bahkan mungkin dengan memasang gadget, kita bisa berusaha untuk meningkatkan lagi jumlah pengunjung tentunya di barengi artikel -artikel yang menarik.

Jadi jika blog anda belum dipasangi gadget ini dan bagi yang mau tapi belum tahu cara memasangnya silahkan ikuti cara mendapatkan dan memasangnya di blog.

Masuk ke Website flagcounter akan muncul tampilan sebagai berikut :

Anda bisa meng kustomisasi tampilan dari flagcounter ini.

Keterangan gambar :

Maximum flag to show : Disini anda bisa mengatur berapa jumlah bendera yang ingin ditampilkan di blog.
Colums of flag : Berapa colum yang akan dtampilkan di blog anda bisa 3, 4, 5 dst, tergantung kebutuhan anda.
Label on Top of Counter : Nama yang akan ditampilkan diatas gadget anda. Anda bisamerubahnya misalnya menjadi "pengunjung" atau apa saja terserah anda.
Background Color : Mengganti latar belakang warna gadget.
Text Color : Mengganti warna text
Border Color : Mengganti warna garis yang mengelilingi gadget
Show Country Code : Jika anda ingin menampilkan kode identitas berdasar dari negara mana datangnya pengunjung, beri tanda centang pada kotak ceklis, jika tidak jangan beri tanda ceklis.
Show Pageview Count : menampilkan jumlah halaman yang dilihat, jika ingin ditampilkan beri tanda ceklis. Jika tidak biarkan saja.

Setelah itu untuk mendapatkan kode anda tinggal tekan icon "GET YOURS FLAG COUNTER", Akan muncul tampilan berikut :

Untuk di tampilkan di blog atau web anda copy kode yang di beri tanda panah merah, sedangkan untuk forum copy yang dibawahnya. Tetapi karena bahasan kita untuk blog, copy saja yang diatasnya. Selanjutnya anda SigIn di blogger

Dalam Dasbor masuk Tata Letak --> Elemen Halaman

Sekarang anda tinggal menyimpannya mau dimana, disidebar, atau di footer yang penting ada menu tambah widget.Misalnya anda mau tempatkan disidebar, buka tambah widget --> HTML / Javascrip. Pastekan kode yang tadi disini. Kemudian save.

Sekarang lihat blog. Kini blog anda sudah mempunyai gadget Flagcounter.

**** Selamat Mencoba ****

Pasang Widget Pelacak IP Address Di Blog

2010-01-04T05:34:00.001+07:00

Bagi anda yang suka memasang berbagai widget baik di blog maupun web, belum lengkap rasanya jika belum memasang widget yang satu ini. Selain bisa menampilkan System operasi yang kita atau pengunjung gunakan, juga bisa menampilkan alamat IP dan dari negara mana pengunjung yang datang dan juga browser yang digunakan. Ya, widget yang satu sering disebut Widget IP Address. Contohnya salah satunya bisa lihat gambar dibawah ini :

Sebenarnya banyak widget seperti ini dengan berbagai fasilitas yang diberikan tentunya, tetapi contoh yang di atas merupakan widget yang saya gunakan . Anda bisa search di internet tentang berbagai widget ip address tersebut. Untuk mendapatkan widget seperti di atas , silahkan anda Download disini , lalu copy kode scriptnya. Jangan lupa ambil yang berbahasa english tampilannya.

Setelah anda Download kode script nya, anda tinggal menempatkannya , seperti biasa anda SignIn di Draft Blogger

Dalam Dasbor --> Tata Letak --> Elemen-Halaman

Tambah widget --> HTML / Javascript, pastekan kode yang tadi anda copy disini.

Sesudah itu jangan lupa anda save. Nah sekarang di blog anda sudah terpasang Widget Pelacak IP Address.

**** Selamat Mencoba ****

Membuat Tumis Udang

2010-01-03T17:30:00.002+07:00

Resep Masakan Tumis Udang

Udang adalah jenis dari ikan yang bisa di budidayakan baik di air laut maupun air tawar. Banyak cara dan ragam untuk mengolah udang menjadi makanan yang enak. Salah satuya adalah seperti yang akan saya tuliskan disini. Langsung saja ya, soalnya ngomongin soal masakan perut jadi minta di isi. nih , bawaannya laper .he..he..

Bahan :

500 gram udang pancet ukuran sedang
1 sendok makan jeruk nipis
1/2 sendok teh garam
4 lembar daun salam koja
1 batang serai, memarkan
1 lembar daun pandan
100 ml air
1 buah asam kandis
3 sendok makan minyak goreng

Bumbu Halus :

3 buah cabai merah
3 buah cabai rawit
1 sendok teh ketumbar
1/4 sendok teh jintan
1/4 sendok teh adas manis
1/4 sendok teh merica
4 sendok makan k3lapa sangrai

Cara Membuat :

Buang kepala udang dan kulit nya, sisakan ekornya lalu buang kotorannya. Lumuri udang dengan air jeruk dan garam, tambahkan bumbu halus lalu diamkan selama 15 menit.
Panaskan minyak lalu masukkan udang dan bumbunya, aduk sampai berubah warna.
Masukkan daun salam koja, serai, daun pandan, dan asam kandis. Aduk rata, setelah harum masukkan air, lalu masak sambil diaduk hingga bumbu meresap.

Setelah beres jangan lupa , dimakan ya biar nggak laper lagi..he..he..

**** Selamat Mencoba ****

Membuat Telur Petis

2010-01-03T17:07:00.002+07:00

Resep Masakan Telur Petis

Mungkin dari anda sekalian sudah tidak aneh dengan yang namanya rujak petis. Nah kali ini saya akan menuliskan resep membuat petis,cuma beda loh dengan cara membuat rujak petis, yang sama nama belakangnya saja. Kali ini di buat dengan telur, Jadi namanya adalah Telur Petis.

Bagaimana cara membuat telur petis ini, ikuti saja cara-cara di bawah ini :

Bahan :

10 butir telur rebus, di kupas
10 buah cabai rawit
2 lembar daun salam
1 batang serai, dimemarkan
1 batang temu kunci, dimemarkan
8 sendok makan petis
1 sendok makan air asam jawa
400 ml santan dari 1/2 butir kelapa
1/2 sendok teh garam, 3 sendok makan untuk menumis

Bumbu Halus :

2 butir bawang merah
3 siung bawang putih
1 cm lengkuas
2 cm kunyit
1 cm jahe

Cara Membuat :

Tumis bumbu halus sampai harum, masukan serai, salam, dan temu kunci. Aduk rata.
Tuang santan dan petis, aduk hingga tercampur rata
Masukkan telur cabe rawit, dan air asam jawa
Masak sampai bumbu meresap. Angkat dan siap untuk dihidangkan

Cukup Untuk 8-10 porsi

**** Selamat Mencoba ****

Tips mengatasi Joystick Sony Ericsson Yang Macet

2009-12-30T18:12:00.003+07:00

Jika anda pengguna Handphone Sony Ericsson yang menggunakan joystick, kendala yang sering terjadi adalah susahnya atau macetnya joystick. Misalnya kadang-kadang jika diarahkan keatas, bawah, kiri dan kanan kursornya tidak bergerak atau macet, kadangkala jalan. Itu biasanya disebabkan karena banyaknya debu atau kotoran yang masuk kecelah-celah joystick.

Seperti biasa anda jangan dulu buru-buru pergi ketukang service Handphone, anda coba saja lakukan sendiri dirumah, disamping menghemat juga sambil belajar. Cobalah ikuti dulu langkah-langkah atau trik yang akan saya berikan.

Trik ini bisa dilakukan pada semua jenis Handphone Sony Ericsson yang memakai Joystick. Sudah siap !!

Peralatan yang diperlukan :

Penetrans seperti WD 40 atau sejenisnya --> biasa dipakai untuk menghilangkan karat dan melumasi alat-alat yang seret atau macet.

Selanjutnya anda matikan Handphone, lepas baterai, dan lepaskan casing bagian depan.Kemudian anda lepaskan tombol plastik diatas joystick, hati-hati melepasnya, perlahan-lahan saja jangan sampai malah joysticknya ikut lepas karena anda terlalu keras mencabutnya, Malah bisa lebih berabe nantinya.

Ambil Penetrans(biasanya disertai selang kecil), semprotkan dulu kesembarang tempat atau ketisu sedikit saja jangan keras-keras, asal jangan disemprotkan kemata saja, bisa berabe nantinya. Bekas semprotan itu biasanya ada bekas tetesannya. Nah tetesan itu anda teteskan ke joystick. Lalu anda tekan ke kiri kanan atas bawah, biar cairan nya meresap. lakukan beberapa kali, misalnya 3 sampai 4 kali.

Kemudian anda keringkan bekas tetesannya jangan sampai kena daleman lcd, Jangan takut korslet karena cairan penetran tersebut biasanya Anti Statik.

Catatan : jika dengan cara diatas tidak berhasil, terpaksa deh harus diganti Joysticknya.

**** Semoga Bermanfaat ****

Cara Membuka Hp Samsung Yang Terkunci / Unlock

2009-12-30T17:12:00.001+07:00

Bagi anda yang mempunyai Handphone Merk Samsung , dan mempunyai masalah karena Handphone nya terkunci, tidak usah terburu-buru pergi ketempat Service Handphone, anda bisa coba melakukannya sendiri di rumah, bila tetap tidak bisa, baru deh dibawa ketempat service Handphone.

Trik ini bisa dilakukan pada Hp-Hp samsung keluaran Lama dan bisa dicoba juga pada Hp samsung keluaran baru. Silahkan anda ikuti langkah-langkahnya :

Lepaskan sim dari Handphone anda, kemudian nyalakan Handphone.

Ketikan kode dibawah, anda bisa mencoba kedua-duanya. Setelah kode dimasukan, Handphone akan melakukan restart. Tunggu beberapa detik atau menit sampai Handphone anda menyala sendiri.

Bila tidak menyala sendiri setelah beberapa menit, anda boleh menyalakannya secara manual.

*2767*3855# - (FULL E2P RESET)
*2767*2878# - (CUSTOM E2P RESET)

Catatan : Kode ini juga bukan hanya untuk unlock, tapi bisa juga dilakukan bila Handphone anda mengalami masalah program error karena aplikasi-aplikasi yang ditambahkan mengalami masalah.

**** Semoga Bermanfaat ****

Cara Membuat Favicon

2009-12-30T15:34:00.002+07:00

Apa itu Favicon ?

Favicon merupakan kependekan dari “Favorite Icon “, adalah sebuah ikon berupa gambar kecil (biasanya berukuran 16 px—16 px) yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi sebuah situs atau blog.

Contohnya lihat gambar yang dilingkari warna merah.

Nah itu adalah logo favicon dari blog saya. Sekarang bagaimana blog anda juga bisa menampilkan favicon .

Untuk menampilkan favicon , silahkan anda buat gambarnya dulu dengan program pengolah photo, misalnya dengan photosop, photo impact, ataupun yang lainnya.

Biar tidak susah dalam membuat gambarnya, cobalah anda buat ukuran gambarnya dalam ukuran misalnya 100 px X 100 px.dulu, nanti setelah selesai baru anda perkecil dalam ukuran favicon, kira-kira 16 px X 16 px.Simpanlah dalam format jpg, bmp, atau png.

Atau jika anda ingin lebih mudah memperkecil ukuran gambarnya , bisa gunakan program favicon Generator. Untuk menggunakannya silahkan klik disini.

Sekarang bagaimana sebuah gambar atau image bisa online ?.

Supaya gambar / image bisa online anda harus meng- upload nya kesitus-situs penyedia layanan hosting image, contohnya seperti Photobucket, imageshack, atau TinyPic.

Sedangkan kode untuk supaya gambar favicon tampil di blog anda seperti dibawah, silahkan copy dan ganti alamat url berwarna merah dengan alamat url image anda.

Uups, lupa terlebih dahulu anda login dulu ke draft blogger

Dalam Dasbor masuk Tata Letak --> Edit HTML

Cari kode ini ]]></b:skin> dan tempatkan tepat di bawahnya.

Simpan Template

Sekarang coba lihat hasilnya.

**** Selamat Berkreasi ****

Mempersempit KeyWord Dengan GBT (Google Better 1.3)

2009-12-30T13:02:00.001+07:00

Search Engine yang saat ini banyak digunakan, salah satunya adalah Google. Berbagai informasi dapat dicari melalui Google. Tidak semua pengguna Google mengerti sepenuhnya dalam penyusunan kata pencarian sehingga informasi yang didapatkan tidak maksimal, tidak efektip , dan tidak tepat guna. Penyusunan kata kunci yang benar diperlukan unruk melakukan filter terhadap halaman website.

Semakin tepat kata kunci, semakin sedikit pula kita menemukan halaman yang informasinya tidak tepat sehingga dapat mengefisiensikan waktu pencarian. Tidak perlu banyak menelusuri halaman dalam jumlah yang lebih banyak, san juga mengoptimalkan jumlah halaman pencarian. Kata kunci tersusun tersebut mempunyai pola tertentu dimana dapat dipelajari, namun cukup rumit dipahami bagi beberapa orang.

Untuk memudahkan penyusunan kata kunci pencarian dapat menggunakan aplikasi lain, salah satunya adalah GBT ( Google Better1.3 ). Dengan penggunaan GBT, anda dapat menemukan berbagai informasi yang diinginkan dengan mudah, misalnya mencari mp3, film, e-book, aplikasi, torrents, free hosts, dan lain sebagainya, dipandu dalam graphical interface dan ketersediaan pilihan lengkap penyusunan pencarian, tanpa harus mempelajari parameter terrentu/pola yang diterima search engine ( google ).

OS: Windows XP/Vista

Besar File : 1.68MB

Pastikan sistem anda memiliki Net, Framework 2, sebelum melakukan instalasi GBT.

Silahkan Download Disini atau bisa juga Download Disini.

**** Semoga Bermanfaat ****

Alexa Ranking : Tips Meningkatkan Blog Di Alexa

2009-12-29T23:49:00.004+07:00

Apa Itu Alexa Rank ?

Sebelum ke cara-cara meningkatkan Alexa Rank, ada baiknya Anda mengetahui dulu apa itu Alexa Rank. Bila disederhanakan, Alexa Rank adalah ranking trafik suatu situs atau blog.

Adapun menurut situs Alexa.com, alexa rank dihitung berbasis aggregat trafik 3 bulanan dari jutaan pengguna Alexa Toolbar dan merupakan sebuah ukuran kombinasi dari page views dan pengunjung. Pada tahap pertama, Alexa menghitung jumlah pengunjung dan jumlah page views untuk semua situs dan blog secara harian.

Dari definisi tersebut, maka yang berperan penting dalam alexa rank adalah Alexa Toolbar, jumlah pengunjung, dan jumlah page views yang dihitung berdasarkan jumlah orang yang mengunjungi situs/blog bersangkutan dengan alexa toolbar terinstal di browser yang digunakannya.

Setelah sekian lamanya mencari tahu bagaimana meningkatkan Alexa Ranking di google, diberbagai blog ataupun web yang membahas cara meningkatkan traffic di Alexa, saya dapat menyimpulkan bahwa ada beberapa cara atau tips untuk meningkatkan Alexa rank, yaitu :

Alexa Traffic
Blogwalking
Alexa Toolbar
Alexa Widget
Alexa Blog/content

Berikut adalah deskripsinya :

1. Alexa Traffic

Langkah yang paling dasar : Mendatangkan sebanyak mungkin traffic. Karena ide awal dari Alexa rank adalah untuk menentukan website mana yang memiliki traffic paling banyak dengan asumsi, banyak traffic = lebih populer. Pada dasarnya Alexa adalah ranking popularistas suatu website.

2. Blokwalking

Ini cara yang sangat berguna sekali untuk mempromosikan blog kalian agar para blogger bs mengetahui keberadaan blog kalian, dari sini pun kalian akan menemukan banyak sahabat blogger dan yang hampir mungkin bisa jadi pengunjung setia blog kalian.

3.Alexa Toolbar

Menggunakan browser yang terinstall toolbar Alexa bisa ningkatin ranking website kamu. Sebenarnya bukan hanya websitemu, setiap website yang dikunjungi browser yang terinstall toolbar Alexa juga mendapat “nilai” yang akan diperhitungkan dalam ranking. Lalu, bukankah pengunjung pasti dari websitemu adalah dirimu sendiri? Jadi, kalau browsermu sudah terinstall toolbar, maka penambahan point ranking akan terjadi secara otomatis.

Klik di sini untuk daftar dan install

4. Alexa Widget

Pasang Alexa site stat widget di websitemu. Alexa site stat ini mengandung javascript yang mengantarkan setiap data pengunjung (ping) ke server Alexa sehingga statistik Alexa menjadi lebih akurat. Ga perlu malu pasang Alexa widget yang gede, untuk mencapai hasil yang diinginkan tentunya ada harga yang harus dibayarkan.

5. Alexa Blog/content

Tulis/blog tentang Alexa di blogmu. Webmaster dan Blogger suka cara-cara untuk meningkatkan ranking Alexa. Buat artikel yang berkaitan dengan Alexa Ranking atau semacam tips tentang Alexa.

Bisakah meningkatkan Ranking Alexa dengan cara diatas ?. Kenapa tidak dicoba , mudah-mudahan cepat terus meningkat Alexa Ranking-nya !!

**** Semoga Bermanfaat ****

Membuat Sate Jeroan Bumbu Merah

2009-12-29T20:31:00.001+07:00

Resep Masakan Sate Jeroan Bumbu Merah

Resep ini alternatif dari membuat sate yang biasanya di buat dari daging kambing , ayam, sapi, dan yang lainnya. Tapi kali ini akan dibuat dari jeroan daging sapi. Silahkan ikuti langkah-langkahnya ;
Bahan

600 gram jeroan sapi (bisa usus, babat, limpa, paru atau hati)
2 lembar daun jeruk

Bumbu Halus

8 butir bawang merah
2 siung bawang putih
5 butir kemiri
2 buah cabai merah
1 buah tomat
garam dan merica secukupnya

Cara Membuat

Tumis bumbu halus sampai harum bersama daun jeruk. Masukkanjeroan sapi. Aduk sampai berubah warna.
Teruskan memasak diatas api kecil sampai kuah mengering. Tusuk jeroan yang sudah masakdengan tusuk sate. Tiap tusuk terdiri dari 5 potong atau sesuai keinginan anda.
Bakar diatas arang sampai matang

Siap untuk disantap

**** Selamat Mencoba ****

Cara Membuat Pempek Enak

2009-12-29T14:01:00.004+07:00

Resep Masakan Membuat Pempek

Yang suka makan pempek , jangan beli saja dong, sekali-kali bikin gitu biar lebih puas. Mau tahu cara bikin pempek itu bagaimana ?. Tenang-tenang akan saya tulis . Silahkan anda coba dan praktekkan sendiri ya , jangan suruh orang lain...he..hee...

Bahan

500 gram daging ikan tenggiri atau gabus, dihaluskan
10 sendok makan air es
30 gram tepung terigu
130 gram tepung kanji
1/2 sendok teh vetsin
2 sendok teh garam

Bahan Cuka (sayurnya / kuahnya)

750 ml air
250 gram gula merah disisir halus
50 gram asam jawa
2 sendok teh cuka
6 siung bawang putih, dicincang halus
3 sendok makan ebi, sangrai, haluskan
10 buah cabai rawit merah, dihaluskan
1 sendok makan tongcai
2 sendok teh garam

Cara Membuat

Aduk ikan yang sudah dihaluskan dengan air es.
Tambahkan garam, tepung terigu, dan tepung kanji. Uleni sambildibanting-banting hingga kalis dan tidak menempel di tangan.
Bentuk bulat panjang atau diisi dengan telur lalu rebus dalam air mendidih hingga terapung. Angkat dan dinginkan. Goreng sebentar lalu potong-potong dan sajikan dengan potongan ketimun, soun, dan cuka.
Buat cuko, didihkan air, gula merah, asam jawa, dan cuka lalu saring. Tambahkan cabe rawit, ebi, garam, tongcai. Didihkan lagi lalu angkat dan dinginkan sebelum disajikan , tambahkan cuka.

Beres, selanjutnya anda tinggal...maaakan.
Untuk 13 potong pempek.

**** Selamat Mencoba ****

Membuat Sup Tekwan

2009-12-29T07:21:00.001+07:00

Resep Masakan Sop Tekwan

Kali ini resep yang akan saya tulis adalah Sup Tekwan. Pernah ngerasain sup tekwan belum. Jika belum silahkan lihat resep dibawah . Untuk bahan pembuatannya sup tekwan mempunyai dua bahan, yaitu bahan kuah dan bahan bakso :

Bahan Kuah

50 gram bunga sedap malam
30 gram jamur kuping
300 gram udang, dicincang kasar
1 batang daun bawang, diiris halus
1 batang daun seledri, diiris halus
2 sendok teh garam
1 buah bengkuang, dipotong korek api (dalamnya korek)
3/4 sendok teh cuka
1.750 ml air
2 sendok makan minyak untuk menumis
bawang goreng untuk menyajikan

Bahan Bakso

150 gram tepung kanji
25 gram tepung terigu
200 gram ikan tenggiri
1 putih telur
75 ml air
1/4 sendok teh garam

Bumbu halus : 7 siung bawang putih, 1 1/4 sendok teh merica

Cara Buat

Buat bakso ikan, aduk bahan bakso sampai kalis, bulatkan sebesar kelereng kecil lalu rebus dalam air mendidih hingga terapung, angkat dan sisihkan.
Kupas udang lalu sangrai kulitnya hingga berubah warna. Tuang air lalu didihkan, angkat dan saring.
Tumis bumbu halus sampai harum, masukkan udang yang dicincang, bengkuang, jamur, sedap malam. Tuang kaldu lalu didihkan.
Masukkan bakso ikan, daun bawang, seledri, garam dan cuka. Angkat dan sajikan dengan taburan bawang goreng.

Nah, sekarang tinggal menikmatinya.

**** Selamat Mencoba ****

menambah: Mengganti Warna pada Main, Sidebar, Dan Body Template

2009-12-28T21:14:00.170+07:00

Mengganti atau menambah warna pada template blogger sebenarnya sangat mudah untuk dilakukan, anda hanya tinggal masuk ke menu tata letak --> font dan warna, kemudian tinggal ubah sesuai keinginan anda. Tetapi yang akan kita bahas disini adalah bagaimana mengganti warna pada template Minima. Seperti diketahui jika anda ingin mengubah warna main wrapper, sidebar wrapper pada template minima, ada dua cara.
Cara pertama adalah dengan menambah atau mengubah kode warna pada css style pada edit HTML.
Kemudian cara yang kedua dengan mendefinisikannya dengan variable juga pada edit HTML.
Tips ini nantinya bisa anda terapkan pada template yang lainnya.
Langsung saja kita praktekkan :
LogIn di Draft Blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML
Lihat kode ini

#outer-wrapper {
background : #acaf92;
width: 930px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
background : #eeefe6 ;
width: 470px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
background : #eeefe6 ;
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Kode yang diwarnai merah adalah kode tambahan supaya main, sidebar dan outer wrapper ada latar belakang atau backgroudnnya. Anda bisa merubah warnanya dengan merobah kode HEX nya misalnya #ffffff untuk warna putih, #000000 untuk warna hitam. Jika anda kesusahan untuk mendapatkan kode warna yang sesuai dengan keinginan anda , anda bisa gunakan program editing photo, seperti photosop.

Atau jika anda tidak ingin bingung dan ingin mencoba, anda gunakan Color Code Generator disamping kanan postingan ini . Coba cari deh. ada enggak.?

Jika anda ingin lebih mudah dalam mengganti warna -warni template, dan tidak ingin pusing dalam memasukan kode-kode warna hex, anda gunakan cara kedua ini yaitu dengan membuat variable warna dan mendefinisikannya. Dengan cara ini anda tinggal merubah warna keseluruhan template cukup dalam pengaturan font dan warna di menu tata letak.

Kode untuk variable adalah seperti contoh ini :

<Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">

   Sedikit keterangan, bgcolor nama variable yang dipakai untuk mendefinisikan warna yang digunakan pada body, pada template default minima. Nama ini bisa di ubah sesuai kehendak anda, asal nantinya penamaan yang dipakai harus sama dengan nama yang akan dibuatkan variablenya.

Kemudian page background color adalah deskripsi atau nama yang akan dipakai / muncul pada menu font dan warna nantinya. Anda bisa merubah nama ini sesuka hati anda.

Biar tidak pusing dengan keterangan keterangan diatas , langsung saja praktek biar lebih jelas.
Login ke Draft Blogger
Dalam Dasbor masuk --> Tata Letak --> Edit HTML
Misalkan kita ingin menambah background warna pada outer wrapper dengan menggunakan variable.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: $outerbgcolor ;
width: 930px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
background: $mainbgcolor ;
width: 470px;
float: $startSide;
padding-left: 10px;

#sidebar-wrapper {
background : $sidebarbgcolor ;
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#widget-wrapper {
background : $ widgetbgcolor ;
width: 190px;
float: right;
padding-left:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

Keterangan : Yang di warnai merah adalah kode yang harus anda tambahkan.Jadi kode variable nya seperti ini, untuk outer wrapper :

<Variable name="outerbgcolor" description="outer Background Color"
             type="color" default="#fff" value="#ffffff">

Silahkan anda buat nama variablenya untuk main wrapper, sidebar wrapper, dan widget wrapper dengan melihat contoh diatas. Setelah selesai jangan lupa Simpan Template.

kemudian coba di pengaturan font dan warna untuk mencoba hasilnya.

**** Semoga Bermanfaat ****

Kode Menambah tiga kolom Di bawah Header

2009-12-28T16:15:00.003+07:00

Untuk anda yang senang memasang berbagai gadget di Blog , dan ingin memasangnya di bawah header tentu sedikit kecewa karena karena cuma satu yang disediakan pada template asli blogger .Nah, jika anda ingin menambah misalnya tiga kolom itu sangat mudah sekali, apalagi jika anda pernah membaca postingan saya tentang "Membuat Tiga Kolom dibawah Posting". Jika anda belum sempat membacanya, silahkan baca dulu disini, biar nantinya anda lebih paham dan lebih mudah dalam menerapkannya.

Pada postingan mengenai membuat tiga kolom dibawah posting, hasilnya seperti gambar ini :

Nah , jika anda sudah selesai membaca postingan yang disebutkan diatas, sekarang anda

Sign In ke Draft Blogger

Dalam Dasbor --> Tata Letak --> Edit HTML

Pada postingan "Membuat Tiga Kolom dibawah Posting",kodenya seperti ini :

/* Bottom
---------------------------- */

#bottom {
width: 930px;
position: relative;
clear:both;
margin: 0 auto;
color:#000;
float: left;
padding: 0;
}

#left-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#center-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#right-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

nah anda tinggal menduplikat kode yang diatas. kemudian anda ganti nama yang diwarnai merah. Misalnya, karena akan ditempatkan dibawah header yang posisinya diatas maka nama bottom anda rubah menjadi atas, top atau sesuai kehendak anda. Sedangkan untuk ukuran lebar / width anda rubah sesuai ukuran lebar template anda.

Biar lebih cepat copy saja kode berikut :

/* Atas
---------------------------- */

#atas {
width: 930px;
position: relative;
clear:both;
margin: 0 auto;
color:#000;
float: left;
padding: 0;
}

#left-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#center-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#right-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

Tempatkan diatas kode ini ]]></b:skin>

Pada postingan yang lalu, id untuk bottom adalah

<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>

Cari kode ini :

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
</b:section>
      </div>

Nah, anda ganti deh nama yang berwarna merah dengan atas , jadi seperti ini , kemudian anda copy .

<div id='atas'>

<b:section class='atas' id='left-atas' maxwidgets='1'>

<b:section class='atas' id='center-atas' maxwidgets='1'/>

<b:section class='atas' id='right-atas' maxwidgets='1'/>

</div>

Pastekan deh kode yang diatas, di atasnya kode ini :

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
</b:section>
      </div>

Simpan Template

Maka template anda jika berhasil seperti ini :

**** Semoga Berhasil ****

Apa Itu Google Wave

2009-12-25T14:06:00.003+07:00

Google wave merupakan sebuah platform komunikasi yang berlangsung secara Real Time. Merupakan gabungan atau kombinasi dari layanan jejaring sosial, webchat, fitur e-mail, instant massaging dan wiki ke dalam satu client komunikasi in-browser.

Anda bisa berbagi file, chatting atau pasang status yang bisa dilihat oleh teman-teman anda yang menggunakan Google Wave, selain itu fitur yang disediakannya sangat beragam dan inovatif. Dengan wiki anda bisa meng-edit informasi dan menambahkan komentar. Terus setiap hal yang anda tuliskan bisa diterjemahkan secara otomatis.

Beberapa keunggulan istimewa yang di punyai Google Wave, diantaranya :

Wave Gadget. Ini adalah salah satu jenis extensi yang dimiliki Google Wave. Hampir semua gadget iGoogle dan Open Social bisa berjalan di Google Wave. Beberapa Gadget yang sudah di sediakan Google Wave diantaranya Sudoku, Bidder (mengubah wave yang anda gunakan menjadi ajang lelang) Maps (untuk berkolaborasi dengan Google Maps).
Wave Robots.Ini seperti anda memiliki orang ketiga dalam sebuah percakapan di dalam Google Wave. Robots ini dapat berinteraksi dengan pengguna, berkomunikasi dengan penguna Wave lain, dan dapat memodifikasi informasi di Wave. Beberapa Robot yang sudah disertakan di aplikasi ini diantaranya : Debuggy (debugger in-wave), Stocky (menayangkan harga saham, sesuai nama saham yang disebutkan), dan Tweety (menampilkan tweet dalam suatu Wave).
Wave embeds. Memungkinkan Google Wave ditampilkan di website pihak ketiga. Wave yang di-embed tersebut akan mendukung banyak fungsi dari Google Wave client aslinya. Embed yang telah dibuat Google diantaranya, You Tube Playlist Discuss dan Multiple Extensions Embed.

Untuk bisa memakai Google Wave (saat artikel ini ditulis), anda harus mendapat undangan dulu dari teman yang sudah punya akun di Google Wave. Minta mereka mengundang kita supaya dalam satu atau dua hari kita bisa pakai Google Wave.

Bila belum punya teman yang sudah mempunyai akun di Google Wave, anda dapat mengajukan pada google disini.

Catatan : Bagi yang ingin nyaman google wave, gunakanlah salah satu dari tiga browser ini
~ Google chrome, firefox 3.5 ke atas, safari 4. untuk anda yang menggunakan Internet Explorer, IE anda harus di pasangi dulu Google Chrome Frame plug-in for IE, sedangkan untuk anda pengguna firefox dibawah versi 3.5 dan safari dibawah versi 4, anda pasangi / instal dulu Google Gears plug-in.

Layanan Pemendek URL Dari Google

2009-12-25T09:56:00.001+07:00

Layanan Pemendek URL Dari Google

Untuk anda yang punya alamat URL yang panjang,. kini anda bisa memendekan alamat URL anda dengan menggunakan "Google URL Shortener". Sebenarnya Banyak tersedia layanan penyedia pemendek URL di luaran sana seperti di TinyURL dan Bit.ly .
Menurut Pihak Google, "Google URL Shortener" mempunyai beberapa kelebihan diantaranya

Stabilitas - memastikan bahwa layanan yang memiliki uptime yang sangat baik
Keamanan - melindungi pengguna dari malware dan phishing halaman
Speed - resolusi cepat untuk memperpendek URL

Namun anda tidak bisa langsung menggunakan aplikasi ini jika anda datang ke website nya di http://goo.gl . Anda hanya bisa menggunakannya bila menggunakan aplikasi dari Google, seperti "Google Browser Toolbar" dan "Feed burner" milik Google. Jadi tidak bisa langsung digunakan dari Browser.

Dengan menggunakan "Google URL Shortener", anda bisa memendekan alamat URL hanya dalam beberapa karakter saja, sehingga anda dengan mudah bisa membagi, men-tweet, dan mengirimkan ke teman-teman anda via e-mail.

Sumber : www.google.com

Membuat Read More Di Template Classic

2009-12-25T00:47:00.002+07:00

Anda pernah melihat tulisan Read More di Blog yang menggunakan Wordpress, nah itu gunanya untuk membuat postingan kita terpotong atau disembunyikan.Tapi di Blog yang menggunakan Blogspot tulisan Read More tersebut tidak secara otomatis ( Untuk editor blogspot yang sekarang sudah ada menu Read More , akan dibahas pada postingan berikutnya ) ada tetapi harus di buat secara manual melalui menu template edit HTML. Untuk anda yang kesulitan membuat Read More, silahkan ikuti tutorial singkat untuk membuat Read More, tetapi ini untuk Template classic.

Silahkan masuk ke account Blogger -> Tata Letak -> Edit HTML.
Beri tanda tik pada menu " Expand Template Widget ".
Letakkan code dibawah tepat dibawah code ini ]]></b:skin> atau tepat diatas code </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Kemudian anda cari code berikut <p><data:post.body/></p>
Letakkan code dibawah ini tepat dibawah code diatas.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Kemudian klik simpan perubahan.
Masuk ke Pengaturan -> Format -> Template Entri. Isikan di kotak kosong code berikut.

<span class="fullpost">

</span>

Simpan Setelan.
Beres memasukkan code-code diatas, anda masuk ke area posting. Pilih Edit HTML jangan Compose, lihat apakah dihalaman sudah ada code ini

<span class="fullpost">

</span>

Jika ada, tulis postingan anda di depan atau diatas code, sementara akhir postingan di letakkan diantara code, Lihat contoh berikut.

" Tuliskan Postingan anda disini <span class="fullpost"> Sementara akhir Postingan di tulis di sini </span> ".

Klik Simpan atau Terbitkan Entri.
UPDATE : Silahkan Baca Disini

**** Selamat mencoba ****

Membuat Read More Berada Di Kanan Pada Blogger Baru

2009-12-24T23:44:00.003+07:00

Lagi-lagi bahasan mengenai Read More. Tetapi kali ini yang akan saya tulis adalah bagaimana cara membuat tulisan read more atau baca selengkapnya atau baca selanjutnya atau apalah terserah anda nanti mau di ganti dengan apa tulisan read more nya, berada di sebelah kanan.Tapi ini di buat untuk anda pengguna blogger baru atau template baru blogger.

Gambar 1

Coba lihat gambar 1 berikut, perhatikan tulisan Baca selanjutnya atau read more yang ditunjuk tanda panah. Tulisan Baca selanjutnya itu penempatannya berada di sebelah kiri. Sekarang anda lihat gambar 2, kelihatan kan bedanya. Pada gambar 2, tulisan Baca selengkapnya muncul di sebelah kanan.

Gambar 2

Jika pada postingan saya terdahulu yaitu mengenai "Pasang Read More Di Blogger Baru",( jika anda belum membacanya silahkan baca disini), anda hanya menempatkan kode yang berwarna merah dibawah kode berwarna biru seperti ini :

Nah, untuk memindahkan tulisan "Read More" atau Baca selanjutnya berada di sebelah kanan, anda cukup memindahkan kode yang berwarna merah jadi diatas kode berwarna biru, kemudian tambahkan kode berikut

Jika anda bingung ikuti saja langkah berikut :

Log In di Draft Blogger

Dalam Dasbor masuk Tata Letak --> Edit HTML

Kemudian centang Expand Template Widget

Hapus kode yang ini :

Ganti dengan kode yang ini :

<data:post.body/>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

</div>

Simpan Template. Sekarang lihat hasilnya.

**** Semoga Bermanfaat ****

Membuat Tiga Kolom Dibawah Posting / Diatas Footer (1)

2009-12-23T16:31:00.067+07:00

Artikel ini merupakan lanjutan dari cara menambah kolom di Template Minima. Buat anda yang baru berkunjung ke Blog ini ataupun pengunjung setia blog ini tapi belum sempat membaca cara memperlebar dan menambah kolom di Template minima silahkan baca disini.

Kali ini yang akan kita modifikasi adalah, menambah atau membuat tiga kolom di bawah postingan.. Seperti di ketahui pada artikel tentang "menambah lebar dan tambah kolom template blogger" hasil modifikasi nya adalah seperti gambar berikut :

Nah, sekarang langsung saja ketujuan kita yaitu membuat tiga kolom di bawah postingan.
Log In Ke Draft Blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML
Jangan centang Expand Template Widget

Cari kode ini ]]></b:skin>

Copy kode dibawah ini dan paste kan tepat diatas kode ini ]]></b:skin>

/* Bottom
---------------------------- */

#bottom {
width: 930px;background:#666666;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}

#left-bottom {
width: 290px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom {
width: 290px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

Di bagian paling bawah, anda cari kode ini :

<b:section class='footer' id='footer'/>

</div>

Copy kode dibawah, kemudian paste kan tepat diatas kode berwarna biru tadi.

<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>

Simpan Template.
Hasilnya seperti ini :

**** Selamat Mencoba ****

Cara Membuat Text Bergerak Dengan MARQUEE

2009-12-23T09:33:00.047+07:00

Pernah melihat Text yang bergerak saat anda mengunjungi Blog atau Website orang lain ? , tentu pernah bukan.
Untuk membuat text bisa bergerak anda hanya tinggal menambah kode marquee diantara tulisan yang anda buat.
Kodenya seperti berikut : <marquee>....</marquee>

Untuk menambah variasi biasanya ditambahkan atribut-atribut sebagai berikut :
Behavior : "scroll / slide / alternate" --> Untuk mengatur perilaku gerakan
Bgcolor ="warna" --> Untuk mengatur warna latar belakang / background teks
Direction ="left / right / up / down" --> Mengatur arah gerakan teks

Scroll --> Membuat teks bergerak berputar
Slide --> Mengatur teks bergerak sekali lalu berhenti
Alternate --> Memngatur text supaya bolak balik dari kiri ke kanan
Title ="pesan" --> Pesan akan muncul saat mouse berada di atas teks

Scrollamount ="angka" --> mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya.
Scrolldelay ="angka" --> Untuk mengatur gerakan tunda waktunya dihitung dalam mili detik
Loop ="angka|-1|infinite" --> Mengatur jumlah loop
Width ="lebar" --> Mengatur lebar blok teks dalam persen atau dalam pixel

Sebagai contoh saya akan membuat marquee dengan gerakan :

marquee dari kiri ke kanan

</marquee>

Hasilnya akan seperti ini :
marquee dari kiri ke kanan

Untuk merubah gerakan silahkan anda ganti pada Direction dengan left, up, atau down.

Contoh marquee dengan perilaku :

marquee dengan perilaku

</Marquee>

Hasilnya akan seperti ini :

marquee dengan perilaku

Kemudian yang ini contoh marquee yang ditambahkan warna latar belakang :

marquee dg warna background
</MARQUEE>

Contoh hasilnya seperti ini :

marquee dg warna background

Selamat berkreasi.

**** Semoga Berhasil ****

Menambah Lebar Dan Tambah Kolom Template Blogger

2009-12-23T05:20:00.005+07:00

Coba anda perhatikan gambar template ini, itu adalah template asli blogger. Hampir semua Template bawaan Blogger semuanya terdiri dari dua kolom, yaitu kolom untuk posting dan kolom sidebar untuk menempatkan Widget.
   Sekarang pertanyaannya apa bisa template itu lebarnya ditambah sekaligus menambah kolom ?, jawabnya tentu saja bisa. Saya akan tunjukan bagaimana caranya menambah lebar kolom template sekaligus menambah kolom baru.

Silahkan anda Log In di Draft Blogger
Dalam Dasbor masuk Tata Letak -> Edit HTML
Jangan centang Expand Widget Template
Kemudian anda cari kode seperti ini (sebagai catatan penamaan kode untuk tiap template mungkin saja berbeda, Tapi pada dasarnya sama).Sebagai contoh kode ini diambil dari template Minima :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Untuk merubah lebar template, anda cuma tinggal merubah angka yang di tandai warna merah. Terserah anda ukurannya mau berapa. Sebagai contoh saja, saya akan merubah ukuran dari angka-angka yang ditandai warna merah, menjadi seperti ini :

#header-wrapper {
width:940px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 940px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Footer
----------------------------------------------- */
#footer {
width:940px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Setelah anda merubah ukuran seperti di atas, otomatis sekarang template anda lebarnya telah bertambah. Tetapi , karena main dan sidebar wrapper belum diubah ukurannya, otomatis template anda mempunyai space yang kosong. Untuk menambah kekosongan itu, kita akan buatkan kolom sidebar yang baru sebagai tempat untuk menempatkan berbagai widget nantinya.
Silahkan anda copy kode untuk penambahan kolom sidebar dibawah ini :

#widget-wrapper {

width: 220px;

float: right;

padding: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Tempatkan dibawah sidebar-wrapper sehingga nanti urutannya seperti ini :

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 940px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;   /* ubah juga nilai ini ganti dengan 470 */
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
padding-left: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#widget-wrapper {

width: 200px;

float: right;

padding-left: 10px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Beres yang diatas, sekarang anda copy kode berikut :

<b:section class='sidebar' id='widget' preferred='yes'>

</b:section>

</div>

Kemudian anda simpan dibawah kode ini :

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

Jadi urutannya seperti ini :

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

<b:section class='sidebar' id='widget' preferred='yes'>

</b:section>

</div>

Simpan Template, sekarang coba lihat hasilnya.

**** Semoga Berhasil ****

Menambah Pesan Dibawah Kotak Comments

2009-12-22T16:55:00.001+07:00

Coba perhatikan Gambar di bawah :

Lihat kalimat yang di tunjuk garis warna merah di bawah "poskan komentar". Itu adalah sebuah pesan yang ditujukan untuk pengunjung yang ingin memberika komentar. Intinya supaya tidak memberi komentar yang berisi komentar spam.

Bagi yang ingin membuat pesan di bawah Poskan Komentar seperti di atas, silahkan lihat cara dibawah ini. Ada dua cara untuk membuat Pesan dibawah poskan komentar, silahkan ikuti caranya :

Log in ke Draft Blogger
Setelah ada di Dasbor -> Tata Letak -> Edit HTML
Beri ceklist pada Expand Template Widget

Cari kode ini <p><data:blogCommentMessage/></p>
Silahkan anda tulis pesan yang ingin di sampaikan di bawah kode diatas, sesudah beres jangan lupa Simpan Template. Coba lihat hasilnya.

Kemudian bila kita pengguna editor blog baru, tidak perlu menggunakkan cara diatas. Supaya pesan komentar muncul caranya adalah :
Masih didalam dasbor masuk Pengaturan --> Komentar, didalam komentar kita tinggal scroll ke bawah dan temukanyang seperti ini :

Nah kita tinggal ketikkan pesan yang ingin disampaikan didalam kotak disamping " Pesan Formulir Komentar " . Kemudian save.

**** Semoga Bermanfaat ****

Seluruh Mahluk Mengabdi Untuk Manusia

2009-12-21T06:28:00.085+07:00

Mengapa Allah menjadikan seluruh mahluk untuk mengabdi kepada manusia ?

Allah berfirman :
                        "Dialah Allah, yang menjadikan segala yang ada di bumi untuk kamu". (Al-Baqarah 29)

Artinya untuk seluruh umat manusia dan bukan unuk orang-orang yang beriman saja.
Allah SWT berfirman dalam satu hadits Qudsi :
                     "Hai anak Adam. Aku ciptakan seluruhnya untuk kamu dan Aku ciptakan kamu untuk-Ku. Janganlah hanya mengurusi yang untukmu sehingga melupakan tugasmu (pengabdian) untuk-Ku".

Hadits itu mendorong kita untuk merenungkan :
Apakah kekuatan kita dan kemampuan kita yang memaksa seluruh makhluk mengabdi untuk kita ?
Apakah kita berkuasa terhadap matahari, bulan, udara dan air yang mengabdi pada kita ?
Firman Allah :
               "Dialah yang menjadikan bumi itu mudah bagi kamu, maka berjalanlah di segala penjurunya dan makanlah sebagian dari rezekinya". (Al-Mulk 15).

Firman Allah :
                "Dan Kami tundukkan binatang-binatang itu untuk mereka, maka sebagiannya menjadi tunggangan mereka dan sebagiannya mereka makan". (Yasin 72)

   Jadi Allah lah yang memerintahkan makhluk itu untuk tunduk kepada manusia, karena keutamaan dan kemuliaannya.
Firman Allah :
                 "Dan sesungguhnya telah Kami muliakan anak-anak Adam, dan Kami angkut mereka di daratan dan di lautan". (Al-Isra 70)

Makhluk Allah yang diperintahkan untuk mengabdi kepada manusia tidak punya kemampuan memilih atau menolak. Kehidupan kita bergantung kepada makhluk-makhluk itu seperti matahari, udara dan air, yang tertib mengabdi kepada manusia diluar kemampuanya untuk mengaturnya. Kekuasaa-Nyalah yang memaksa makhluk-makhluk yang kuat (termasuk hewan buas) mengabdi kepada manusia.

Sedangkan pengabdian manusia hanyalah untuk Allah, karena itulah kita dicipta.
Firman Allah :
                 "Dan Aku tidak menciptakan jin dan manusia melainkan supaya mereka menyembah-Ku".(Azzariat 56)

Tetapi dalam pengabdian dan ibadah, manusia tidak dipaksa seperti makhluk lainnya, yang dipaksa mengabdi untuk manusia.
Manusia diberi kebebasan memilih untuk tunduk patuh kepada-Nya atau tidak, karena Allah menghendaki agar manusia beribadah kepada-Nya dengan hati yang ikhlas. Meskipun Allah mampu memaksa mereka

Membuat Soto WanaKing (Khas Wanaraja)

2009-12-21T05:48:00.002+07:00

Resep Masakan Soto Bisa dari Daging Ayam dan Sapi

Penasaran enggak tuh sama judul masakan ini "Membuat Soto WanaKing", atau barangkali baru dengar ya' nama soto wanaking ? .ya jelas aja baru dengar,lhah saya sendiri yang namain masakannya.he..hee...

Kenapa saya namakan "WanaKing", soalnya para remaja dan muda-mudi di daerah saya sekarang ini menyebut daerah "Wanaraja" jika ada acara di radio atau sebangsanya, kalau di tanya sama pembawa acarnya selalu menyebut WanaKing.

Sedikit "ngadongeng" dulu nih kata orang Sundamah, dulu di daerahku ada seorang penjual masakan(orangnya sudah wafat),cuma masakan yang dijualnya cuma satu macam yaitu "Sayur Soto" (dulu sebutannya kalo mau beli soto) dan nasi saja. Tapi jangan dikata deh lezatnya.Mungkin untuk saat itu enggak ada dua kelezatannya. Sayangnya , setelah si empunya wafat enggak ada yang nerusin, padahal rame banget pembelinya.

Mau tahu seperti apa lezatnya Soto Wanaking, pingin ngerasain nikmatnya makan Sayur Soto. Berhubung penjualnya sudah enggak ada, jadi saya buatin resepnya aja yaa..

Sok dicoba nya :

Bahan :
500 gram babat, rebus sampai empuk. air bekas rebusannya buang .Potong kotak kecil
1.250 ml kaldu daging
2 cm jahe, dimemarkan
2 tangkai serai, dimemarkan
kecap manis

Bumbu halus :
4 siung bawang putih
1/2 sendok teh merica
2 sendok teh garam

Sebagai Pelengkap :
200 gram lobak
100 gram kacang kedelai, digoreng
1 tangkai daun seledri, iris
air jeruk nipis, biar segeeeeer
sambal kecap cabe rawit (buatnya Suka-Suka Anda)

cara membuat :

Rebus babat, jahe, serai dan bumbu halus di dalam kaldu daging sampai mendidih
Potong lobak lalu rebus dalam wadah yang lain(biar nantinya kuah soto enggak bau lobak), tiiskan (tiriskan). Rendam kacang kedelai, lalu goreng sampai renyah
Sayur soto siap di santap, yang suka pakai kecap manis atau cabe rawit, silahkan tambahkan. Enaknya sih panas-panas di makannya.

Catatan : Kaldu daging dibuat dari daging tetelan 250 gram . Daging ini nantinya bisa dimakan bareng sama babat.
NB : Resep diatas bukan dari penjual yang di sebut diatas. Ini sekedar perbandingan aja. Jika resep ini enak menurut anda, yang di jual dulu lebih enak dari ini (menurut saya).

****Selamat Mencoba****

Penambahan Fitur Baru Pada Editor Blogger

2009-12-20T20:11:00.005+07:00

Mungkin agak telat nih memposting nya, padahal sudah beberapa minggu lebih saya mendapatkan pada editor blog yang saya gunakan ada penambahan fitur baru dari Blogger. Habis baru teringat sekarang ini, bahwa di editor blog ada fitur baru, dan saya belum mempostingnya. Mungkin saja anda-anda yang sama suka nge-Blog juga pada lupa atau barangkali belum tahu, sekedar mengingatkan saja !.

Apa saja penambahan fitur di editor Blog itu,silahkan anda cermati. Sebelumnya saya juga tidak tahu ada penambahan fitur, cuma ketika saya login di blogger, saya melihat di dalam Dasbor pada bagian sebelah kanan atas ada tulisan "jadikan Blogger dalam Konsep sebagai dasbor default saya" ( anda log in di http://draft.blogger.com supaya ada penambahan menu tersebut) kemudian saya centang tulisan tersebut. Eeh, tak tahunya ketika masuk ke editor ada penambahan menu . Apa saja penambahan tersebut :

Pertama adalah ada menu Insert a video
Kedua adalah ada menu Define / Translate

Gambarnya seperti ini :

Ketika anda mengklik Insert a video yang muncul seperti gambar ini :

Catatan : Untuk insert image juga sekarang, munculnya seperti gambar di atas

Kenudian untuk menu Define / Translate , munculnya seperti gambar berikut :

Nah gimana, udah ada belum di editor kamu. segitu dulu deh . Kita tunggu ada penambahan fitur apalagi yang akan di masukan oleh Blogger.
Uuh, hampir lupa, anda juga bisa menambahkan lokasi dimana anda tinggal. Coba perhatikan, dibawah editor ada Lokasi : Tambah Lokasi. Nah , disitu anda bisa menambahkan lokasi dimana anda tinggal.

Mudah-mudahan bermanfaat.

Handphone Kecemplung Air, Don't Panic

2009-12-20T19:12:00.001+07:00

Pernah mengalami Handphone yang kecemplung air, Pasti ada yang pernah ya. Nah untuk berjaga-jaga atau mengantisipasi, seandainya handphone anda jatuh / masuk ke air, anda bisa mengikuti tip yang akan saya uraikan di bawah.

Kasus yang sering terjadi berkaitan dengan handphone terkena air adalah, tersiram air minum, terendam saat mencuci pakaian, jatuh ke bak mandi atau ketika akan berenang, terkena hujan, dan kesiram air pemadam kebakaran (lho apa hubungannya dengan pemadam kebakaran.yaa ! ).

Jika Handphone anda mengalami kejadian seperti diatas, yang paling penting anda jangan panik dan yang anda butuhkan adalah :

    ~ Secepatnya lepaskan Baterai dari Handphone .
    ~ Lepas simcard, casing belakang, casing depan, memori external jika ada.
    ~ Keringkan dengan menggunakan lap kering yang menyerap air, jika punya hair dryer maka akan lebih bagus tapi ingat jangan terlalu dekat dengan hp.

    ~ Usahakan keringkanlah pada saat itu juga. Jika handphone tercelup pada cairan seperti air kopi, susu air detergen, cucilah dengan air putih. Apalagi jika terkena air laut, karena mengandung garam anda harus cepat-cepat membersihkan dan mengeringkannya. Atau , jika mau cepat kering cuci dengan thinner, tapi thinnernya harus yang bagus, kemudian lap dengan tisu dan keringkan dengan hair dryer. Tapi harus hati-hati jika Handphonenya ada kamera, jangan sampai terkena lensanya

    ~ Tempatkan handphone anda dalam kotak kedap udara dan isi dengan butiran penyerap uap air(desiccant, isinya butiran bulat mirip pupuk). Jika anda tidak punya bisa diganti dengan beras.
    ~ Diamkan selama 2-3 hari
    ~ Tips bisa dilakukan untuk alat elektronik sejenis semisal PDA, laptop, dll. Kuncinya, segera matikan peralatan, kemudian lepaskan peralatan yang mengandung daya listrik dan yakinkan kering ketika mencoba menyalakan kembali. Coba isi ulang baterai, kemungkinan baterai nya yg mati / korsleting.

Atau jika anda ada pengetahuan lebih, cobalah periksa barangkali sekring nya putus, karena setiap barang elektonik pasti dipasangi sekring sebagai pengaman.Sekring Handphone biasanya disimpan di dekat konektor charger yang ada didalam Handphone. Cobalah periksa dengan menggunakan Voltmeter.

Terima Kasih, semoga bermanfaat.

Posting Berhubungan Dalam Label Yang Sama (Related Post)

2009-12-19T21:50:00.004+07:00

Mungkin dari anda pernah berkunjung pada suatu blog, kemudian membaca postingannya. Nah dalam postingan tersebut di bawahnya ada judul - judul posting yang lain yang biasanya berhubungan dengan artikel posting yang sedang anda baca atau istilahnya "Related Post By Categories". Jadi ketika anda mencari yang berhubungan dengan posting yang sedang anda baca, anda tidak perlu susah-susah untuk mencarinya.

   Nah sekarang pertanyaannya, apakah blog anda sudah bisa seperti itu ? jika belum dan mau jadi seperti itu silahkan anda masukkan script yang akan saya berikan di bawah ini.Script ini versi Hoctro, silahkan anda klik disini untuk melihat versi aslinya. Tapi telah di modifikasi oleh Jackbook. Untuk melihat hasil modif jackbook silahkan anda klik disini, dan yang saya tulis dibawah adalah script yang sudah di modif oleh Jackbook.

Log In ke Draft Blogger
Dalam dasbor masuk ke Tata Letak
Kemudian Edit HTML -> Centang Expand Tempalate Widget

Kemudian Copy kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Cari kode ini <data:post.body/> dan paste kan kode diatas di bawah kode ini.

Catatan : untuk template lama kode ini <data:post.body/> ada dua, anda masukan saja di bawah kode yang pertama. Sedangkan untuk template baru yang sudah ada tulisan "readmore" anda tinggal pastekan saja, atau biar anda tidak pusing cari kode yang seperti bawah   dan paste kan kode yang diatas, di bawahnya :

<div class='post-body entry-content'>
      <data:post.body/>

Simpan Template

   **** Semoga Bermanfaat ****

Tingkatan Orang Beriman

2009-12-19T06:42:00.000+07:00

Apakah bisa dikatakan bahwa semua orang yang beriman itu sama tingkatannya. Atau, ada imannya lebih tinggi dari yang lainnya ?

Derajat keimanan seseorang berbeda-beda. Tergantung dari frekuensi ibadahnya, dari tinggi rendah "volume" ibadahnya.
Firman Allah :

"Sesungguhnya orang yang paling mulia diantara kamu di sisi Allah ialah orang yang bertaqwa diantara kamu" (Al-Hujurat 13).

Dari ayat itu di jelaskan, bahwa ada yang mulia dan paling mulia. Ada tingkatannya. Tentu saja, yang paling tinggi tingkatannya adalah Nabi. Nabi-nabi adalah Ma'sum (dilindungi) dari perbuatan dosa. orang yang mengamalkan keimanannya ada yang mencapai derajat taqwa dan paling bertaqwa. Mulia dan paling mulia. Terus meningkat kadar (derajat keimanannya, sampai setingkat dengan para nabi). Puncak dari orang-orang beriman adalah Nabi. Dan dari para Nabi yang paling tinggi adalah Muhammad saw.

Mengukur iman yang benar dan kuat setelah melalui ujian Allah SWT. Keimanan yang kuat akan diuji berat, Keimanan yang lemah diuji ringan. Besarnya pahala yang di peroleh manusia tergantung dari besar kecilnya ujian itu.. Para nabi mendapat ujian yang begitu berat, terberat adalah Nabi Muhammad SAW.