Tampilkan postingan dengan label Edukasi. Tampilkan semua postingan
Tampilkan postingan dengan label Edukasi. Tampilkan semua postingan

Senin, 04 Juli 2011

Biografi KH Zainuddin MZ | Mengenang Da'i Sejuta Umat

Biografi KH Zainuddin MZ | Mengenang Da'i Sejuta Umat

Innalillahi wa inna ilaihi raji'uun..Turut berbela sungkawa yang sedalam-dalamnya kepada keluarga besar KH Zainuddin MZ, Da'i sejuta umat yang telah berpulang ke Rahmatullah pada 5 juli 2011 pagi tadi di Rumah Sakit Pusat Pertamina, Jakarta Selatan akibat sakit yang dideritanya. Semoga semua amal beliau diterima disisi-Nya dan diampuni segalan dosanya. Dan kepada keluarga yang ditinggalkan semoga diberi ketabahan dan kemudahan. Amin..

Zainuddin Muhammad Zein yang lebih kita kenal dengan KH Zainuddin MZ, Da'i Sejuta Umat yang tutup usia pada umur 59 tahun [2 Maret 1952 - 5 Juli 2011]. Pria kelahiran Jakarta ini sangat dikenal oleh jutaan Masyarakat indonesia maupun manca Negara lewat ceramah dakwahnya yang khas. Jika kamu sering mendengar bagaimana pidato Bung Karno, maka seperti itulah nada yang menjadi ciri khas KH Zainuddin MZ saat ceramah.

Bakat pidato KH Zainuddin MZ memang sudah terlihat sejak masih kanak-kanak. Sangat terlihat dari hobinya ngebanyol ataupun mendongeng. Bakat ini terus menjadi terarah menjadi bakat pidato sejak sekoalh di MTS dan MA Darul Ma'arif. Sejak saat itulah KH Zainuddin MZ remaja mulai dikenal.

Mungkin sebagian orang tidak tahu jika KH Zainuddin MZ adalah seorang sarjana. Tapi itulah kenyataannya. Setidak beliau sudah melewati satu jenjang pendidikan penting saat ini yaitu S1 IAIN Syarif Hidayatullah jakarta. Selain itu sebuah gelar kehormatan dari Universitas Kebangsaan Malaysia berupa Dr Hc [Doctor Honoris Causa].

Untuk karir dakwah KH Zainuddin MZ sendiri telah membuatnya dipercaya memegang beberapa jabatan penting di dunia perpolitikan, khususnya pada PPP yang sekarang sedang mengadakan Kongres untuk memilih ketua umumnya. Beliau ditunjuk untuk memegang beberapa kendali pada tampuk PPP walaupun kemudian terpecah dan menjadi ketua umum Partai Bintang Reformasi. Semua karir politik ini didapat karena citra dan prestasinya di bidang dakwah yang membuat banyak umat menyukai. Sayangnya, seluruh karir politik ini tidak lama di geluti KH Zainuddin MZ. Mungkin karena keterbatasan kemampuan beliau, atau mungkin juga tidak sanggup karena selalu bertabrakan dengan hati nuraninya. Tidak dipungkiri, "politik itu kejam" yang notabene berbanding terbalik dari apa yang KH Zainuddin MZ lakoni selama ini, yaitu dakwah.

Dan sebatang pohon yang tinggi pasti terpaan angin juga akan terasa kencang. Begitulah yang dirasakan KH Zainuddin MZ ketika mendapat cobaan aib tentang affair dengan seorang gadis.

Akhirnya, semoga apa yang kita dengar dari KH Zainuddin MZ lewat dakwahnya bisa kita ambil manfaatnya sembari berdoa semoga amal dan perbuatan beliau diterima disinya, serta diampuni segala dosanya..Amin

Disadur dari: id.wikipedia.org

Kamis, 30 Juni 2011

Memasang Google Plus One Button di Blog

Google Plus One Button
Pada tahun 2011 ini google seperti dikejar setoran. Banyak produk-produk baru yang dikeluarkan untuk memanjakan kita sebagai penggunanya. Salah satu yang terbaru adalah Proyek Google Plus yang digadang-gadang bakal menjadi saingan terberat facebook yang menggila itu. Semoga saja tidak seperti Orkut ataupun Wave yang layu sebelum berkembang.

Dan pada post kali ini saya akan membahas Google Plus One Button. Sebuah tombol layaknya tombol "like" pada facebook. Entah apa maksudnya, kenapa tombolnya dulu yang heboh ketimbang Proyek Google Plus itu sendiri.

Agak telat saya mem-post cara Memasang Google Plus One Button di Blog atau mungkin tidak sama sekali jika tidak membuka Google Webmaster Tool dan mendapati halaman seperti gambar berikut;
Google plus one
Ternyata tombol satu ini berdampak kepada hasil pencarian kita di search engine google. Lalu adakah pengaruhnya dengan traffik?

Melihat hal itu, kayaknya penting juga untuk Memasang Google Plus One Button di Blog, yang secara defaultnya memang sudah terpasang di template bawaan blogger. Tapi untuk template modifikasi seperti yang kita pake ini tentunya fitur tersebut tidak ada. Dan untuk memasangnya adalah:

  • Letakkan kode berikut di atas tag <head> pada template kita.
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'id'}
</script>
  • Letakkan kode <g:plusone></g:plusone> dimana saja kamu menginginkan tombol Google Plus One akan terlihat di blog kita.
Untuk info lebih lengkap tentang Google Plus One Button, silahkan kunjungi halaman http://www.google.com/webmasters/+1/button/

Happy blogging!

Selasa, 28 Juni 2011

Mengenal Hacker | Cara Mudah Memahami dan Memulai Belajar Menjadi hacker

memahami dan belajar menjadi hacker
Dilihat dari judul post ini memang tulisan ini mengacu kepada pemahaman awam tentang hacking. Juga terinspirasi dari salah satu blog sahabat kucoba.com yang juga menulis tentang Belajar Menjadi hacker.

Kembali lagi kepemahaman awam, kata hacker identik dengan nilai negative. Padahal jika diambil dari arti kata "hack" menurut Google Translate maka banyak arti yang gak nyambung dengan pemahaman kita. Dan pada post saya kali ini merujuk kepada makna kata hacker dari Wikipedia;
Peretas (Inggris: hacker) adalah orang yang mempelajari, menganalisa, memodifikasi, menerobos masuk ke dalam komputer dan jaringan komputer, baik untuk keuntungan atau dimotivasi oleh tantangan.
Sebuah makna "hacker" lengkap dengan alasan dan tujuannya.

Untuk memahami dan mengenal hacking, sudah seharusnya kita merujuk kepada pemahaman dari Wikipedia ini. Urutannya sudah sangat jelas. Jika kita ingin belajar menjadi hacker maka persyaratan utamanya adalah "komputer". Semoga yang mau belajar menjadi hacker juga sudah paham makna "komputer". Yang kita lakukan dengan komputer juga akan melalui tahap-tahap mempelajari, menganalisa dan memodifikasi. Bila ketiga tahap ini sudah dilalui dengan matang, maka kemungkinan untuk "menerobos" bisa dilakukan. Jaringan komputer?

Disini kita belum bicara "jaringan" tapi masih dalam tahap sebuah komputer yang terdiri dari CPU, monitor, keyboard, mouse dan peripheral lainnya yang ada dihadapan kita. Berikut pertanyaan terhadap "seonggok" perangkat itu;
  • Sudahkah kita mempelajarinya?
  • Sudahkah kita menganalisanya?
  • Sudahkah kita memodifikasinya?
  • Bisakah kita masuk ke komputer kita sendiri jika dikunci oleh orang dirumah kita?
Bukannya tidak boleh, tapi agak terlalu jauh jika kita membolak balik tutorial Cain Abel, Deface, Denial of Service dan seabrek tool hacking lainnya sebelum kita memahami "komputer" yang ada dihadapan kita.

Akhirnya, mari kita memahami dan belajar "komputer" agar bisa menjadi hacker. Karena itu adalah ilmu pengetahuan untuk membuat hidup kita menjadi lebih mudah. Jika itu menimbulkan dampak negative maka bukan ilmu hackingnya yang salah tapi cara orang yang menggunakannya yang tidak benar. Sebuah buku bisa menjadi alat yang bisa membunuh kita jika dibaca di tengah jalan tol. Gak percaya? coba aja! ada yang salah dengan buku?

Demikianlah, happy blogging!

Sabtu, 25 Juni 2011

Memasang Musik MP3 di dalam Postingan Blog | Autoplay dan Tersembunyi

musik MP3 pada postingan blog
Musik adalah bahasa universal yang tidak dibatasi oleh ras, suku ataupun bangsa. Dengan musik kita bisa menyampaikan berbagai hal termasuk perasaan kita. Dan alangkah asyiknya saat kita membaca postingan blog diiringi oleh lantunan musik MP3 yang berhubungan dengan tulisan yang kita baca.

Jika kamu mengunjungi post tentang download tanpa menunggu di 4shared atau post seperti lirik lagu slank, maka kamu akan ditemani musik MP3 pada postingan blog tersebut. Bagaimana cara membuatnya?

Gampang...pastikan kamu sudah mendapatkan file musik yang ada di 4shared dengan format seperti berikut:
http://dc166.4shared.com/img/134684590/71cd18a/dlink__2Fdownload_2F4aFKzRy0_3Ftsid_3D20110626-020010-a7d77b85/preview.mp3
Itu adalah link lagu Billy Jean-nya Jacko yang didapat dengan mempraktekkan trik download di 4shared tanpa menunggu.

Kemudian letakkan kode diatas dalam format kode berikut:
<object data="http://static.4shared.com/flash/player.swf?file=http://dc166.4shared.com/img/134684590/71cd18a/dlink__2Fdownload_2F4aFKzRy0_3Ftsid_3D20110626-020010-a7d77b85/preview.mp3&amp;repeat=always&amp;autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object>
Pada kode tersebut tinggi dan lebar player sudah di set "0" agar tidak terlihat atau tersembunyi didalam postingan. Juga autostart-nya sudah diset "true" agar bisa langsung memainkan [autoplay] musik saat post dibuka. Jika ingin membuat player musik terlihat, cukup dengan menambahkan angka lebar dan tinggi serta mengatur autostart menjadi "false" agar tidak langsung autoplay musik. Selanjutnya tinggal meletakkan kode tersebut di dalam postingan blog kita. Bagusnya diletakkan diakhir postingan blog.

Tips triks ini tidak menambah load halaman menjadi lambat. Load musik MP3 langsung dari file musiknya yang dijalankan player. Tidak ditambahin beban untuk menjalankan plugins seperti jika kita menggunakan embed langsung dari 4shared. Dan bagi kamu yang care dengan validasi template blogspot jangan khawatir. Kode ini sudah saya rehab agar gak nambahin error. Setidaknya itu yang terjadi pada blog Iskaruji dot com ini.

Ada yang terpikirkan untuk bikin ide dengan suara, "Selamat datang di blog saya yang sederhana ini.." saat blog di buka?

Silahkan berkreasi and happy blogging!

Jumat, 24 Juni 2011

Download 4Shared | Cara Download MP3 Tanpa Batas Tanpa Menunggu di 4Shared

Sebenarnya ini adalah trik lawas yang cukup sering digunakan untuk mendownload file dari beberapa layanan yang membedakan status premium dan standard atau gratis saat eksekusi download. Salah satunya adalah 4shared. Pada layanan tersebut kita dipaksa menunggu beberapa saat sebelum link file yang akan di download muncul. Parahnya lagi jika dah kebanyakan download akan ada peringatan limit bandwith.
Download di 4shared 5

Jika mau bebas tanpa batas dan tanpa menunggu pilihan "legalnya" hanya dengan meng-upgrade akun menjadi premium atau berbayar. Pilihan yang bijak jika kita memang menginkannya demikian. Tapi bagaimana dengan kamu yang cuma sering download dan gak pernah nyimpan [upload] file di 4shared? Bahkan akun di 4shared gak ada? Mungkin trik tanpa software berikut bisa sedikit membantu;

  • Kunjungi www.4shared.com dan ketik file MP3 yang ingin kamu download.
Download di 4shared
  • Setelah kamu menemukan filenya, klik kanan di halaman tersebut > View Page Source [mozilla]. Bisa juga dilakukan dengan menekan Ctrl+U pada keyboard.
Download di 4shared 2
  • Pada halaman page source, tekan Ctrl+F dan ketikkan preview.mp3 untuk mencari link file MP3-nya. Jika sudah ketemu, Select > Copy link preview MP3 tersebut.
Download di 4shared 3
  • Setelah itu Paste-kan di bar browser kamu dan tekan Enter. Beberapa saat kemudian akan keluar Download PopUp seperti pada gambar berikut. Tinggal download dech!
Download di 4shared 4
Demikian moga bermanfaat!

Google Code | Hosting Kode Yang Sering dipakai Pada Blog di Google Code

Menggunakan layanan google code
Penggunaan Google Code sama pentingnya dengan penggunaan Picasa Web Album pada sebuah blog. Setiap file image yang ada di blog kita otomatis akan tersimpan di album web picasa. Google code sendiri sering kita pergunakan untuk meletakkan kode-kode javascript pada template blog atau sidebar, atau kode-kode hasil "nyolong" dari blog temen lainnya.

Untuk iskaruji dot com sendiri banyak sekali kode-kode yang dipergunakan untuk personalisasi tampilan yang diletakkan di Google code. Seperti Widget Blogger Indonesia, smiley Icon ataupun lainnya. Adapun fungsi Google code selain sebagai pengaman kode-kode kita agar tidak hilang sekaligus untuk mengurangi beban dan crash pada template blog jika ditaro langsung pada template blog.

Dan Bagi kamu yang ingin juga menggunakan layanan Hosting Google Code, berikut langkah-langkahnya;
  • Klik pada menu Project Hosting di sidebar kiri halaman Google code.
Menggunakan layanan google code 2
  • Klik pada Project Hosting on Google Code.
Menggunakan layanan google code 3
  • Pilih Create a new project untuk pembuatan akun di Google Code.
Menggunakan layanan google code 4
  • Silahkan isi seperti yang ditunjukkan pada gambar dan klik Create Project jika sudah selesai.
Menggunakan layanan google code 5
  • Akun Google Code kamu sudah selesai di buat. Tahap selanjutnya adalah meng-upload file kamu ke Hosting Google Code. File bisa dalam format .js ataupun .txt pada notepad dengan meng-klik Downloads.
Menggunakan layanan google code 6
  • Terlihat pada akun memiliki kode. Untuk itu silahkan klik New Download.
Menggunakan layanan google code 7
  • Silahkan upload file kode kamu yang ada. Kasih nama sesuai nama file, browse ketempat file kode kamu di taro pada komputer dan klik Submit File jika sudah selesai.
Menggunakan layanan google code 8
  • File kode kamu sudah diupload. Selanjutnya untuk menggunakan file kode tersebut agar bisa dijalankan pada blog ataupun lainnya, silahkan klik pada nama file dan akan terlihat seperti pada gamabar berikut. Klik kanan > Copy Link Locations [Mozilla] untuk mendapatkan kode link file kode kamu.
Menggunakan layanan google code 9
  • Selesai.
Jika ingin mengunjungi kembali atau ingin meng-upload kode baru ke Hosting Google Code, akun kamu Google Code kamu bisa langsung di akses pada sisi kanan atas seperti pada gambar berikut:
Menggunakan layanan google code 10
Dan bagi kamu yang masih bingung gimana cara menggunakan link kode seperti, http://iskaruji.googlecode.com/files/komentarbaru.txt, yang dihasilkan dari Hosting Google Code, silahkan gunakan format penulisan sebagai berikut:
<script type="text/javascript" src="http://iskaruji.googlecode.com/files/komentarbaru.txt"></script>

Demikian moga bermanfaat!

Rabu, 22 Juni 2011

Setting Domain Co.Cc Pada Blogspot | Mendaftar Layanan Free Domain co.cc

CO.CC:Free Domain
Layanan domain gratis dari Free Domain co.cc termasuk layanan domain yang populer dikalangan blogger. Banyak blog-blog besar menggunakan domain co.cc untuk blog jangka panjang mereka.

Tidak hanya itu, free omain co.cc juga memiliki fitur yang cukup lengkap serasa layanan berbayar. Cara setting domain co.cc untuk para pengguna blogspot-pun sangat mudah dan banyak tutorialnya.

Dan bagi kamu yang belum dan mau mencoba layanan free domain co.cc, silahkan ikuti langkah-lankah berikut:

  • Kunjungi situs layanan free domain co.cc. Masukkan nama domain yang kamu inginkan lalu cek ketersediaannya.
setting domain co.cc
  • Pastikan domain yang kamu pilih, jika tersedia adalah gratis, bukan yang berbayar.
setting domain co.cc 2
  • Jika kamu sudah menemukan nama domain yang gratis, klik Continue to Registration.
setting domain co.cc 3
  • Pada halaman yang selanjutnya pilih Create an account now jika kamu belum memiliki account di free domain co.cc. Jika sudah tinggal memasukkan email dan password untuk login.
setting domain co.cc 4
  • Silahkan masukkan data kamu seperti yang ditunjukkan pada gambar. Centang I accept Terms of Service dan klik continue jika sudah selesai.
setting domain co.cc 5
  • Jika diminta untuk memasukkan password yang baru kamu bikin dan kata verifikasi, masukkan dan klik continue.
setting domain co.cc 6
  • Siipp..Domain kamu sudah selesai. Pastikan kamu harus men-setting domain baru kamu dalam 48 jam atau domain yang baru kamu bikin akan dihapus. Untuk itu kita langsung saja masuk ketahap setting domain co.cc untuk menggantikan domain blogspot kita dengan meng-klik Set Up.
setting domain co.cc 7
  • Pada langkah selanjutnya akan berhadapan dengan halaman Set Up. Klik pada Set Up atau pada please domain set up now.
setting domain co.cc 8
  • Ada tiga pilihan setting domain co.cc untuk kita. Name Server, Zone Records dan URL Forwarding. Untuk blogspot, saya merekomendasikan untuk memilih Zone Records dengan memasukkan setting seperti pada gambar berikut. Klik Set Up jika sudah dan selesai.
setting domain co.cc 9
Hal selanjutnya yang dilakukan adalah setting free domain co.cc pada blogspot itu sendiri. Untuk keperluan ini silahkan baca kemabali postingan tentang setting domain pada blogspot.

Dari pengalaman, untuk satu tahun pertama free domain co.cc memang gratis. Untuk tahun selanjutnya kita dikasih dua pilihan untuk memperpanjang. Pilihan domain bisnis atau domain personal. Jika kita memilih domain personal maka gratis lagi. tapi resikonya pihak layanan free domain co.cc berhak untuk menghapus ataupun mengalihkan nama domain kita jika ada orang lain yang berani bayar. Alternatif terbaik adalah memperpanjang domain dengan mengambil opsi domain bisnis. Berbayar dengan harga tergantung popularity blog kita. Biasanya tidak lebih dari $3. murah khan?

Oke, selamat mencoba dan happy blogging!

Selasa, 21 Juni 2011

Setting Domain Blogspot | Mengganti Domain Blogspot Menjadi Domain Custom

Jika berencana memiliki sebuah blog untuk jangka waktu yang lama, mengganti domain blogspot menjadi domain custom atau domain sendiri adalah pilihan yang bagus. Tidak hanya itu, setting domain custom pada blogspot cukup mudah dilakukan. Baik setting DNS [Domain Name System] pada website penyedia layanan pendaftaran domain seperti ArdHosting ataupun yang lainnya ataupun pada blogspot itu sendiri.

Langkah-langkah Setting Domain custom pada Blogspot dibagi dua. Yaitu setting pada situs penyedia layanan domain dan setting domain pada blogspot itu sendiri.

Setting Domain Blogspot pada situs Penyedia Layanan Domain
Pastikan kamu telah melakukan setting DNS pada situs penyedia layanan domain sebagai berikut:
CNAME
  • Name: www
  • Host Name: ghs.google.com
A-records
Masukkan nama domain yang kamu pilih, misalnya iskaruji.com dan masukkan daftar IPs Google berikut pada tempat yang disediakan.
  • 216.239.32.21
  • 216.239.34.21
  • 216.239.36.21
  • 216.239.38.21
Detail dan tampilan saat melakukan setting ini akan berbeda pada setiap situs penyedia layanan domain. Tapi pada intinya tetap sama yaitu hanya menggunakan fitus DNS dengan memasukkan settingan seperti diatas.Untuk melihat bentuk settingan DNS pada situs penyedia layanan domain custom bisa merujuk kepada link ini.

Jika semua setting pada situs penyedia layanan domain diatas telah dilakukan, berarti kamu sudah memiliki nama domain yang siap dipakai pada alamat blogspot kamu.

Setting Domain Custom pada Blogspot
  • Dari Dashboard pilih Setting > Publishing dan klik pada domain custom. [Klik pada screenshoot untuk melihat tampilan penuh]
setting domain custom pada blogspot
  • Klik pada Switch to advanced setting
setting domain custom pada blogspot 2
  • Masukkan nama domain yang telah kamu daftarkan pada situs penyedia layanan domain lengkap dengan www-nya. Masukkan kata verifikasi dan save setting.
setting domain custom pada blogspot 3
  • Centang pada redirect nama domain tanpa www ke nama doamin pake www. Jadi jika orang mengetik nama domain kita tanpa www akan diredirect ke nama domain lengkap kita yang menggunakan www. Masukkan kata verifikasi dan simpan.
setting domain custom pada blogspot 4
  • Selesai dan blog kamu sudah tidak menggunakan nama blogspot lagi.
Setelah semua tahap setting domain blogspot ini dilakukan, tidak serta merta blog kamu langsung bisa dibuka dengan nama domain custom kamu. Masih membutuhkan sedikit waktu untuk penyesuaian DNS dan IPs. Tidak lama, jika setting ini dilakukan berbarengan paling butuh waktu 1 X24 jam untuk aktif.

Happy blogging!

Senin, 20 Juni 2011

Teks Pancasila dan Butir Pengamalan Pancasila Sebagai Dasar Ideologi Bangsa


Ideologi Negera Pancasila

Presiden SBY

Wakil Presiden Boediono
Teks Pancasila sebagai Dasar Ideologi Bangsa Indonesia
  1. Ketuhanan Yang Maha Esa
  2. Kemanusiaan yang adil dan beradab
  3. Persatuan Indonesia
  4. Kerakyatan yang dipimpin oleh hikmat kebijaksanaan dalam permusyawaratan/perwakilan
  5. Keadilan sosial bagi seluruh rakyat Indonesia
Butir-butir Pengamalan Pancasila Sebagai Dasar Ideologi bangsa Indonesia

SILA KETUHANAN YANG MAHA ESA
  1. Percaya dan Takwa kepada Tuhan Yang Maha Esa sesuai dengan agama dan kepercayaan masing-masing menurut dasar kemanusiaan yang adil dan beradab.
  2. Hormat menghormati dan bekerjasama antar pemeluk agama dan penganut-penganut kepercayaan yang berbeda-beda sehingga terbina kerukunan hidup.
  3. Saling menghormati kebebasan menjalankan ibadah sesuai dengan agama dan kepercayaannya.
  4. Tidak memaksakan suatu agama dan kepercayaan kepada orang lain.
SILA KEMANUSIAAN YANG ADIL DAN BERADAB
  1. Mengakui persamaan derajat persamaan hak dan persmaan kewajiban antara sesama manusia.
  2. Saling mencintai sesama manusia.
  3. Mengembangkan sikap tenggang rasa.
  4. Tidak semena-mena terhadap orang lain
  5. Menjunjung tinggi nilai kemanusiaan.
  6. Gemar melakukan kegiatan kemanusiaan.
  7. Berani membela kebenaran dan keadilan.
  8. Bangsa Indonesia merasa dirinya sebagai bagian dari seluruh umat manusia, karena itu dikembangkan sikap hormat-menghormati dan bekerjasama dengan bangsa lain.
SILA PERSATUAN INDONESIA
  1. Menempatkan kesatuan, persatuan, kepentingan, dan keselamtan bangsa dan negara di atas kepentingan pribadi atau golongan.
  2. Rela berkorban untuk kepentingan bangsa dan negara.
  3. Cinta Tanah Air dan Bangsa.
  4. Bangga sebagai Bangsa Indonesia dan ber-Tanah Air Indonesia.
  5. Memajukan pergaulan demi persatuan dan kesatuan bangsa yang ber-Bhineka Tunggal Ika.
SILA KERAKYATAN YANG DIPIMPIN OLEH HIKMAT KEBIJAKSANAAN DALAM PERMUSYAWARATAN / PERWAKILAN
  1. Mengutamakan kepentinagn negara dan masyarakat
  2. Tidak memaksakan kehendak kepada orang lain.
  3. Mengutamakan musyawarah dalam mengambil keputusan untuk kepentingn bersama.
  4. Musyawarah untuk mencapai mufakat diliputi semangat kekeluargaan.
  5. Dengan iktikad baik dan rasa tanggung jawab menerima dan melaksanakan hasil musyawarah.
  6. Musyawarah dilakukan dengan akal sehat dan sesuai dengan hati nurani yang luhur.
  7. Keputusan yang diambil harus dapat dipertanggung jawabkan secara moral kepada Tuhan Yang Maha Esa.
  8. Menjunjung tinggi harkat dan martabat manusia serta nilai-nilai kebenaran dan keadilan.
SILA KEADILAN SOSIAL BAGI SELURUH RAKYAT INDONESIA
  1. Mengembangkan perbuatan-perbuatan yang luhur yang mencerminkan sikap dan suasana kekeluargaan dan gotong-royong.
  2. Bersikap adil
  3. Menjaga keseimbangan antara hak dan kewajiban.
  4. Menghormati hak-hak orang lain.
  5. Suka memberi pertolongan kepada orang lain.
  6. Menjauhi sikap pemerasan terhadap orang lain.
  7. Tidak bersifat boros
  8. Tidak bergaya hidup mewah
  9. Tidak melakukan perbuatan yang merugikan kepentingan umum.
  10. Suka bekerja keras.
  11. Menghargai hasil karya orang lain.
  12. Bersama-sama berusaha mewujudkan kemajuan yang merata dan berkeadilan sosial.
Moga generasi selanjutnya masih bisa membaca ini di buku pelajaran mereka...

Sabtu, 18 Juni 2011

Tips dan Tutorial Blogging | Personalisasi Blog Dengan Menu Vertikal CSS

Alhamdulillah, disaat kondisi fisik yang tidak mendukung masih bisa menyempatkan untuk berbagi. Kali ini Iskaruji dot com kembali menghadirkan cara membuat menu. Jika sebelum menu dropdown hover seperti yang dipake pada blog ini, maka sekarang adalah membuat bentuk menu vertikal. Kelebihan bentuk menu ini adalah lebih ringaan loadnya karena hanya disusun dengan menggunakan CSS.

Silahkan letakkan kode berikut di Add Gadget > HTML/JavaScript blog kamu. Personalisasi sesuai dengan kebutuhan...

<style type="text/css">
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://www.dynamicdrive.com/cssexamples/media/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar">
Tips Blogging</h3>
<ul>
<li><a href="http://www.iskaruji.com/2011/01/memasang-menu-dropdown-hover.html">Menu Dropdown Hover</a></li>
<li><a href="http://www.iskaruji.com/2010/12/memasang-menu-tab-view.html">Bikin Menu TabView</a></li>
<li><a href="http://www.iskaruji.com/2011/01/pasang-link-hover-pelangi.html">Link Hover Pelangi</a></li>
<li><a href="http://www.iskaruji.com/2011/02/bikin-redirect-url-blog.html">Bikin Redirect URL</a></li>
<li><a href="http://www.iskaruji.com/2011/02/bikin-efek-shadow-pada-teks.html">Efek Shadow Teks</a></li>
<li><a href="http://www.iskaruji.com/2011/02/bikin-efek-tulisan-timbul.html">Efek Timbul Teks</a></li>
<li><a href="http://www.iskaruji.com/2011/02/bikin-tooltip-sederhana-menggunakan-css.html">Tooltip Sederhana</a></li>
<li><a href="http://www.iskaruji.com/2011/02/bikin-tooltip-bergambar.html">Tooltip Bergambar</a></li>
<li><a href="http://www.iskaruji.com/2011/05/tips-triks-css-bikin-gambar-redup.html">Opacity Gambar</a></li>
<li><a href="http://www.iskaruji.com/2011/03/pasang-autoclick-pada-banner.html">Auto Click Banner</a></li>
</ul>
</div>

Untuk melihat lebih banyak koleksi kreasi CSS, silahkan kunjungi:
menu vertikal css

Selasa, 14 Juni 2011

Seputar Konten | Beberapa Kesulitan Setiap Kali Menulis Konten Berita

menulis konten berita

Dari sekian banyak jenis konten yang ada di blog Iskaruji dot com ini, konten berita menempati posisi pertama untuk tingkat kesulitan dalam penulisannya. Memang terkesan mudah karena setiap headline sumbernya pasti banyak. Tapi jika dikembalikan ke jiwa menulis sendiri ini akan menjadi sulit.

Adapun faktor kesulitan ini disebabkan oleh:
  • Konten berita itu berbentuk informasi. Sayangnya aku lebih suka menulisnya dalam bentuk opini bebas. Salah satu cara saya agar terhindar dari copas mentah
  • Kompetitor di SERPs sangat banyak. Hal ini akan sedikit menguras tenaga saat memikirkan, "Apa ya kira-kira yang bakal ditulis pengunjung di search engine untuk mencari berita yang dimaksud?". Hal ini berhubungan dengan keyword populer untuk berita tersebut.
  • Perlu banyak sumber sebagai referensi agar kedua hal diatas bisa terpenuhi.
Ketiga faktor ini terkadang sangat melelahkan walaupun kepuasan yang di dapat saat konten berita tersebut diterbitkan sangat menggembirakan.

Terlepas dari posisi konten tersebut di SERPs bagus atau tidak, konten-konten berita berikut ini cukup memuaskan saya setelah diterbitkan.
Seandainya saja semua konten berita yang saya sajikan pada blog Iskaruji dot com ini seperti itu semua, satu titik pencapaian saya sebagai blogger setidak sudah dilalui. Semoga!

Glossary: Konten yang lagi heboh karena pemberitaan.

Senin, 13 Juni 2011

Widget Recent Posts | Memasang Kode Widget Post Terbaru Pada Sidebar Blog

Widget Post Terbaru
Baru inget kalo materi tips triks blogging tentang widget recent posts atau daftar post terbaru pada blog belum saya tulis pada blog Iskaruji dot com ini. Ini adalah hasil memanfaatkan kode yang dibuat oleh layanan Feed2Js. Hanya saja pada kesempatan ini, kode yang saya share telah saya personalisasi sedikit agar tidak menambah tingkat error template kita oleh W3 Validator.

Berikut Kode Widget Post Terbaru yang bisa kita pasang Pada Sidebar Blog seperti pada blog ini.

<script src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.iskaruji.com%2Frss.xml&amp;num=15" type="text/javascript"></script>

Silahkan ganti nama blog www.iskaruji.com dengan nama blog kamu. Angka 15 adalah jumlah post terbaru yang ingin ditampilkan.Silahkan disesuaikan!

Demikian moga manfaat and happy blogging!

Kamis, 09 Juni 2011

Ngeblog di Blogspot | Fitur Deteksi Spam Otomatis Pada Komentar Blogspot

Pagi ini iseng aja buka tab komentar pada dashboard blog. Kaget saat melihat sudah begitu banyak komentar para sobat blogger yang berkomentar pada blog Iskaruji dot com ini yang terdeteksi spam secara otomatis oleh blogspot.
fitur otomatis spam
Saya sendiri tidak tahu apa yang menyebabkan komentar para sobat blogger tersebut bisa masuk kategori spam. Karena menurut saya memang ada beberapa komentar yang mungkin tidak termasuk spam seperti komentar sobat "jalan kehidupan" pada screenshoot diatas.

Terserahlah, mungkin ada alasan lain yang menyebabkan komentar-komentar tersebut terdeteksi spam secara otomatis saat memberikan komentar. Satu lagi fitur yang bisa kita temui saat ngeblog di blogspot. So, pelajari karakteristik komentar agar tidak terdeteksi spam.

Happy blogging!

Rabu, 08 Juni 2011

Tips dan Tutorial Blogging | Bikin Gallery Foto Sederhana Pada Postingan Blog

Berikut ini adalah bentuk gallery foto yang bisa kita buat di dalam postingan blog dengan memanfaatkan beberapa tips dan tutorial blogging yang ada di blog Iskaruji dot com ini.

Gallery Foto
PHOTO KUNJUNGAN KE SEMARANGFoto saat makan bersama di pelataran masjid agung semarang
PHOTO KUNJUNGAN KE SEMARANG 2Foto Pak Ustadz dan Pak guru pembimbing kegiatan perjalanan wisata religi ini
PHOTO KUNJUNGAN KE SEMARANG 3Masih suasana setelah makan siang di pelataran masjid agung semarang
PHOTO KUNJUNGAN KE SEMARANG 4Foto nyang nulis nyang mana punya blog Iskaruji dot com ini membelakangi tiang gantung
PHOTO KUNJUNGAN KE SEMARANG 5Menuju masjid agung Semarang untuk menunaikan shalat zhuhur berjama'ah
PHOTO KUNJUNGAN KE SEMARANG 6Foto ibunya nyang ngelahirin anak nyang mana yang punya blog ini
Bentuk gallery diatas dibuat dari beberapa tip dan tutorial blogging antara lain:
Bagi kamu yang ingin membuat hal yang serupa, silahkan bereksplorasi dengan kode yang saya letakkan di dalam tabel untuk membentuk gallery image diatas.
<a class="tooltip" href="LINK GAMBAR SAAT DI KLIK"><img alt="TAG FOTO KAMU" height="200" width="280" src="URL GAMBAR" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /><span>ISI TULISAN TOOLTIP</span></a>

Google Font | Memanfaatkan Font Google Untuk Memperindah Tampilan Blog

Pernah lihat tampilan blog [sebenarnya bukan blog, hanya sebuah halaman] seperti pada link ini? Atau sederetan tulisan berikut yang mungkin jarang kita temui pada tampilan blog sobat.

Tulisan ini sebenarnya dipercantik dengan menggunakan Font tangerine dari Layanan Google Font.

Begitu juga dengan tulisan ini yang pake font Cabin Sketch

Kalo yang ini menggunakan font Fontdiner Swanky juga dari Google font

Tulisan-tulisan diatas dipersonalisasi dengan koleksi font Google. Caranya adalah dengan meletakkan link font yang kita inginkan dibawah tag <head> pada template blog kita. Pada blog Iskaruji dot com ini saya menggunakan 3 jenis font google, yaitu Tangerine, Cabin Sketch dan Fontdiner Swanky. Dan inilah format link font diatas;
<link href='http://fonts.googleapis.com/css?family=Tangerine|Cabin+Sketch:bold|Fontdiner+Swanky' rel='stylesheet' type='text/css'/>
Agar font Google tersebut bisa berjalan pada tulisan kita maka format penulisannya adalah sebagai berikut:
<div style="font-family:NAMA-FONT;">Tulisan kita</div>
Bandingkan dengan format penulisan saya seperti pada kalimat diatas:
<div style="font-family: 'Tangerine', Arial, serif; font-size: 400%; line-height: 0.70; text-shadow: 2px 2px 2px #777777;">Tulisan ini sebenarnya dipercantik dengan menggunakan Font tangerine dari Layanan Google Font.</div>
Tampilan blog dengan memanfaatkan font google ini akan lebih indah jika dipadu padankan dengan

ataupun


Mau lebih banyak jenis font google yang menarik? Silahkan kunjungi Memanfaatkan google font

Selamat mencoba and Happy blogging!

Senin, 06 Juni 2011

Tips dan Tutorial Blogging | Memasang dan Memanfaatkan Tabel Pada Postingan Blog

Tips blogging kali ini adalah seputar cara membuat, memasang dan memanfaatkan tabel pada postingan blog. Tehnik post tabel seperti ini mungkin juga tidak bisa berjalan sempurna pada sebagian template blogspot. Namun pada tips dan tutorial blogging disini, semoga saja bisa tampak jelas dan bisa di praktekkan dengan baik.

FORMAT TABEL SATU BARIS TIGA KOLOM
ISI TABEL ISI TABEL ISI TABEL
KODE TABEL:
<table width="280" border="1">
<tr>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
</tr>
</table>

FORMAT TABEL DUA BARIS TIGA KOLOM
ISI TABEL ISI TABEL ISI TABEL
ISI TABEL ISI TABEL ISI TABEL
KODE TABEL:
<table width="280" border="1">
<tr>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
</tr>
<tr>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
<td align="center">
ISI TABEL
</td>
</tr>
</table>
Kamu bisa mempersonalisasi kode berwarna merah sesuai dengan lebar halaman post kamu atau juga bisa menghilangkan border menjadi "0" seperti pada post wallpaper Casey Stoner sebelumnya.

Beberapa pemanfaatan tabel pada postingan blog Iskaruji dot com
  • Posting gambar bergaya gallery. Memungkinkan kita untuk post gambar dalam jumlah banyak dalam bentuk thumbnail
gambar tabel
gambar tabel 2
gambar tabel 3
gambar tabel 4
gambar tabel 5
gambar tabel 6
gambar tabel 7
gambar tabel 8
gambar tabel 9
  • Bikin daftar link seperti pada footer halaman utama
Dan mungkin masih banyak lagi lainnya yang bisa kita lakukan dengan memanfaatkan tabel pada postingan.

Demikian moga manfaat and happy blogging!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons