Muhammad Mizan ›› Catatan Dalam Jaringan

Hmmmm... Masih Inget ama Gue!!!?

2010-07-12T00:01:00.000+07:00

Weleh-weleh...!! Siapkah gue memulai postingan??!! Udah lama banget rehat dari blog. Meskipun begitu, skripsi gue belum kelar-kelar juga. :P ... Udah lebih dari 3 bulan vacuum.

Postingan ini gue buat khusus untuk memberi kabar kalau gue masih hidup alias ngga mati. Hehehe.. (abis! ngga ada kabarnya..)

Jujur, gue memang agak males-malesan untuk ngelanjutin blog. Banyak kegiatan belakangan ini. Banyak proyekkan (Alhamdulillah...), banyak tugas, ujian, dan segala macam.

Oke! Fokus pada postingan ini. Pertama-tama gue terima kasih banyak sama semua pengunjung blog ini. Meskipun gue ngga pernah absen, tapi ada aja yang datang memberi komen ^^ --arigatou--. Sekalian gue juga mau minta maaf sama semua blogwalker yang ngga bisa langsung gue balas. Khususnya untuk Boja Linuxer.. Rajin amat blogwalking ke sini.. ^^

Sayang sekali blog ini harus tercampakkan. Entah kenapa gue jadi malas buat on-line baik itu untuk nge-facebook atau nge-Tweett, ngaskus, blog apalagi!! Disamping itu, skripsi gue baru mulai ngerjain BAB IV. Doain gue ya! Selangkah lagi kelar nih..! Doain juga gue biar ngga berhenti blogging.

Mohon ditunggu postingan-postingan gue berikutnya.. Oke!

Mizan Out....!! zzzzzz..

Membuat "Sticky/Floating" Menu Navigasi Horizontal

2010-03-24T20:26:00.001+07:00

Udah lama banget ane ngga ngapdet postingan.. Semua aktifitas yang membuat ane pusing mulai dari tugas-tugas kuliah, skripsi ane yang judulnya bermasalah, konflik dengan pembimbing lah..!! Ditambah lagi ane sibuk belajar meng-edit template ini agar bisa fix (tapi rasanya ga pernah fix sih... ^^). Yah! Pokoknya bermacam-macam.

Oke! Kembali ke Blog.. karena mendengar permintaan beberapa teman ane yang bertanya bagaimana cara membuat navigational menu seperti yang ada di atas, ane berinisiatif lagi untuk membuat postingan ini. Sebenarnya trik ini sudah pernah terbit dalam blog ane, tapi sepertinya pengunjung juga malas untuk menjelajahi blog ini. Oleh karena itu ane buat judul baru saja tentang widget yang satu ini.

caranya sederhana karena kalian dapat mengaksesnya pada postingan ane untuk membuat floating object pada blog (silahkan klik di sini). dan di dalam floating object tersebut, kalian dapat mengisinya dengan sebuat navigational menu yang ada pada postingan jadul ane yang satu lagi.

Sesederhana itu sih..! Silahkan cek TKP bagi yang ingin membuat sama persis seperti blog milik ane ini. ^^

Membuat Tab Menu dengan Slide Effect (versi Abu Farhan)

2010-03-16T10:07:00.005+07:00

Entah kenapa jarang banget ane liat blog yang menggunakan widget ini. Padahal widget Tab Menu ini cukup keren dari segi tampilan dan ringan dalam proses loading. Alasan ane tidak menggunakan widget ini sendiri karena disamping ane sudah memiliki tab menu sendiri dari om Khendin, widget ini juga tidak sesuai dengan template ane yang sifat bentuknya tidak bergerak alias fixed size.

Widget ini merupakan Tab Menu yang sangat fleksibel, dengan slide effect menggunakan script JQuery. Penasaran seperti apa??? Lihat demonstrasinya di sini. Widget ini merupakan hasil karya dari Webitect, dan terima kasih pada om Abu Farhan yang mau berbagi infonya. ^^

Langsung aja ya! Untuk membuatnya sendiri cukup mudah, pertama-tama masuk ke "Tata Letak" dari Dasbor Blogger, dan masuk pada "Edit HTML".

Langkah awal, pasang kode CSS untuk membentuk tampilan widget ini dengan meng-copy paste kode di bawah tepat di atas ]]></b:skin>.

/* Tabbed Sidebar Widgets--------------------------------- */.widget-wrapper2{    border:1px solid #494e52;    background-color:#636d76;    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:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif) repeat-x scroll left bottom !important;border:1px solid #CFCFCF;font-family:Arial,Helvetica,sans-serif;padding:15px !important;}.widget-tab  ul {    margin:0px;    padding:0px 20px 0px 20px;}.widget-tab  ul li {    list-style:none;    border-bottom:1px solid #d6dde0;    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:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.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:#282E32 !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:#191919 url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif) repeat-x scroll left top;border:1px solid #464C54;color:#FFFFFF;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;}

Setelah itu, kita akan memasang script JQuery dari Google. Kalian tidak perlu memasang script ini jika script ini sudah ada di blog kalian. Kalau belum ada, copy dan paste kode berikut tepat di atas </head>.

Yang terakhir, tinggal memasang widgetnya yaitu dengan meng-copy dan paste kode berikut juga di atas </head>.

<script type="text/javascript">
var starttab=0;
var endtab=2;
var sidebarname="sidebar1";
</script>
<script type="text/javascript" src="http://www.yourjavascript.com/0293812025/bloggertabv1.0-min.js"></script>

Perhatikan kode berwarna hijau!! "starttab" adalah nomor widget yang akan masuk dalam tab pertama, "endtab" adalah jumlah widget yang akan masuk ke dalam Tab Menu, sedangkan "sidebarname" adalah nama id dari kolom yang akan di jadikan Tab Menu.

Untuk mencari tahu nomor widget yang akan dijadikan Tab Menu, lihat gambar berikut:

Kalau ingin membuat Tab Menu terdiri dari Video, Murottal, & Blog Archive maka atur agar "starttab=0" dan "endtab=2". Apabila ingin mengikutsertakan Label, maka atur agar "endtab=3". Apabila ingin agar Tab Menu berada di bawah widget Video, atur agar "starttab=1", sehingga Tab Menu akan berisi Murottal, Blog Archive, dan Label.

Untuk mencari apa nama "id" dari sidebar, caranya cukup gampang, yaitu pada "Edit HTML" cari teks bertuliskan nama widget pertama. Contohnya seperti di atas, maka cari kata " 'Video' " maka akan tampil seperti berikut:

....<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Video' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Murottal' type='HTML'/>...

Nah...!!! yang berwarna biru itu adalah "id" dari sidebar kalian. Perhatikan "id" dari <b:section.. yang merupakan "id" yang harus di atur pada kode Tab Menu. Dengan begitu, isi "sidebarname=sidebar".

CATATAN: Widget ini tidak akan muncul di pratinjau, jadi jangan stres bila kelihatannya gagal, langsung saja simpan dan lihat hasilnya ^^ (seandainya tidak muncul, mungkin blogger membutuhkan beberapa saat untuk memperbaiki error yang disebabkan cache dari tampilan sebelumnya).

Sederhana kan!!?? (meskipun keliatannya rumit -_-') Tapi patut di coba. Sekali lagi silahkan lihat CONTOH dari widget ini di blog ane yang satunya.. ^^v..

Oke! Selamat mencoba =)

Good Bye Translator Widget - Welcome "Sticky" Navigational Menu

2010-03-13T04:41:00.003+07:00

Gaya kan, kali ini postingan ane judulnya bahasa Inggris! hahaha... ehhmm.. -_-'. Kali ini ane dedikasikan untuk mengucapkan selamat tinggal pada widget google translator yang ada di blog ini karena memang kenyataannya tidak terlalu bermanfaat. Alasannya karena bahasa yang ane pergunakan di setiap postingan blog ini tidak bisa di-translate dengan baik oleh google (lha..! bukan bahasa Indonesia yang baik dan benar, jadi ngaco deh kalau pakai translator.. =P). Ditambah lagi pengunjung blog ini didominasi oleh para blogger yang cukup paham dengan bahasa ane (bukan bahasa Indonesia ya.. ^^). Sekali pun ada pengunjung blog yang tidak paham dengan bahasa ane, tidak banyak yang bisa paham dan memperoleh manfaat dari postingan-postingan blog ini. (yang dilakukan cuma komentar nye-pam -_-''). Jadi ane mengucapkan maaf sebesar-besarnya untuk para Mister dan Mistress di sana yang tidak bisa menikmati isi blog ini (itu pun kalau ente ngerti dengan ucapan permintaan maaf ane hehe..).

Tapi, segala sesuatu di dunia ini sebaiknya seimbang. Karena ane menghilangkan sesuatu di blog ini, ane jadi menambahkan sesuatu juga di blog ini ^^v. Yang ane tambahkan adalah Sticky Navigational Menu (Menu Navigasi yang "Lengket"). Meskipun widget ini sudah lebih dulu ane buat, tapi ada baiknya kalau ane resmikan sekarang. =)

Masih belum tahu apa "Sticky" Widget...! 0_o .. Itu lho...! Tiap kalian menggerakkan scrolling halaman ini ke bawah, tapi widget ini tetap kokoh pada posisinya. Contohnya seperti Menu Navigasi di atas, dan widget "Follow Me On Twitter" di sebelah kiri.

Nah..!! Kebetulan, ane juga mau berbagi tips bagaimana cara membuat widget ini pada blogspot kalian (Jiaah..! Cuma mau ngasi tau cara bikin widget ini aja pendahuluannya panjang bener!! :S).

Seperti biasa, login pada blogger, pilih "Tata Letak", kemudian "Edit HTML". cari kode ]]></b:skin> (gunakan Ctrl+F) lalu copy dan paste kode CSS berikut tepat di atasnya.

#sticky1 { position:fixed;_position:absolute;bottom:300px; left:0px;
clip:inherit; _top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Note: Perhatikan kode berwarna biru di atas. Kode tersebut mengandung arti bahwa jarak widget adalah 300 pixels dari bottom (bawah window) dan 0 pixels dari left (kiri window). Kode berwarna hijau dapat di ubah dengan top (dari atas window), atau right (dari kanan window).

Setelah selesai memasang kode CSS di atas, pasang widget-nya. Caranya, cari kode </body> lalu copy dan paste kode HTML berikut tepat di atasnya.

<div id="sticky1">
<a href="http://twitter.com/mimuha">
<img src="http://lh5.ggpht.com/_W0jEX3f70oA/S4o6lCtWc_I/AAAAAAAAAS4/vavzcsANjko/Untitled-2.gif" /></a>
</div>

Kode HTML di atas adalah kode widget "Follow Me On Twitter" yang ada pada blog ini. Kalian bisa mengganti script berwarna hijau dengan kode tag gambar, Menu Navigasi, CBox Chat Widget, Stats Counter, Alexa PR, Translator, atau widget apa pun. Untuk menambah sticky widget yang baru, buat lagi kode CSS dan HTML di atas pada tempatnya, tapi ubah nama "#sticky1" menjadi "#sticky2", begitu juga dengan <div id="sticky1"> menjadi <div id="sticky2">. Jangan lupa pada kode CSS-nya ubah posisinya menjadi berbeda (bottom, left, top, right). Apabila semua sudah dilakukan, pilih pratinjau, jika berhasil, simpan pilih simpan.

Script widget ini tidak membuat lemot loading blog, semua tergantung pada widget apa yang di pasang dalam kode "div" di atas. Sebaliknya, dengan ane menghapus widget "Translator" malah membuat loading blog ane jadi makin cepat. Jadi, ane cukup senang dengan perubahan ini.

Semoga bermanfaat ya sob..! sampai ketemu lagi... ^^v.

Setujukah Kalian Kalau Blogger Menghapus Blog Yang Dicampakkan?

2010-03-05T05:01:00.001+07:00

Hmmm... Apa yang dimaksud dengan "blog dicampakkan"?? Ini berawal dari kisah saat pertama kali ane membuat blog ini. Alamat blog yang ane isi pertama kali adalah muhammadmizan.blogspot.com. Ternyata ane sama sekali tidak bisa memakai nama alamat tersebut karena sudah ada yang memiliki. Yang sangat disayangkan, ternyata blog itu hanya berisi headline judul blog, tanpa ada postingan sama sekali (entah sejak kapan blog ini dibuat, yang jelas, sih Muhammad Mizan ini bukan ane -_-').

Ada beberapa kemungkinan kenapa blog itu dicampakkan:

Kemungkinan pertama, si Muhammad Mizan itu memang hanya iseng membuat blognya.

Kemungkinan kedua, si Muhammad Mizan memang sengaja mempersiapkan blog-nya untuk keperluan nanti.

Kemungkinan ketiga, si Muhammad Mizan lupa dengan user dan password yang dia miliki.

Kenyataannya sih, membuat nama domain tersebut memang tidak menjadi masalah serius, apalagi kita bisa membuat alamat sendiri dari penyedia domain web, mulai dari yang komersil, sampai yang gratisan seperti dot co.cc, co.tv, co.nr, dsb. Namun, adakalanya memiliki alamat dari blogspot dengan nama asli kita pada nama subdomainnya dapat menjadi kebanggaan tersendiri. ^^

Sebagai salah satu contoh, nama url subdomain "cantik" (udah kayak nomor handphone aja ^^ ) yang dicampakkan adalah http://blog.blogspot.com/. Blog ini hanya berisi postingan berbahasa korea dengan satu postingan berjudul "Test" yang diterbitkan tahun 2003.

Tadinya besar harapan ane kalau blog ini akan muncul dengan nama alamat url http://muhammadmizan.blogspot.com/ tapi ternyata sudah ada dan tercampakkan. Lalu ane ubah menjadi http://mizan.blogspot.com/, ternyata juga sudah ada dan tercampakkan pula. Subdomain m-mizan, bukan menjadi favorit ane =P, muhanmmad-mizan juga tidak menarik. Akhirnya ane memutuskan alamat url blog ini menjadi http://em-mizan.blogspot.com/, sebuah alamat url yang lumayan ane suka, unik, dan ane tidak berniat untuk menggantinya dengan nama domain apapun. ^^v

Tadi adalah awal mula cerita bagaimana nama alamat situs blog ini terbentuk... hehe.. Jadi bagaimana seharusnya blog yang "tercampakkan" ini? Apa dibiarkan beredar terus tanpa ada kejelasan (mungkin selamanya 0_o), atau tidak ya..!??

Tips Sederhana Membuat News Feed Ticker Pada Blogger

2010-02-28T14:45:00.001+07:00

Postingan ini sebenarnya sudah ane bahas di Membuat Slideshow News/Feed Ticker, tahun lalu. Tapi ternyata masih banyak orang yang bertanya-tanya bagaimana blog ini bisa memiliki feed ticker dengan slideshow seperti yang ada di bawah postingan ini.

Kalau pada postingan yang dulu, ane menjelaskan tentang kehebatan situs BlastCasta, yang dapat membuat beragam widget feed dari situs web, blog, atau akun twitter. Tapi kali ini ane langsung aja memberi kode html yang dapat di copy & paste ke dalam widget "Kode HTML/Javascript".

Caranya sederhana, masuk pada "Tata Letak" Blogger, lalu pilih "tambah gadget", dan pilih "Kode HTML/Javascript". Setelah muncul, berikan judul sesuka hati, dan masukkan kode berikut di dalamnya:

Kode Feed Ticker:

Dengan kode di atas tampilan widget akan tampil sama persis seperti yang ada dalam blog ini. Perhatikan kode-kode berwarna hijau, ubah alamat URL em-mizan.blogspot.com dengan alamat blogspot kalian. Ubah juga font, color, dan size sesuka hati.

Sederhana kan..!! kalau begitu silahkan mencoba... ^^

Kontes "Ekspresi Puisi Cinta Satu Bait" Berhadiah...!!! Ayo Ikutan....!!!

2010-02-25T08:23:00.001+07:00

Ada yang menarik nih di blog mba Aliaz. Sobat blogger Wordpress yang satu ini mengadakan kontes berhadiah dengan cara membuat PUISI CINTA yang panjangnya satu bait dalam postingan blog kalian. 5 besar puisi yang Aliaz anggap cukup oke akan mendapatkan hadiah yang lumayan. Batik asli dari Pekalongan... ^^

Kebetulan ane belum punya batik asli dari Pekalongan, oleh karena itu ane ikutan dah kontesnya. Simak puisi ane berikut ini ya!

AKU CINTA KAU?

AKU CINTA KAU!!!!
Alasannya karena aku cinta dia,
mereka, serta semua materi dan iluminasi dari yang paling kecil
sampai yang paling besar di dunia ini...

Tidak lupa terima kasih juga buat Kang Tejo & Abeedee atas infonya. Untuk keterangan lebih lengkap mengenai kontes ini, silahkan kunjungi Ekspresi Puisi Cinta Satu Bait.

Udah..!! Hindari Blogging, demi Judul..... Oh Judul...! -_-' (Curhatan nih..!)

2010-02-17T00:35:00.000+07:00

Pusing.. Pusing...! Bener-bener pusing dah..!! Ngemenk-ngemenk sori ya kalo postingan kali ini tidak seperti biasanya, maklum lagi pusing, jadi ane tulis aja apa yang ada.

Ane nulis kayak gini gara-gara mengalami dilema hidup (dilema melulu... -_-'). Ane cuma bisa bilang, bagi ente-ente sobat blogger yang sekarang lagi kuliah, khususnya di semester-semester akhir, lebih baik jangan, mengenal Blogger deh...!!

"Blog itu adalah candu", itu yang sekarang ada di benak ane.. -_-', rasa fun, enjoy, dan wadah berekspresi, sampai akhirnya pada titik ini, ane kesulitan menyeimbangkan gaya hidup ane antara dunia nyata dan maya.

Ane memulai blog ini pada bulan Nopember 2009, saat ane sedang mendekati Ujian Akhir Semester 7, saat ane baru selesai membuat laporan Kerja Praktek, saat ane udah tenang-tenang, dan fokus pada ujian. Dimulai dari blog biasa yang tidak ada apa-apanya, sampai sekarang jadi blog yang bikin ane jadi sibuk begini. Ini akibatnya kalo fenomena blog dijadikan gaya hidup, atau trend. Hidup ane jadi cukup kacau sob..!! Nilai kuliah turun, waktu untuk tidur jadi berkurang, kesehatan apalagi. Yang lebih parah dari itu semua, ane malah jadi lebih kecanduan blogging nih..!!

Saat ini ane menjadi orang yang hampir lupa dengan kewajiban. Saat ane menulis postingan kali ini, adalah hari 'H -1' deadline ane mengumpulkan daftar judul yang ane harus ajukan sebagai skripsi, yang nantinya harus ane pilih untuk ane kerjain secara serius. Mungkin karena emang kepribadian ane yang pemalas juga, membuat ane banyak membuang-buang waktu dengan hal-hal sesaat yang bisa menghibur ane.

Yang menjadi keinginan ane sekarang adalah menjalani hak dan kewajiban ane secara seimbang. Klo bisa kuliah jalan, blogging juga jalan.. hmm... ane perlu management waktu nih..!! Ada yang punya masukan buat judul skripsi ane...??? Ane jurusan Ilmu Komunikasi nih..!! Mau ngambil skripsi tentang kegiatan blogging.. kira-kira apa ya??

Membuat Alternatif Twitter Update Widget dengan Javascript

2010-02-16T07:23:00.000+07:00

Postingan ini sebenarnya mau diterbitkan bulan lalu, tapi karena tanggung, lebih baik diterbitkan awal bulan ini saja biar lebih terasa nuansa semangat tanggal mudanya.. ^^ ..

Beberapa dari sobat blogger pasti pernah dan /atau masih menggunakan widget Twitter Updates pada platform blogger yang dibuat oleh BloggerBuster. Kali ini, kalian bisa membuat alternatifnya dengan kode Javascript. Keuntungannya apa...!!?? Hehe... Tentu saja widget ini jadi lebih gampang dimodifikasi dibandingkan dengan widget yang biasa, meskipun mungkin membingungkan, tapi tenang saja, karena saya akan membantu langkan demi langkah agar widget ini lebih mudah di utak-atik.

Masuk pada Dasbor Blogger, kemudian pilih Tata Letak (Edit Layout), lalu pilih Edit HTML, kemudian beri centang pada Expand Template Widget. Cari kode ]]></b:skin> (gunakan Ctrl+F pada browser untuk mencari kode) kemudian letakkan kode CSS berikut tepat di atasnya.

.twittop{margin:5px 0px 0px 0px;height:30px;background:#141313 url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Sl6f0c4BBSI/AAAAAAAABhY/F2zoq7Zhxgg/s1600/twitop.jpg) no-repeat; /* Gambar Header*/
width:335px;}

#twitter_div{width:333px; /* Lebar Widget*/
float:left;height:100%;padding:0px 0px;margin:0px 0px;background:#fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;font-family:Tahoma,Century gothic,verdana, Arial, sans-serif; /* Jenis Huruf*/ }

ul#twitter_update_list{list-style:none;padding: 0px 0px;margin:0px 0px;}

ul#twitter_update_list li{font-size: 11px; /* Ukuran Teks Status*/
list-style:none; /* pilih bentuk daftar circle, disc, square, atau none*/
padding: 5px 5px;margin:0px 0px;line-height:18px;background:#B5D3DD url(http://2.bp.blogspot.com/_xfdD6S9fOk4/Sl6fcQZI99I/AAAAAAAABhI/FLFxWOLf-4U/s1600/twit.jpg) repeat-x; /* Gambar Background Update Status*/
border-bottom:1px dotted #ccc; /* Warna Border*/
color:#222; /* Warna Teks Update Status*/}

/* Berikut atur saja sama seperti di atas, tetapi yang ini untuk saat mouse over (ketika kursor mouse menghampiri kotak)*/
ul#twitter_update_list li:hover{font-size: 11px; /* Ukuran Teks Status saat hover*/
list-style:none; /* pilih bentuk daftar saat hover*/
padding: 5px 5px;
margin:0px 0px;
line-height:18px;
background:#dcdcdc url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Sl6f0AX6X-I/AAAAAAAABhQ/4rR0t3qHWX4/s1600/twith.jpg) repeat-x; /* Gambar Background Update Status saat hover*/
border-bottom:1px dotted #ccc;}

/* Berikut aturan untuk tautan (link)*/
#twitter_update_list li a:link, #twitter_update_list li a:visited{color:#D3116D;}

#twitter_update_list li a:hover{color:#BC0C0F; /* Warna Teks Links saat hover*/ }

Perhatikan teks catatan berwarna biru, kalian tinggal mengganti lokasi gambar atau bisa juga hanya menggunakan warna, ubah warna & ukuran teks dsb. Setelah itu Simpan (Save), lalu masuk pada Elemen Halaman (Page Elements), kemudian tambah gadget, pilih Kode HTML/Javascript, dan paste-kan kode javascript berikut, kemudian Simpan.

<div class='twittop'></div><div id='twitter_div'><ul id='twitter_update_list'/></div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/><script src='http://twitter.com/statuses/user_timeline/ID-user-twitter.json?callback=twitterCallback2&count=5' type='text/javascript'/><br/>
<center><a href='http://twitter.com/ID-user-twitter'>Ikuti Saya di Twitter</a></center>

Ubah ID-user-twitter dengan user twitter milik kalian, dan ganti angka 5 yang menunjukkan jumlah tweet yang akan muncul pada widget.

Cara ini kelihatan rumit, tapi kalau diikuti dengan hati-hati dapat memuaskan sobat semua, karena bentuknya yang lebih unik, orisinil buatan kalian sendiri, baik itu terlihat dari gambar, warna, bullet, dan gambar.

Contoh widget ini terdapat pada bagian bawah blog ini, tapi pada blog ini saya tidak menggunakan gambar background, hanya menggunakan permainan warna saja.

Ini cuma untuk latihan dan menambah pengalaman saja, jadi jangan ragu mencoba... ^^ ...

Dari Mangatar, Babytar, Sampai Zombietar. Tinggal Pilih Saja..!!

2010-02-14T23:54:00.002+07:00

Sering banget ane lihat avatar dalam situs jejaring sosial yang unik-unik, dan kreatif. Lebih sering lagi ane ngeliat yang bentuknya narsisme, tapi ga masalah sih... Sebelumnya kalian paham ga maksudnya avatar...!? (bukan film lho..! ^^, bukan juga kartun). Avatar itu yang biasa dijadikan foto profil di situs jejaring sosial (blogger, FB, Twitter, dll.)

Membuat avatar sendiri biasanya penting bagi kalian yang mementingkan eksistensi (Chiee...) biar lebih dianggap oleh orang lain, biar saat seseorang melihat foto profil kalian, mereka akan langsung tahu bahwa itu adalah foto milik kalian.

Bagi sebagian orang mungkin memasang foto sendiri sebagai foto profil menjadi sebuah keharusan. Tapi kalau kalian memiliki jiwa misterius, jiwa unik, kreatif, atau jiwa pahlawan bertopeng (atau mungkin kalian salah satu orang yang malu dengan wajah sendiri.. hehe... amit2 dah -_-'), kalian pasti lebih memilih foto profil yang berbeda dari yang lain, bisa berupa gambar kartun, pemandangan, atau objek lainnya. Kalau mencari foto profil yang unik, kalian bisa menggunakan alternatif gambar dengan situs jejaring pembuat foto wajah online di internet.

Kalian tau Mangatar, yaitu istilah yang merujuk pada avatar yang gambarnya berupa manga (istilah komik Jepang [Naruto, Doraemon, dll.]). Nah...! untuk membuat foto sendiri berbentuk manga kalian bisa memanfaatkan situs-situs jejaring seperti DoppelMe, yaitu situs yang dapat membuat mangatar online, atau pilihan lain seperti Tektek.org Dream Avatar, yaitu situs pembuat custom avatar dengan bentuk seperti karakter 2D game RPG (Final Fantasy, Lunar, dll.)

Untuk mangatar sendiri, yang menjadi favorit ane pribadi adalah situs FaceYourManga. Tampilannya cukup sederhana, kita dapat membuat dan meng-edit gambar berdasarkan rambut, mata, bentuk kepala, bibir, hidung, dsb. Kenapa ane merekomendasikan yang ini alasannya karena hasil jadi dari Mangatar situs ini tampilannya hampir mewakili seluruh tampilan karikatur bentuk wajah manusia. Plus, tidak perlu daftar lagi..! ^^

Sebagai tambahan, kalau kalian tertarik dengan mengedit foto yang akan dijadikan avatar mungkin situs Make Your Baby ini bisa menjadi pilihan. Adalah sebuah situs yang dapat membuat gambar wajah bayi yang diprediksikan sebagai keturunan kita. Cukup upload foto wajah kalian, dan gabungkan dengan foto wajah lain. Uniknya lagi foto wajah kalian bisa digabunggan dengan foto wajah para selebritas lho..!! ^^

Tambahan satu lagi yang ini jauh lebih ekstrim...!! Karena situs Zombiefy-Yourself dapat mengubah wajah kalian menjadi zombie...!! (-_-' serem sih, tapi unik juga) Tinggal upload foto wajah kalian, dan beri efek-efek zombie cukup dengan dragg & drop.

Menarik kan...!!? Kalau begitu selamat menuju TKP... ^^

"SPECIAL TAGS + AWARD" PERDANA DARI CATATAN DARING ^^v

2010-02-12T05:12:00.017+07:00

Beberapa hari lalu ane cukup kaget ada beberapa sobat blogger yang berbaik hati memberikan ane beberapa bonus berupa metode backlink gratis melalui metode pemberian Award dan Tag. Yang bikin ane kaget adalah mereka memberikannya pada waktu yang bersamaan (Janjian kali ya....!! ^^). Maka dari pada itu, ane pribadi benar-benar mengucapkan terima kasih pada para sobat blogger ane khususnya pada Kang Tejo, Kucing Tengil, Sii Wina, dan si bungsu Mauren Fitri (jd kayak yang bersaudara.. -_-').

Selanjutnya ane bakalan persembahkan award ini pada beberapa sobat blogger ane yang lain, antara lain:

Bos Crockie, Bos Hunits, Bos Boja, Bos Cilaw, Bos Local, Bos Stroomz, Bos Sikumbang, Bos Ari, dan Mba Dwi ^^

Kenapa ane memilih sobat di atas, adalah karena para blogger tersebut ane anggap sebagai blogger yang mementingkan jalinan pertemanan dan silaturahmi antara satu sama lain... (Bukan sekadar nulis "Blogwalking" aja, trus ilang entah kemana... ^^).

Ini logo Award ane nih:

AWARD

AWARD Mizan: []

BOOK TAG

BOOK TAG Mizan: []

QUESTION TAG

QUESTION TAG Mizan: []

Selamat mengambil award-nya,sob! Tetap jalin tali silaturrohmi kepada para sobat blogger agar trafic blog-nya cepat. Selamat kepada para blogger ygmendapat award.....!! Kalau hanya mau posting salah satu dari ketiga pilihan ini juga tidak apa-apa... ^^ ... Trims semuanya...! ^^v.. Keep Blogging, ane tunggu postingan berikutnya..

Spoiler Unik untuk Blogger (Alternatif Spoiler dengan Kode HTML)

2010-02-10T06:50:00.003+07:00

Kalian pernah melihat situs forum Kaskus?? (Kalo belum,, kemane aje lo...!!! hehehe.. ehhmm.. -_-'), Kalian pasti lekat dengan istilah 'Spoiler' (Bagi yang tidak tahu, contohnya ada di postingan ini). Spoiler dapat menyembunyikan sesuatu baik itu teks kalimat, gambar, tabel, widget chat, dll. Spoiler juga dipakai oleh Situs Ensiklopedia Online Wikipedia untuk membuat daftar isi dan menu pada tiap-tiap halaman judulnya.

Untuk membuatnya sendiri cukup menggunakan kode HTML yang sederhana. Kode tersebut dapat di copy & paste ke dalam widget blog dan dapat ditempatkan sesuka hati, atau bisa juga dipasang dalam postingan seperti postingan kali ini.. ^^

Berikut bentuk-bentuk spoiler yang dapat kalian gunakan beserta kodenya:

Judul Spoiler Biasa :

Judul Spoiler Soft:

Judul Spoiler Tanpa Background & Border :

Judul Spoiler Ala Wikipedia: []

Untuk memasangnya sendiri cukup sederhana. Kalau ingin memasang dalam postingan seperti di atas, cukup copas kode HTML untuk spoiler yg diinginkan ke dalam postingan (Harus dilakukan di tab 'Edit HTML' lho...!!! ^^ ). Kalau ingin memasangnya sebagai widget, bisa di-copas ke dalam widget Kode HTML/Javascript (di tata letak blogger, pilih 'tambah gadget', dan pilih kode HTML/Javascript, dan simpan) silahkan letakkan sesuka hati.. ;)

Isi spoiler bisa kalian tentukan sendiri, entah itu kata-kata, widget (dari kode javascript), dsb.

Unik kan...!! Kalau begitu silahkan langsung mencoba...^^

Ayo.....!!!! Pasang Foto-Foto yang Keren dari PicApp ke dalam Posting-an Kamu!!

2010-02-04T02:34:00.000+07:00

Pusing mencari gambar untuk mewakilli isi postingan kamu??? Biar ane tebak, biasanya kamu masih pakai Google Image untuk mencari gambar untuk dicantumkan dalam postingan blog?

Kalau seperti itu, tentu saja resikonya gambar yang kamu cantumkan dapat digunakan orang lain, baik itu blog, web, atau poster selebaran di pinggir jalan. Ditambah lagi gambar yang kamu dapat bisa jadi merupakan gambar dari blog lain, bisa-bisa kamu di bilang plagiator gambar tuh...!! ^^

Tapi jangan khawatir karena sekarang kamu bisa mencari gambar unik tersendiri untuk isi blog kamu di situs PicApp, yang berisi puluhan ribu gambar yang berbeda, tidak umum, dan yang paling penting, fotonya diambil oleh para fotografer professional, dijamin keren deh foto-fotonya!!

Gambar-gambar yang ada di situs tersebut bukanlah gambar yang berasal dari blog/situs orang lain, tapi dari data mereka yang legal. Dengan begitu, tidak perlu khawatir bila ingin langsung mengambil gambar-gambar dari data mereka.

Cukup akses situsnya masukkan query value atau nama gambar yang ingin dicari, copy link-nya, langsung deh..! Untuk pengguna Worpress juga mempunyai kemudahan dalam embed picture-nya.

Oh.. ya..!! yang lebih asyik lagi, kalian tidak perlu men-download gambar-gambar tersebut terlebih dahulu, karena situs ini akan memberikan tautan (link) menuju arah gambar-gambar yang ada.

Okeh kan???!! langsung aja, silahkan mencoba...!!! ^^

Klik disini.

Tips Sederhana Mengedit Template Blogger Bagi Pemula

2010-02-03T06:21:00.002+07:00

Ingin tampilan blog yang orisinil...? Dengan kata lain tidak dimiliki oleh blog lain dan menjadi sebuah ciri khas sendiri. Tapi kadang template atau tampilan blog yang kita gunakan biasanya bertebaran luas di dunia maya, sehingga terdapat kemungkinan ada dua blog yang memiliki tampilan yang sama.

Jangan khawatir..! hal tersebut dapat diatasi dengan mengedit gambar yang ada pada template blog yang kita gunakan. Bagi yang jago web editing, hal itu pasti tidak menjadi masalah, tapi untuk kalian yang masih pemula pada urusan kode-kode HTML, berikut ada tips sederhana dan patut dicoba.

Perlu diketahui, tampilan blog biasanya diatur oleh kode CSS yang terletak di antara kode <b:skin><![CDATA[ sampai dengan kode ]]></b:skin>. Semua bentuk, ukuran panjang, lebar, pixel, dan gambar pada blog, diatur oleh kode-kode tersebut. Pada tampilan blog ini contohnya, gambar head top, button, dll. merupakan gambar sendiri yang saya upload ke situs hosting gambar seperti Picasa, Flickr, atau Photobucket.

Berikut cara kerjanya. Sobat blogger pasti sudah tahu cara meng-install template pada blogger bukan? Download saja salah satu template blogger yang ada, kemudia upload pada blogger di menu 'Tata Letak' pada tab 'edit html'. Setelah selesai, modifikasi saja template tersebut dengan mengubah gambar, ukuran, dsb. pada kode CSS-nya.

Caranya, di browser sobat (Mozilla, IE, dll.), klik kanan pada salah satu gambar yang ingin diubah, entah itu background tombol, atau header blog, lalu pilih "View Background Image", lalu browser akan berpindah pada alamat gambar yang sobat pilih tersebut, lalu blok address bar atau alamat gambar pada browser kemudian catat atau copy alamat tersebut (Ctrl+C pada keyboard). Pada Internet Explorer, langsung saja pilih Copy Background saat klik kanan.

Masuk pada "Tata Letak" di dasbor Blogger, pilih "Edit HTML", dan centang "Expand Template Widget". Tekan 'Ctrl+F' di keyboard dan pastekan alamat gambar yang sudah dicatat tadi. Sobat blogger akan menemukan alamat tersebut pada salah satu kode CSS yang terdapat pada blog. Yang perlu dilakukan sekarang adalah mengganti alamat tersebut dengan alamat gambar lain, yaitu gambar yang sudah di-upload ke situs Photobucket contohnya.

Kalau sobat blogger tidak ingin pusing, lebih baik gambar baru yang digunakan memiliki resolusi, atau ukuran panjang dan lebar yang sama dengan gambar sebelumnya, tapi kalau ingin ukuran yang berbeda ukurannya, kalian juga harus ikut mengubah beberapa kode CSS seperti "height:...px;" atau "width:...px;". Sebagai contoh, perhatikan contoh kode CSS sbb:

#top { height:396px;
            margin:auto;
            background:#f4f4f4 url(http://i919.photobucket.com/albums/ad33/mimuha/top-2.jpg);
            width:1000px    }

Setelah itu pilih "Pratinjau", kalau hasilnya memuaskan, silahkan simpan hasil editan template kalian. Dengan begitu blog sobat akan memiliki gambar-gambar yang unik, berbeda dengan yang lain.

Saran bagi sobat blogger yang masih pemula, kode-kode CSS adalah kunci dari tampilan blog. Jika ingin merombak tampilan sebuah blog, ubah satu per satu variabel atau angka-angka pada kode CSS blog. Lakukan dengan sabar, niscaya kalian akan jago dalam mengedit, bahkan membuat template sendiri, serta jangan lupa untuk selalu "pratinjau" terlebih dulu agar dapat melihat hasilnya sebelum benar-benar di simpan, okeh...!! Selamat mencoba... ^^

Mengalihkan Halaman Blog Blogger (Redirecting Blogger Page)

2010-02-02T20:00:00.000+07:00

Beberapa kali pasti sobat blogger pernah mengakses situs yang mengalihkan halaman web-nya. Biasanya akan tertulis pesan seperti "Redirecting you to the site in 15 second". Mengalihkan halaman web mungkin dapat bermanfaat kalau para sobat blogger ingin mengalihkan pengunjung ke situs blog atau domain yang baru. Bahkan kadang, hal tersebut juga dimanfaatkan untuk menyelipkan iklan sebelum masuk ke situs utama.

Untuk membuat halaman web khususnya untuk blogger, kalian dapat dialihkan, kalian bisa menggunakan kode META agar dapat dialihkan, tapi akibatnya, Page Rank Google pada blog yang lama akan hilang (Hal tersebut karena cara ini banyak dimanfaatkan untuk tindakan SPAM, sayangnya saya belum menemukan cara untuk mengalihkan blog Blogger dengan cara yang berbeda... -_-'. Tapi mungkin kalau kalian mengetahuinya, mungkin bisa berbagi di post ini ^^).

Caranya seperti biasa, masuk pada "Tata Letak" di Dasbor Blogger, dan pilih "Edit HTML", centang "Expand Template Widget". cari kode <head>, setelah itu pastekan kode META berikut tepat di bawahnya.

<meta http-equiv="refresh" content="0;url=http://www.alamat-blog-yang-baru.com">

Ubah URL ke alamat situs blog yang baru. Ubah angka 0 pada 'content', untuk menentukan berapa detik halaman blog akan muncul sebelum dialihkan. Pada halaman blog bisa kalian isikan postingan atau judul Headline blog berisi kata-kata seperti "Mengalihkan halaman ini ke situs baru. Klik di sini apabila halaman tidak teralihkan", atau kalian bisa juga mengisinya dengan widget iklan.

Mengalihkan halaman blog bisa bermanfaat untuk proses pengalihan pengunjung setia blog yang lama agar dapat mengenal blog yang baru. Sebenarnya blog yang lama dapat dihapus saja, tapi sayang bagi para sobat blogger yang tersesat mencari-cari blog kita, betul tidak...!!! ^^

Tips Modifikasi Link "Posting Lama", "Posting Baru", & "Halaman Utama"

2010-02-01T06:28:00.000+07:00

Berikut tips untuk meng-hack tampilan blog Blogger. Yang akan di modifikasi kali ini adalah tautan (link) pada yang biasanya terdapat di bagian bawah postingan kalian. Secara default, link tersebut adalah 'Posting Lama' (Older Pages), 'Posting Baru' (Newer Pages), dan 'Halaman Utama' (Home).

Cara untuk memodifikasinya sendiri cukup sederhana. Masuka pada halaman 'Tata Letak' dari Dasbor Blogger, pilih 'Edit HTML', dan jangan lupa untuk memberi centang pada 'Expand Template Widget'.

Apabila sudah, cari kode-kode berikut (Seperti biasa, gunakan Ctrl+F pada browser untuk mencari kode ^^).

<data:newerPageTitle/> = Posting Baru
<data:olderPageTitle/> = Posting Lama
<data:homeMsg/> (hanya kode yg pertama) = Halaman Utama

Ketiga kode di atas, mewakili masing-masing link tersebut. Untuk memodifikasinya, kalian tinggal ubah saja kode tersebut sesuai keinginan kalian, dapat dilakukan dengan teks, gambar, dll.

Contoh, ganti kode '<data:olderPageTitle/>' dengan teks 'Berita Sebelumnya' (tidak perlu pakai tag '< & />' lagi ^^). Apa bila ingin menambahkan gambar di samping teksnya, tambahkan saja kode 'img' sehingga menjadi <data:olderPageTitle/><img src='http://i42.tinypic.com/34ns01u.png'/>. Atau bisa juga hanya menggunakan gambarnya saja.

Dengan tips ini, blog bisa di ubah menjadi lebih unik, berbeda dengan yang lain.

Keren kan....!! Selamat mencoba... ^^

Dilema Video Codec (Tips Bagi yang Bingung Memilih Video Codec)

2010-01-27T02:30:00.003+07:00

Dilema.... Oh dilema...!! Itu yang terjadi beberapa hari yang lalu tepat saat muncul pesan balon "Low Disk Space" dari system tray PC saya -_- . Ternyata hal tersebut disebabkan karena saya terlalu banyak memelihara beberapa (atau mungkin banyak ^^) video klip musik dengan ukuran file yang lumayan besar. Sehingga dengan sangat terpaksa saya memutuskan untuk meng-convert alias mem-format alias mengompres video-video tersebut agar ukurannya lebih kecil. Ternyata, hal tersebut tidak semudah yang saya bayangkan. Mengubah video HD (High Definition) atau kualitas tinggi menjadi rendah memiliki kendala tersendiri. Entah itu ukurannya kurang kecil, kualitas gambar menjadi jelek, proses convert gagal, dsb.

Solusi Codec Untuk Video-video yang Dipelihara dalam Hard Disk

Akhirnya, setelah beberapa jam mengutak-atik, dan gonta-ganti software pengonvert video, saya berhasil menemukan solusi terbaik, yaitu mengonvert video menjadi format RMVB. Codec yang dikeluarkan Real Network ini berhasil mengubah ukuran video menjadi lebih kecil dari 50% ukuran aslinya dengan kualitas audio visual yang tidak kalah dari video HD.

Tunggu sebentar..!! Apa itu codec?? Ehem... Sebuah video codec adalah sebuah software atau perangkat lunak yang dapat mengompres video dan dekompresi (menjalankan hasil kompresan) untuk video digital. Biasanya codec di-install dalam komputer agar video yang sudah diformat dengan codec tersebut dapat dimainkan. Begitu banyak codec yang dapat di-install seperti DivX, XVid, H.264, dll. Kalau tidak mau repot, kita juga dapat langsung meng-install satu software yang isinya kumpulan codec yang dapat ter-install sekaligus (Seperti K-Lite Codec Pack, yang sudah terkenal di mana-mana ^^)

Cara Convert dan Memainkan video Dengan Codec RMVB

Format RMVB sangat berbeda dengan format lainnya. Codec ini memerlukan software RealPlayer untuk memainkannya. Alternatif lainnya adalah menggunakan Real Alternatif (silahkan klik link-nya untuk men-download ^^), jangan lupa juga untuk meng-install Real Media Splitter (untuk membaca codec [TIDAK PERLU SPLITTER JIKA SUDAH MENG-INSTALL K-LITE CODEC PACK..!!!]). Dengan menginstall kedua software tersebut, file dengan berekstensi .rmvb akan bisa dimainkan di semua player (Kecuali kalau player tersebut memakai codec bawaan sendiri dan tidak terintegrasi dengan codec Microsoft Windows). Catatan: rmvb tidak dapat dimainkan di sistem operasi MAC (entah kenapa...!!?? -_-).

Bagaimana cara mengubah format videonya?? Gunakan software Imtoo MPEG Encoder. Silahkan download software ini agar dapat mengonvert puluhan format jenis video audio (Pastinya terdapat pilihan RMVB ^^). Proses mengonvertnya sendiri terhitung sangat cepat, prosesnya hanya memakan waktu selama 50%-80% dari durasi asli videonya. Catatan: Saya mohon maaf pada pihak Imtoo, karena software yang ini merupakan hasil bajakan -_- ini hanya sekadar berbagi kebahagiaan, tidak ada maksud mencari keuntungan atau merugikan pihak lain.

Pada setting-an aplikasi Imtoo di sebelah kanan, gunakan pilihan kualitas video pada normal atau higher (hasilnya sudah cukup memuaskan). Jangan lupa untuk mengecilkan ukuran video. Untuk versi layar lebar gunakan resolusi 480x272, dan ukuran kotak, gunakan ukuran 640x480 (hasilnya juga cukup memuaskan ^^). Apabila hasil yang didapat masih kurang memuaskan, setting-an tersebut juga dapat diubah sesuai kehendak. Polanya seperti ini, semakin hitam/gelap warna dan cahaya video klip/film, maka ukuran video akan semakin kecil, tentunya tetap dengan kualitas gambar bagus. Begitu juga sebaliknya, jika warna/cahaya video semakin cerah, maka semakin besar ukurannya. Jadi jangan heran dengan ukuran yang berbeda pada tiap video yang sama durasinya.

Mantaff kan...!!!?? ^^

Untuk download Imtoo MPEG Encoder Ultimate 5, silahkan klik di sini.

Untuk download Real Alternatif 1.90, silahkan klik di sini.

Untuk download Real Media Splitter (tidak perlu jika sudah meng-install K-Lite Codec Pack), silahkan klik di sini.

Membuat Alternatif Widget Polling Sederhana dalam Waktu Singkat pada Blog

2010-01-21T23:02:00.022+07:00

Akhirnya kembali lagi setelah sekian lama menelantarkan blog ini...!! -_-' .. Sebelumnya saya menyampaikan permohonan maaf terlebih dahulu karena tidak sempat memberi kabar beberapa minggu ini..

Dari pada berlama-lama, sebaiknya blogging langsung kita lanjutkan sekarang.. ^^ .. Polling (angket) memang sudah tersedia pada fasilitas tambahan di setiap blog. Tapi bagi kalian yang membutuhkan kenikmatan dalam hal kecepatan akses, mungkin ini bisa menjadi salah satu solusi.

Polling memang sangat bermanfaat, apalagi bila kita letakkan pada blog kita sendiri. Pertanyaan dapat kita susun agar kita dapat menemukan jawaban konkret berdasarkan hasil survei. Membuat pertanyaan terutama seputar pendapat pengunjung mengenai blog kita, dapat menjadi tolak ukur dalam melakukan tindak lanjut berikutnya.

Polling memang sudah tersedia dari blogger sehingga dengan mudah dapat dibuat dalam blog. Tapi pada posting-an ini, saya menyarankan untuk menggunakan fasilitas polling gratis yang disediakan oleh Free Website Poll. Kenapa...? pembuatan widget polling ini sangat sederhana dan dapat diletakkan di mana saja. Untuk mengakses polling ini juga menggunakan proses loading yang sangat cepat.

Untuk membuat widget polling ini, cukup masuki situs utamanya, tanpa perlu daftar apapun, langsung saja membuat pertanyaan dan jawaban pada formulir yang disediakan dan kita akan langsung diberikan kode html form yang dapat kita copy & paste ke dalam widget atau ke dalam postingan seperti yang di bawah ini.

Karena bentuknya berupa kode script HTML, kalian dapat memodifikasisendiri widget ini sesuka hati, baik itu jenis huruf, warna, panjanglebar, gambar, dll. Widget ini dapat diletakkan tidak hanya pada sidebar, tapi juga dalam posting-an blog.

Untuk langsung mencoba silahkan langsung menuju TKP... ^^ ..v..

Download Template Neosapien Empat Kolom untuk Blogger

2010-01-14T13:40:00.001+07:00

Belakangan ini Admin sibuk banget. Sibuk dengan UAS dan berbagai pembuatan laporan yang menumpuk. Oleh karena itu, postingan bulan ini masih sedikit. Tapi bukan berarti bloging dihentikan sementara lho..! ^^

Kali ini saya berbagi template untuk platform Blogger yang unik. Uniknya karena template ini dibuat dengan empat kolom. Kenyataannya template blogger memang didominasi oleh template berbentuk dua atau tiga kolom, jarang kita dapat temui yang memiliki empat kolom.

Alasan kenapa sobat blogger memilih template ini adalah karena template dengan empat kolom tentunya membuat kita mampu untuk memasukkan widget lebih banyak dari biasanya.

Template ini adalah Template Neosapien, dari Templates Block. Terdiri dari satu kolom menu di sebelah kiri posting-an, dan dua kolom menu di sebelah kanan. Untuk kolom paling kanan, cocok untuk kalian gunakan sebagai iklan. Untuk pengeditan gambar juga cukup mudah, cukup mengganti dari kode CSS-nya.

Menarik kan..! kalau mau lihat live demo-nya silahkan klik di sini. Untuk langsung men-download, silahkan sedot di sini... ^^

Mempercepat Loading Blog dengan CSS Drive Script Compressor

2010-01-10T05:05:00.003+07:00

Kadang para sobat blogger tidak sadar kalau tidak semua pengunjung blog itu memiliki koneksi 'Dewa'.. Banyak juga pengguna internet hanya mengandalkan koneksi terbatas pada kecepatan 2G atau sekelas dengan internet-an GPRS via ponsel dengan kecepatan rata-rata sekitar 64-128kbps..

Di situ tantangan kita sebagai para blogger untuk mencari celah bagaimana agar para pengguna internet yang koneksi-nya masih belum 'Dewa' bisa tetap enjoy saat mengunjungi blog kita. Kalau sobat blogger lain perhatikan, blog saya juga mengalami perubahan drastis dalam hal loading halaman utamanya. Jika dibandingkan yang sekarang, dulu Catatan Daring ini membutuhkan waktu 2 kali lebih lama untuk masuk dan memunculkan semua elemen halaman.

Blog menjadi lebih 'berat' untuk dibuka, tentu saja karena terlalu banyak elemen di dalamnya. Oleh karena itu, jangan lupa untuk membuang elemen/widget blog yang kurang perlu, dan periksa lagi, apakah ada script-script yang tercantum, tapi sama sekali tidak terpakai dalam blog.

Kompresi Kode CSS

Salah satu alternatif lain yang dapat membuat proses memunculkan halaman blog menjadi lebih cepat, adalah dengan mengompres CSS script yang ada pada blog. CSS Script adalah script yang mengatur bagaimana tampilan yang ada pada tiap-tiap elemen/widget pada blog, sehingga widget dapat diatur bagaimana warna, ukuran, border, gambar background, dsb.

Kenapa bisa berpengaruh??? Ternyata bagian kosong dalam halaman blog dapat membuat ukuran blog menjadi lebih besar, dengan kata lain proses loading menjadi lebih lambat. Contohnya pada script berikut:

.widget-content-kotak {
     border-top:0px solid #323c47;
     border-bottom:1px solid #323c47;
     border-left:1px solid #323c47;
     border-right:1px solid #323c47;}

Yang dapat dikurangi ukurannya dengan meminimalisasikan script di atas seperti berikut:

.widget-content-kotak{border-top:0px solid #323c47; border-bottom:1px solid #323c47; border-left:1px solid #323c47; border-right:1px solid #323c47;}

Hal ini disebut juga dengan mengompres script. Kalau tidak percaya, coba saja copy dan paste kedua script di atas pada 2 file .txt yang berbeda menggunakan notepad, kemudian save. Hasil yang di dapat sudah pasti bahwa script ke-2 memiliki ukuran file yang lebih kecil.

Biasanya jumlah CSS script pada blog banyak jumlahnya, sehingga apabila semua script itu di kompres dapat mempercepat loading blog hampir 100% lebih cepat.

Nah...! Cara agar kita dapat mengompres kode CSS dengan instan adalah salah satunya dengan menggunakan layanan gratis yang disediakan oleh CSS Drive.

Cukup masuk pada situsnya, dan copy semua kode CSS dalam blog kita, kemudian di-paste pada kotak yang sudah disediakan, dan klik Compress it. Pada opsi pengaturannya juga menyediakan pilihan antara kompres dengan tingkat Light, Normal, dan Super Compact.

Saya sarankan untuk menggunakan light atau normal, karena kalau menggunakan pilihan ke-3, kode akan dibuat terlalu rapat, bisa-bisa sobat blogger kebingungan kalau mau meng-edit kode CSS-nya.. ^^

KODE APA YANG HARUS DI KOMPRES??? Hehe.. jangan khawatir, kalau sobat bingung yang mana kode CSS, copy saja semua kode tepat sesudah kode <b:skin><![CDATA[ sampai dengan kode sebelum ]]></b:skin>. Masuk pada 'Edit HTML' pada 'Tata Letak' Blogger dan gunakan 'Ctrl+F' untuk mencari kode tersebut, kemudian tinggal di-cut, kemudian ganti dengan kode yang sudah di kompres.

Jangan lupa untuk 'Pratinjau' terlebih dahulu, sebab kadang mengompres dapat membuat script rusak, meskipun itu biasanya terjadi pada Javascript, tidak pada CSS..

Kalau semua sudah dilakukan, dijamin proses loading blog akan terasa meningkat secara drastis..

Untuk langsung mencoba silahkan ke TKP ----> Klik Di Sini <---- Selamat mencoba... ^^

Alternatif 'Smooth Navigational Menu v1.31' (Bentuk Vertikal)

2010-01-07T02:36:00.000+07:00

Postingan ini sama dengan postingan sebelumnya, bedanya kali ini merupakan tips untuk mengubah bentuk-nya menjadi bentuk vertikal. Caranya dengan mengganti beberapa kode javascript dan kode CSS-nya dengan script berikut.

Ganti Javascript yang di atas <body> dengan kode berikut:

Ganti kode CSS dengan kode CSS berikut:

Kalau sudah Pratinjau dan lihat hasilnya... ^^

Menambahkan MP3 Player Pada Blog Dalam Waktu 60 Detik

2010-01-03T14:53:00.001+07:00

Kalian merasa tidak? Judul posting-an kali ini seperti judul buku programming! hehe..! Kenyataannya memang widget kali ini cukup mudah untuk dipasang. Widget ini saya pakai untuk melengkapi tugas blog BoxBerita dari dosen saya yang mengharuskan untuk mencantumkan rekaman suara dalam postingan blog.

Awalnya saya tidak tahu bagaimana cara membuatnya, tapi alhamdulillah ada sobat BloggerTuts yang berbaik hati untuk memberikan tips ini.

Widget ini cukup mudah dipasang dalam blog, bisa diletakkan dimana saja, dalam postingan, atau menjadi widget di sidebar atau bawah postingan. Widget ini merupakan mp3 player ringan, yang hanya mampu menampilkan satu file mp3 saja (cocok untuk menampilkan hasil rekaman suara).

Berikut instruksi pembuatannya:

Masuk pada 'Edit HTML' pada 'Tata Letak Blogger', jangan lupa centang Expand Template Widget. Setelah itu copy dan paste kode berikut tepat di atas kode </head> (gunakan Ctrl+F untuk mencari kode).

<script type="text/javascript" src="http://flash.for.islam.googlepages.com/inlineflashplayercomp.js"></script>
<script style="text/javascript">
var paramplayerflash=2;
</script>

Perhatikan kode yang berwarna merah! Ada 1-8 jenis bentuk player yang dapat kamu gunakan, semua bentuknya berbeda dan dapat kamu lihat pada contoh di bawah.

Setelah itu simpan/save, dan selesai. Bagaimana cara memasang mp3 player-nya..?

Cara memasang widgetnya cukup sederhana, cukup membuat kode berikut ke dalam postingan atau widget 'Kode Javascript/HTML' dan bisa diletakkan dimana saja.

<a href="http://dl.getdropbox.com/u/1693834/Files/samplefile.mp3">Sample File</a>

Setiap kamu membuat tautan (link) yang tujuannya ke arah file berekstensi '.mp3' maka javascript akan otomatis mengubahnya menjadi sebuah mp3 player. Cukup ubah alamat URL yang berwarna merah pada kode di atas. Nama link (Sample File) juga bisa diubah sesuka hati.

Script widget ini cukup cepat dalam proses loading, dan bentuk player-nya dapat diubah sampai delapan jenis, berikut contoh-contoh yang dapat kamu pakai:

Sampel dari BloggerTuts : Player 1

Sampel dari BloggerTuts : Player 2

Sampel dari BloggerTuts : Player 3

Sampel dari BloggerTuts : Player 4

Sampel dari BloggerTuts : Player 5

Sampel dari BloggerTuts : Player 6

Sampel dari BloggerTuts : Player 7

Sampel dari BloggerTuts: Player 8

Keren kan...!?? Kalau begitu silahkan mencoba... ^^

Mencari "Twitter Profil Badges" yang Unik? Cobain TwitStamp..!!

2009-12-31T00:25:00.003+07:00

Dulu, salah satu kendala yang membuat blog ini lemot saat diakses adalah karena ada javascript untuk membuat "Twitter Profil Badges". Tujuan utamanya sih..! Untuk mempromosikan akun twitter dan blog, atau untuk memberitahu info status yang saya tulis di twitter.

Sebelumnya saya menggunakan widget yang secara resmi disediakan oleh twitter.com. Tapi, yang saya peroleh adalah widget javascript yang benar-benar BWKiller (Bandwidth Killer ^^). Proses loading untuk widget ini sendirian saja bisa memakan waktu sampai lebih dari 20 detik -_-.

Sekarang..! Sudah ada alternatif lain untuk masalah Twitter Bagdes ini (kayak pengobatan aja ^^), yaitu dengan menggunakan fasilitas gratis yang disediakan TwitStamp. TwitStamp adalah situs penyedia widgets Twitter Badges untuk akun twitter kita, dengan pilihan berbagai macam jenis dan bentuk. TwitStamp merupakan widget yang berisi status terakhir yang kita miliki sehingga dapat tampil pada web/blog.

Yang asyiknya lagi, TwitStamp sama sekali tidak menggunakan Javascript, sehingga proses loading widget jauh lebih cepat. Widget ini hanya berbentuk file gambar yang isinya sudah diintegrasikan dengan data status twitter yang kita daftarkan.

Kalian mencari badges yang orisinil?? Tidak masalah, karena TwitStamp menyediakan fitur untuk membuat badges sendiri menggunakan file gambar berekstensi '.png', dan kita tinggal mengatur penempatan avatar, nama, dan postingan status terakhir.

Kalau kalian pusing, kalian bisa menggunakan fitur Twitter Card (seperti yang ada di bagian bawah post ini) yang bentuknya bukan hanya data status terakhir kita, tapi juga data berupa lokasi, biografi, serta jumlah follower dan friends.

Jadi.. Tunggu apa lagi? Bagi para blogger yang ingin memperjelas info twitternya silahkan kunjungi TwitStamp. Cukup masukkan username twitter, dan pilih bentuk widget yang diinginkan. Untuk membuat badges sendiri, kalian harus mendaftar terlebih dahulu, tapi cukup mudah ko'..! Tidak butuh waktu yang lama.

Membuat Menu Navigasi yang Keren..!! (Smooth Navigational Menu v1.31)

2009-12-25T14:23:00.007+07:00

Hari ini adalah hari Natal... Oleh karena itu saya pribadi mengucapkan selamat bagi kemeriahan perayaan dan liburan keluarganya... Tapi, saat saya menulis posting-an ini, hujan deras sedang melanda Kota Bandung, makanya ga bisa kemana-mana nih...!!! -_- Dari pada tidak ada kerjaan jadi lebih baik menambah postingan blog, tul ga.....!! (Bukannya ane kaga ngormatin hari liburan ini ya... maklum... -_-')

Tips ini diciptakan oleh Dynamic Drive, sebuah situs yang berbagi script web secara gratis, dan kali ini, salah satu script-nya saya bagikan untuk sobat blogger semua.... ^^

Coba perhatikan menu navigasi yang ada di atas blog ini..! Keren kan..!! navigasi menu dengan fade animation pada slide menu-nya. Sekarang, saya akan menjelaskan bagaimana cara membuat menu tersebut untuk blog kalian sendiri, tentunya dengan modifikasi agar sesuai dengan blog lain.. ^^

Seperti biasa, untuk mengedit javascript, masuk pada Dasbor Blogger, klik Tata Letak, lalu pilih tab Edit HTML, kemudian centang Expand Template Widget. Setelah itu kalian siap menjadi Blogger Web Designer... hehehe...!!! ^^ Baiklah tanpa membuang waktu, berikut instruksinya:

Cari kode <body> (gunakan Ctrl+F untuk mencari), lalu letakkan script berikut tepat di atasnya.

Setelah itu masukkan script CSS ini tepat di atas kode ]]></b:skin>.

.ddsmoothmenu{font: bold 12px Verdana;background: #414141; /*warna latar belakang menu*/width: 100%;}.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}/*Top level list items*/.ddsmoothmenu ul li{position: relative;display: inline;float: left;}/*Top level menu link items style*/.ddsmoothmenu ul li a{display: block;background: #414141; /*Warna latar belakang items*/color: white; /*Warna teks items*/padding: 8px 10px;border-right: 1px solid #778;color: #2d2b2b;text-decoration: none;}* html .ddsmoothmenu ul li a{ display: inline-block;}.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: black; color: white;}.ddsmoothmenu ul li a:hover{background: black; /*warna latar belakang onmouseover (hover state)*/color: white; /*Warna teks onmouseover*/} /*1st sub level menu*/.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;}/*Sub level menu list items (undo style from Top level List Items)*/.ddsmoothmenu ul li ul li{display: list-item;float: none;}/*All subsequent sub menu levels vertical offset after 1st level sub menu */.ddsmoothmenu ul li ul li ul{top: 0;}/* Sub level menu links style */.ddsmoothmenu ul li ul li a{font: normal 13px Verdana;width: 160px; /*width of sub menus*/padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;}/* Holly Hack for IE \*/* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*//* ######### CSS classes applied to down and right arrow images  ######### */.downarrowclass{position: absolute;top: 12px;right: 7px;}.rightarrowclass{position: absolute;top: 6px;right: 5px;}/* ######### CSS untuk bayangan  ######### */.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}.toplevelshadow{ /*shadow transparansi. tidak bekerja di IE*/opacity: 0.8;}

Jangan lupa untuk memperhatikan catatan tips untuk mengubah warna pada script CSS. Setelah itu simpan editan, dan masuk pada tab 'Elemen Laman'. Tambah gadget baru, pilih 'HTML/Javascript Kode', lalu masukkan kode berikut ini:

<div id="smoothmenu1" class="ddsmoothmenu"><ul><li><a href="http://em-mizan.blogspot.com">Halaman Utama</a></li><li><a href="#">Menu</a>  <ul>  <li><a href="http://em-mizan.blogspot.com/2009/10/blog-post.html">Daftar Isi</a></li>  <li><a href="http://em-mizan.blogspot.com/2009/10/kontak-blogger.html">Kontak Saya</a></li>  <li><a href="http://em-mizan.blogspot.com/feeds/posts/default">Berlangganan Feed</a></li>  </ul></li><li><a href="#">Ikuti Saya</a>  <ul>  <li><a href="http://twitter.com/mimuha" target="_blank">Twitter</a></li>  <li><a href="http://www.facebook.com/mimuha" target="_blank">Facebook</a></li><li><a href="http://www.mybloglog.com/buzz/members/mimuha/" target="_blank">MyBlogLog</a></li>  </ul></li><li><a href="http://emmizan.mofuse.mobi/"><i>Mobile Version</i></a></li><li><a href="#"><i>Blogroll</i></a>  <ul>  <li><a href="http://abdibuku.blogspot.com/" target="_blank">ABDI MEDIA BUKU</a></li>  <li><a href="http://www.blogngeblog.com/" target="_blank">Belajar Blog</a></li>  <li><a href="http://yezdibooo.blogspot.com/" target="_blank">BOOOOOOOOOOOO's Blog</a></li>  <li><a href="http://caramelcoklat.blogspot.com/" target="_blank">Caramelcoklat</a></li>  <li><a href="http://technoscomputers.blogspot.com/" target="_blank">Computer tips</a></li>  <li><a href="http://hotrevelation.blogspot.com/" target="_blank">Hot Revelation</a></li>  <li><a href="http://hothottest1.blogspot.com/" target="_blank">Hottest Wonder World</a></li>  <li><a href="http://infoupdates-sri.blogspot.com/" target="_blank">Info Updates</a></li>  <li><a href="http://duniakecil-ku.blogspot.com/" target="_blank">Mauren's Blog</a></li>  <li><a href="http://myworld-encyclopedia.blogspot.com/" target="_blank">My World - This moment</a></li>  <li><a href="http://sharingyuk.blogspot.com/" target="_blank">Sharing Yuk...!</a></li>  <li><a href="http://tasknews.blogspot.com/" target="_blank">Siva - Only For Actress</a></li>  <li><a href="http://duidon.blogspot.com/" target="_blank">SuaveOnline</a></li>  <li><a href="http://www.folklore4u.blogspot.com/" target="_blank">The Folklore</a></li>  <li><a href="http://tipgoceng.blogspot.com/" target="_blank">Tips n Tricks</a></li>  <li><a href="http://vkramz.blogspot.com/" target="_blank">Universal News</a></li> </ul></li></ul><br style="clear: left"/></div>

Kode di atas dibuat sama persis seperti menu yang ada pada navigasi blog ini. Ubah saja alamat tiap menunya (contoh: '<li><a href="http://em-mizan.blogspot.com">Halaman Utama</a></li>') Ubah saja alamat URL dan judul link-nya. Kalau ada menu yang ingin dihapus, hapus dari kode <li> sampai kode </li>. Untuk menghapus sub menu hapus dari <ul> sampai kode </ul>.

Setelah itu simpan dan letakkan gadget tersebut sesuka hati kalian... ^^, pilih pratinjau, dan lihat hasilnya. Jangan lupa disimpan... ^^ ...Selamat mencoba..

Ubah Blog-mu Menjadi 'Mobile Web Version' (Web Versi HP)

2009-12-20T13:17:00.002+07:00

Coba kamu akses blog-mu dari handphone...! Yang akan kamu lihat adalah bentuk web yang ribet..! Tampilannya persis seperti versi di komputer tapi dengan navigasi yang melelahkan karena melalui ponsel, tulisannya yang kecil, menu link yang tidak jelas entah dimana.

Dapat mengakses blog melalui ponsel memang bukan menjadi prioritas utama, karena blog umumnya berisi artikel yang cukup padat sehingga lebih nikmat kalau dibaca di layar monitor. Tapi dengan membuat versi 'Mobile Web' dari blog dapat membuat blog kamu jd lebih bergengsi dan tentu saja, blog jadi lebih fleksibel karena bisa diakses lebih banyak orang, kapan saja, dimana saja.

Solusi yang dapat kamu ambil agar blog dapat diakses lebih mudah dari ponsel adalah dengan membuat domain baru di situs Mofuse Blog. Situs ini adalah penyedia layanan pengubah web menjadi versi mobile web, yaitu dengan cara membuat sebuah web ringan yang berisi logo dan daftar feed RSS dari situs blog kita.

Setelah mendaftar menjadi user, kita dapat membuat sebuah web baru yang dapat langsung terisi postingan blog cukup dengan menuliskan alamat blog kita. Hasilnya, alamat blog ponsel kita akan menjadi 'namablog.mofuse.mobi' . Nama alamat bisa dibuat baru atau sama dengan nama blog kita.

Mofuse juga menyediakan versi Premium. Dengan begitu, kita dapat membuat alamat web ponsel menjadi lebih independen seperti 'm.namablog.com', dan tampilan blog dapat lebih diatur sesuka hati kita. Keren kan..!? Kalau begitu silahkan langsung mencoba.. ^^

Untuk daftar Mofuse Blog secara gratis silahkan klik di sini.

Untuk daftar Mofuse Premium berbayar silahkan klik di sini.

Untuk melihat preview web ponsel silahkan kunjungi Mashable di ponsel kalian.

Cabut Flash Disk Harus Pakai "Safe Remove"? Tidak juga tuh...!

2009-12-15T03:30:00.000+07:00

Flash Disk (FD) menjadi media penyimpanan yang sangat efisien, karena bentuknya yang sederhana, mudah dibawa-bawa dengan kapasitas yang besar, dan yang paling utama, dapat men-suport banyak jenis peranti mulai dari PC, notebook, dll.

Flash Disk/Drive saat ini memiliki kapasitas data yang sangat besar, mulai dari 128MB-32GB, dan akan terus berkembang mengikuti zaman, dengan berbagai variasi harga sesuai dengan merk dan kualitas atau umur masa pakai FD tersebut.

Berikut sekadar tips pemakaian agar FD tidak rusak:

Jangan mencabut langsung FD yang sedang aktif/bekerja (sedang melakukan transfer data [Copy atau Moving file]), ciri-cirinya dapat dilihat dari lampu FD. Apabila berkelap-kelip terus-menerus, berarti FD sedang melakukan transfer data. Kalau langsung dicabut, ada kemungkinan semua data akan hilang dan FD akan rusak permanen (tergantung dari kualitas FD ^^).
Utamakan FD dengan casing atau bentuk yang solid atau dengan kulit dan penutup yang kuat, agar FD tidak mudah pecah jika terinjak atau jatuh.
Hindari memakai/membeli FD yang sudah di kompres ukurannya, yaitu FD yang kapasitas aslinya diperbesar dengan software (umumnya memiliki kapasitas yang besar dengan harga yang murah, kebanyakan merknya abal-abal atau made in China yang tidak terkenal ^^). Alasannya karena dapat memperpendek umur Flash Disk.
Untuk sistem operasi lama seperti Ms Windows 98, FD memerlukan driver bawaan dari FD untuk di-install agar dapat terdeteksi.

Banyak orang mengeluhkan FD mereka rusak, tidak terdeteksi lagi, file terhapus sendiri atau ada bad sector didalamnya. Ada juga yang mengatakan bahwa FD rusak karena tidak menonaktifkan FD melalui "Safe Remove Hardware" dengan baik dan benar.

Pernyataan mencabut FD harus menggunakan "Safe Remove Hardware" sebenarnya tidak 100% benar.

Saat Flash Disk pertama kali dipasang pada port USB, sistem operasi apapun itu, secara default mendeteksi FD dengan sistem "Optimize for quick removal' (dapat dilihat pada properties FD, pada tab policies, dapat diakses melalui daftar device manager,cari FD dan buka properties-nya).

"Optimize for quick removal' berarti menonaktifkan fasilitas write caching pada sistem operasi sehingga FD dapat dicabut tanpa menonaktifkan FD dengan fasilitas "safe remove".

Apabila metode policies yang dipilih adalah yang dibawahnya atau "Optimize for Performance", sistem operasi mendeteksi FD dengan write caching, sehingga user harus selalu menggunakan "Safe remove hardware" saat mencabut FD. Apa keuntungannya? Write caching berarti memaksimalkan kinerja FD dengan sistem operasi yang terus-menerus mendeteksi keberadaan FD dengan kata lain, sama saja dengan melakukan tranfer data secara terus menerus. Dengan write caching, keberadaan FD dideteksi sama dengan sebuah Hard Disk, sehingga lebih dikenal oleh sistem operasi, dan proses pengopyan dan pemindahaan data menjadi jauh lebih cepat.

Kerusakan pada FD umumnya terjadi akibat umurnya yang telah habis, atau memang kualitas FD tersebut tidak terjamin. Menonaktifkan FD atau tidak sebelum dicabut sama sekali tidak ada hubungannya dengan kerusakan selama aturan pada policies FD tidak di utak-atik.

Dengan mengaktifkan optimize performance memang dapat meningkatkan kecepatan transfer data, namun untuk keefisienan, lebih baik apabila FD dapat digunakan dengan penggunaan cepat, tidak merepotkan dan aman.

Cari Tahu Siapa Penjiplak Tulisan Blog-mu....!!!

2009-12-14T18:52:00.002+07:00

Blogger yang memiliki idealisme tentu akan menghindari sifat plagiator atau dengan kata lain, menjiplak, atau tukang copas (copy-paste) dari artikel blog orang lain.

Membuat ulang tulisan yang sama persis sebenarnya tidak ada gunanya, apalagi kalau tulisan tersebut berani diklaim tanpa izin. Menjiplak tulisan tidak dapat membuat pagerank situs kita naik, karena yang diutamakan situs portal pencari tentu saja posting-an dari blog aslinya. Ditambah lagi kalau pemilik tulisan yang asli mengetahui bahwa tulisannya telah dijiplak. Artinya si plagiator telah menambah satu orang musuh.. ^^

Agar tulisan jiplakan dapat dikatakan sah, setidaknya sang plagiator perlu mencantumkan sumber asli tulisan yang diterbitkannya. Paling tidak, penulis aslinya tidak akan kecewa. Tapi, kalau dipikir lagi, untuk apa menerbitkan melihat tulisan yang akan kalah pamor dengan tulisan aslinya?

Bagaimanapun juga menjiplak menandakan sifat blogger yang pemalas, tidak kreatif, tidak berkarakter dan yang pasti tidak menghargai karya orang lain.

Bagi para blogger yang ingin memeriksa apakah artikelnya telah dijiplak secara tidak resmi oleh orang lain, mungkin dapat memanfaatkan situs Copyscape.

Copyscape adalah situs yang dapat memindai (scan) situs web/blog kalian dan mencari tulisan-tulisan yang sama yang dapat diperoleh di situs-situs lain. Dengan begitu, dapat diketahui situs mana saja yang memiliki tulisan sama persis dengan blog kalian.

Cukup masuki halaman utama situs, dan masukkan alamat URL situs web/blog kalian, dan voila...! Kalian akan melihat daftar artikel yang setidaknya memiliki tulisan yang mirip dengan tulisan kalian. Kalau ada situs yang tulisannya benar-benar persis, berarti situs tersebut perlu dicurigai, bukan begitu? ^^

Copyscape juga menyiapkan banner warning seperti ini:

Pasang banner ini di blog kalian sehingga dapat memberi peringatan terlebih dahulu kepada para oknum blogger yang berniat menjiplak tanpa izin. Silahkan cekidot situsnya... ^^

Mengubah Halaman Web/Blog Menjadi Dokumen .PDF

2009-12-08T18:54:00.002+07:00

Blog yang berisi artikel-artikel panjang, dapat membuat pembaca pusing membacanya. Mungkin pembaca lebih suka mendokumentasikan tulisan kalian, dari pada membaca langsung di layar komputer, setelah itu di print atau di copas ke Word.

Nah...!! Kalau kalian memang peduli pada para pembaca, ada baiknya kalian memasang widget ini di bawah posting-an. (seperti yang ada di bawah postingan ini..! ^^).

Widget ini berguna untuk meng-convert halaman blog kalian menjadi dokumen PDF (yang dibuka dengan Adobe Reader). Kegunaannya dapat membuat halaman web/blog lebih gampang didokumentasikan oleh pembaca.

Caranya cukup dengan menggunakan fasilitas yang diberikan oleh PDF Online Script, daftar (signup), kemudian setelah mengisi username, password, dll. Sign in dan user akan akan langsung diminta membuat widget ini.

Pilih ukuran Margin, dan orientasi blog (potrait/lenscape), langsung klik 'generate the javascript', setelah itu copy-paste kode tersebut dan pasang di widget 'HTML/Javascript' pada 'elemen halaman' di 'tata letak bloger'.

Gampang kan? silahkan mencoba... ^^

Membuat Efek Hujan Salju pada Web/Blog dengan Javascript

2009-12-07T12:50:00.000+07:00

Kali ini mengenai trik untuk membuat tampilan web/blog dihujani salju atau bisa juga item lainnya sesuai dengan keinginan kalian.

Triknya cukup gampang dan sederhana, berikut instruksi langkah-langkahnya:

Siapkan sebuah gambar yang akan digunakan menjadi gambar salju/benda yang turun. Kalau anda Bingung, gunakan saja gambar ini.

Klik kanan gambar di atas dan save as, lalu upload ke dalam web atau bisa juga ke situs penyimpanan gambar seperti Flickr, atau Photobucket.

Setelah itu masukkan script berikut tepat di atas kode </body>. Dalam blogger, kalian harus masuk ke dalam tata letak dan pilih Edit HTML.

<script type="text/javascript">

/******************************************
* Snow Effect Script- oleh Altan d.o.o. (http://www.altan.hr/snow/index.html) Diposkan oleh MiMuha
******************************************/

// Ubah alamat URL gambar ke lokasi yang anda upload
var snowsrc="salju.gif"
// Ubah jumlah gambar item/salju yang akan tampil pada web
var no = 10;
// Ubah berapa detik salju akan muncul pada web (0=akan selalu muncul):
var hidesnowtime = 0;
// Ubah kapan efek salju akan hilang di bawah halaman ("windowheight" [menghilang saat mencapai bawah window browser] atau "pageheight" [menghilang saat berada di bawah halaman web])
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "salju.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>

Jangan lupa perhatikan tulisan pada kode yang berwarna biru. Setelah itu pratinjau, lihat hasilnya dan simpan.

Seep...! silahkan mencoba ^^

Sekadar tips: agar proses loading tidak lemot, gunakan gambar yang di kompres, kalo perlu ukurannya di bawah 1kb (sekian byte), atau pakai gambar yang hanya berbentuk titik saja (1x1 pixel), jumlah item saljunya kurangi saja dari 10 jadi 5 atau 8, dan atur agar item gambar akan hilang pada posisi bawah window ("windowheight") ... trims ... ^^

Membuat Slideshow Featured Post dengan Javascript

2009-12-03T17:44:00.000+07:00

Tertarik membuat 'Featured Post' seperti yang ada di sebelah kanan blog ini? Ternyata cara membuatnya cukup sederhana (terima kasih pada BloggerBuster ^^).

Widget ini menggunakan script dari JonDesign's SmoothGallery. Berikut langkah-langkah yang perlu dilakukan untuk memasang widget ini.

Pertama buat gambar dengan ukuran yang diinginkan. Jumlahya terserah, yang penting resolusinya harus sama, dalam post ini saya menggunakan contoh tiga gambar dengan resolusi 300x200 pixel. setelah itu upload ketiga gambar tersebut di situs image hosting seperti Photobucket atau Flickr.

Masuk pada 'Edit Halaman' di tata letak Blogger, dan tambahkan gadget, pilih HTML/Javascript kode berikan judul 'Featured Post', lalu simpan (isikan apa saja didalamnya, terserah karena tidak berpengaruh ^^), letakkan dimanapun sesuka hati.

Setelah itu masuk ke 'Edit HTML' di tata letak Blogger, centang "Expand Template Widget" cari kode ]]></b:skin> (gunakan Ctrl+F pada browser [mozzila, IE] untuk mencari kode ini). Setelah itu Copy dan Paste-kan kode berikut tepat diatasnya.

#myGallery {width: 300px !important;height: 200px !important;overflow: hidden;}

Langkah selanjutnya copy dan paste kode berikut ini tepat di atas kode </head>:

<script src='http://mimuha.byethost2.com/javascript/mootools.v1.11.js' type='text/javascript'/>
<script src='http://mimuha.byethost2.com/javascript/jd.gallery.js' type='text/javascript'/>
<link href='http://mimuha.byethost2.com/css/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>

Sudah.....? Sekarang masih pada 'Edit HTML', cari kode title='Featured Post' pada kode-tersebut (gunakan Ctrl+F lagi ^^). Dibawah kode tersebut, terdapat kode berikut:

<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Sekarang ganti kode yang berwarna merah dengan kode berikut:

<div>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<a class='open' href='http://em-mizan.blogspot.com/judul-posting1.html'/> /* tautan/link ke posting-an 1 */
<img class='full' src='http://photobucket.com/gambar1.jpg' /> /* Alamat link gambar 1 yang sudah di-upload */
<h3>Judul Artikel 1</h3>
<p>Deskripsi Artikel 1</p>
</div>
<div class='imageElement'>
<a class='open' href='http://em-mizan.blogspot.com/judul-posting2.html'/> /* tautan/link ke posting-an 2 */
<img class='full' src='http://photobucket.com/gambar2.jpg' /> /* Alamat link gambar 2 yang sudah di-upload */
<h3>Judul Artikel 2</h3>
<p>Deskripsi Artikel 2</p>
</div>
<div class='imageElement'>
<a class='open' href='http://em-mizan.blogspot.com/judul-posting3.html'/> /* tautan/link ke posting-an 3 */
<img class='full' src='http://photobucket.com/gambar3.jpg' /> /* Alamat link gambar 3 yang sudah di-upload*/
<h3>Judul Artikel 3</h3>
<p>Deskripsi Artikel 3</p>
</div>
</div>
</div>

Perhatikan keterangan yang berwarna hijau untuk pengaturannya. Setelah itu lihat pratinjau terlebih dahulu. kalau berhasil segera simpan blognya.

Kalau ingin mengubah ukuran yang lebih besar, ubah saja ukuran gambar yang di-upload, tapi jangan lupa untuk mengubah ukuran lebar dan tinggi widget (yang berwarna biru) pada kode #myGallery di atas kode </b:skin> tadi.

Selamat mencoba... ^^

Download Template Dilectio untuk Blogger

2009-12-02T17:24:00.000+07:00

Template ini dipersembahkan oleh eBlogtemplates, merupakan template wordpress yang di-bloggerize oleh Francisco.Template ini memiliki keunggulan dari desainnya yang unik dan jarang. ditemui Dengan tekstur yang indah dan warna yang cerah, namun sederhana, sangat cocok untuk blog yang ceria penuh dengan informasi yang ringan dan santai, dan feminim.

Template ini terdiri dari 3 kolom, dan fasilitas yang disediakan sudah cukup lengkap, berupa widget search bar, dan menu Recent Articles dan Comments dengan tampilan tab view pada sidebar-nya.Ukuran template ini juga kecil (di bawah 100kb) sehingga cukup cepat dalam membuka halaman pertama.

Template gratis ini juga menyediakan langkah mudah bagi kalian untuk menambah dan mengatur Google AdSense agar dapat menghasilkan uang dari blog (tentunya kalau kalian sudah terdaftar terlebih dahulu di GA... ^^).

Agar kalian tidak penasaran, langsung saja lihat demontrasi/contoh Dilectio versi blogger template ini.

Bagi kalian yang tertarik, langsung saja klik untuk men-download template ini... ^^ ...

Daftar Blog/Web ke Berbagai Search Engine Cukup Sekali Klik

2009-12-01T20:16:00.002+07:00

Kamu masih newbie alias baru dalam dunia blog?
Baru membuat blog?
Ingin blog kalian dapat langsung diakses dimana-mana?

Ada satu cara sederhana agar dapat mempromosikan blog kalian yang masih baru dengan cepat, yaitu daftarkan blog kalian ke berbagai Search Engine di Internet.
Search Engine atau dalam istilah Indonesia 'Portal Pencari Situs', adalah situs web yang biasa kalian gunakan untuk mencari artikel, berita, atau alamat situs yang kalian kehendaki, seperti Google, Yahoo, Bing Microsoft, dll.

Sekarang saatnya untuk manfaatkan mesin pencari tersebut untuk kebutuhan blog/situs web kalian. Bagaimana caranya?

Tenang saja, biasanya para mesin pencari tersebut meng-index atau mendata blog/web kalian secara otomatis, khususnya untuk portal pencari yang "besar" seperti Google. Tapi sayangnya, karena begitu banyaknya situs di dunia maya, kadang kala kalian harus mendaftar secara manual untuk alamat situs agar dapat langsung didata oleh mesin pencari tersebut, kalau tidak situs kalian bisa ter-index dalam kurun waktu yang lama.

Tapi tenang saja, karena sekarang sudah ada situs yang berbaik hati mau mendaftarkan alamat situs anda secara otomatis ke banyak Search Engine dalam waktu yang bersamaan.

Situs tersebut adalah dan

Cara mendaftarnya sendiri cukup mudah, cukup sebutkan nama situs, alamat situs,pilih Search Engine yang dikehendaki, dan cukup sekali klik, situs kalian langsung didaftarkan ke lebih dari 50 portal pencari situs.

Dan yang paling utama, kalian tidak perlu repot-repot mendaftar dan tidak dikenakan biaya sedikitpun.
Silahkan langsung mendaftar dengan meng-klik logo kedua situs diatas, dan setelah terdaftar semoga blog kalian menjadi lebih mudah diakses dan ramai pengunjungnya. ^^

NB: Saya menyarankan untuk menggunakan email baru saat mendaftar karena akan banyak email konfirmasi dan konfirmasi aktifasi pendaftaran.

Membuat 'Artikel Terkait' dengan Thumbnails (versi Linkwithin)

2009-11-27T13:22:00.002+07:00

Postingan ini sama dengan postingan sebelumnya. Cuma bedanya, kali ini khusus ditujukan bagi kalian yang benar-benar masih awam atau mungkin malas dalam mengedit bahasa HTML.

Membuat artikel terkait dibawah postingan dapat dilakukan dengan cara yang mudah, yaitu dengan menginstall widget melalui situs Link Within.

Caranya cukup sederhana, tidak perlu daftar atau log in terlebih dahulu, bahkan tanpa ada bentuk Ads atau iklan terselubung lainnya alias gratis!!. Berikut langkah sederhana menginstall widgetnya:

Akses situs Link Within, atau bisa klik disini.
Masukkan data-data pada kotak sebelah kanan, berupa alamat email, alamat blog, platform yang digunakan (Blogger, Wordpress, Typepad, dll).
Pilih jumlah postingan yang akan muncul pada artikel terkait (3,4, atau 5 postingan).
Beri centang pada "My blog has light text on a dark background", apabila ingin tampilan tulisan berwarna putih.
Pilih get widget, dan
pilih install widget pada halaman berikutnya.

Apabila diinstall pada Blogger, maka browser langsung akan men-direct pada halaman penginstallan widget blogger.

Setelah memilih install widget pada blogger, anda bebas meletakkan widget tersebut dimanapun pada halaman blog, entah itu di sidebar, atau yang lazimnya di bawah postingan.

Selamat mencoba...

Download Blogger Template Vibrant

2009-11-27T12:50:00.002+07:00

Vibrant adalah template sedehana pada platform wordpress yang telah diubah agar dapat digunakan pada blogger.com (terima kasih pada Free Blogger Templates ^^).

Template ini tampil dengan dominasi warna biru dan hijau cerah dengan tampilan sederhana, sehingga proses loading halaman menjadi lebih cepat.

Fasilitas awal yang diberikan cukup lengkap, dengan link dan email untuk subscribe RSS feed post dan comment melalui feedburner, dan dilengkapi menu berbentuk tab berisi "Recent Posts', 'Recent Comment', dan 'Blogroll', sehingga tidak memusingkan pengguna dengan trik widget dan javascript.

Untuk langsung download silahkan klik disini.

Untuk melihat tampilan utuh vibrant silahkan klik disini.

Memanfaatkan TwitterFeed untuk Promosi Blog

2009-11-24T23:59:00.000+07:00

Twitter adalah situs jejaring sosial yang bisa bermanfaat untuk memberi pesan singkat kepada orang banyak. Dengan rajin mencari followers pesan singkat kita dapat dilihat oleh banyak orang sekaligus.

Salah satu yang sering digunakan dalam twitter adalah sebagai media untuk mempromosikan judul artikel blog. Mungkin beberapa orang sudah sering melakukannya, tapi mungkin masih secara manual atau mungkin perlu me-ReTweet artikel blog yang ingin dipromosikan.

Untuk memudahkan promosi blog, anda dapat memanfaatkan situs TwitterFeed, yaitu sebuah situs yang bisa membuat feed dari situs web/blog yang kita inginkan, dan secara otomatis menerbitkan pada situs jejaring sosial kita.

Caranya sendiri ckup mudah, hanya perlu mendaftar, dan verifikasi daftar jejaring sosial yang ingin kita terbitkan feed dari situs manapun yang kita inginkan. Kita juga dapat langsung mendaftar menggunakan akun OpenID kita, yaitu alamat blog kita sendiri.

Jejaring sosial yang mendukung TwitterFeed sendiri antara lain seperti Twitter, Facebook, Ping.fm, Laconi.ca, dan HelloTxt. Untuk lebih jelasnya silahkan langsung mendaftar di sini.

Selamat mencoba.

Membuat 'Artikel Terkait' dengan Thumbnails pada Blog

2009-11-23T15:26:00.002+07:00

Membuat artikel terkait dengan gambar kecil (thumbnail) pada posting blog dapat membuat keunikan tersendiri pada blog. selain preview yang lebih enak dilihat. Gambar yang akan muncul adalah gambar yang masuk ke dalam postingan saat kita membuat entri pada blog.

Cara membuatnya cukup rumit juga, tapi bisa dicoba dan pasti berhasil, kalau tidak, berarti template blog terlalu diutak-atik sehingga perlu mengubah kode HTML di sana-sini. Bingung juga kalau begitu (sori... can't help)

Pertama login ke dalam dasbor Blog dan masuk pada tata letak (Edit Layout), jangan lupa untuk mencentang "Expand Widget Templates".

Cari kode berikut (gunakan 'Ctrl+F' pada browser untuk mencari kode) :

</head>

Setelah itu letakkan kode berikut tepat diatasnya

Setelah itu temukan kode html ini:

<div class='post-footer-line post-footer-line-1'>

Letakkan kode berikut dibawah kode tersebut:

Edit jumlah postingan pada kode:

var maxresults=5;

Edit judul pada kode:

var relatedpoststitle="Artikel Terkait:";

Setelah itu simpat editan html, lihat blog dan adrakadabra....!!
Jadilah artikel terkait dengan thumbnails pada bagian bawah postingan.

Membuat Slideshow News/Feed Ticker

2009-11-18T01:26:00.003+07:00

Apa itu Ticker? Biasanya news ticker digunakan untuk menampilkan informasi-informasi secara slide, contohnya seperti yanda di bawah postingan ini.News feed ticker sangat bermanfaat untuk memberikan informasi terbaru, atau juga bisa mempromosikan artikel blog yang kita terbitkan.Salah satu cara yang mudah untuk membuat flash ticker adalah dengan menggunakan fasilitas gratis yang diberikan oleh BlastCasta.

Caranya sangat gampang, cukup masuk ke situs BlastCasta, kemudian langsung isi entri alamat rss feed situs web yang ingin dituju (contoh: http://em-mizan.blogspot.com/feeds/posts/default/ ), lalu pilih "what do you want to do with this feed?", dan pilih "Create News Ticker".

Setelah mengklik "GO", maka kita akan diberi opsi untuk mengubah tampilan news ticker yang kita pilih. Pengaturannya sendiri sangat gampang karena hanya menyangkut warna dan ukuran flash. Untuk pilihan feed sendiri kita juga dapat membuatnya dari BBCNews dan akun twitter kita.

Setelah selesai mengatur tampilan ticker kita langsung dapat meng-copy javascript yang diberikan dan di-paste pada widget HTML/Javascript pada Blog atau langsung pada kode HTML web kita.

Selain News/feed Ticker, BlastCasta juga memberikan fasilitas lainnya seperti Feed Widget yang unik seperti yang ada di bawah Feed Ticker pada halaman Post ini.

Membuat Recent Post Lengkap dengan Gambar Thumbnails

2009-11-17T00:03:00.003+07:00

Membuat Recent Post sangat penting agar pengunjung web/blog dapat dengan segera mengetahui update terbaru dari informasi yang kita terbitkan. Recent Post (Postingan Terbaru) kali ini berbeda dengan artikel sebelumnya, karena kali ini Recent Post akan dilengkapi dengan gambar thumbnails atau gambar preview berukuran kecil yang sudah di upload pada konten artikel.

Membuat Recent post ini sangat mudah, hanya perlu menambahkan widget baru dengan script didalamnya yang dapat anda copy-paste ke dalam widget.

Langkah-lahnya sbb:

Masuk pada dasbor blogger, lalu pilih tata letak (layout) blog
Tambah Gadget (Add Gadget) pada salah satu menu tampilan elemen halaman, lalu pilih HTML/Javascript Widget.
Setelah itu Copy script berikut dan paste di dalam Widget HTML/Javascript

Sebelum disimpan (save), ubah http://ALAMAT_BLOG.blogspot.com dengan alamat situs web yang diinginkan. Untuk pengaturan lain, silahkan ikuti keterangan berikut:

boxwidth - Lebar widget
cellspacing - Jarak antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin teks menjadi Bold isikan dengan true, jika tidak false.
numposts - Jumlah recent post yang akan ditampilkan

Pergunakan Ctrl+F pada browser (Firefox, IE, dll.) untuk memudahkan anda menemukan kode-kode script yang akan diatur.

Sumber: www.bloggertricks.com

Hosting HTML/Javascript yang Mudah, Cepat, dan Gratis

2009-11-15T17:56:00.001+07:00

Untuk mengedit kode HTML/Javascript pada blog membutuhkan script atau kode-kode yang perlu dihosting atau di-uload kesitus tertentu. Hal ini sangat bermanfaat agar dapat menghemat tempat pada pengeditan html, sehingga script yang begitu panjang tidak akan mengganggu kita dalam saat mengedit HTML.

Yang perlu dlakukan hanya membuat tautan atau link ke lokasi html/javascript kita upload, sehingga script tersebut akan muncul pada saat halaman web diakses.

Untuk itu, bagi yang tertarik untuk mengupload script-nya ke situs hosting online, dapat memanfaatkan Yourjavascript.com, yaitu tempat hosting yang dikhususkan untuk file-file berjenis script agar dapat digunakan oleh banyak orang.

Tempat hosting ini tidak membebankan biaya sama sekali alias gratis. Bahkan, kita tidak perlu menjadi user dan login terlebih dahulu di situs ini. Yang perlu kita lakukan hanya meng-upload script kita, dan Yourjavascript.com akan mengirimkan link-nyapada email yang kita inginkan.

Situs ini dapat diakses dengan cepat, proses loading script yang di-upload juga tidak memakan waktu lama. Yang paling penting, script kita aman dan tidak perlu khawatir akan hilang, error atau tidak muncul pada halaman web yang kita inginkan, sangat berbeda jika kita mengandalkan script dari hosting-an orang lain yang berpotensi rusak atau dihapus.

Menampilkan 'Artikel Terkait' pada Blogger

2009-11-15T17:34:00.003+07:00

Selama ini kendala yang sering dialami oleh blog adalah kurangnya keefisienan akses tautan pada artikel dalam sebuah blog. Para bloger biasanya lebih mengandalkan widget 'Label' atau 'Arsip' untuk membuat daftar blognya.

Salah satu alternatif lain untuk menunjukkan artikel pada suatu blog adalah dengan menambahkan 'Artikel Terkait' di bawah tulisan artikel. Tampilan 'Artikel Terkait' sangat sederhana, yaitu hanya berupa daftar judul postingan pada blog yang memiliki Tag/Label yang sama dengan artikel yang sedang dibaca, oleh karena itu, jangan lupa untuk memberikan label yang tepat pada setiap artikel yang dibuat..

Untuk membuatnya sendiri tidak terlalu sulit. Caranya dengan masuk pada menu 'Edit HTML' di layout (tata letak) dan cari code yang bertulistkan <data:post.body/> (jangan lupa untuk mencentang Expand "Widget Template"). Pada beberapa template code <data:post.body/> terdapat lebih dari satu, jadi jangan lupa untuk memilih code tersebut yang diapit oleh code <div class='....'> dan code </div>. Setelah itu, masukkan script berikut:

<b:if cond='data:blog.pageType == "item"'><div class='similiar'><div class='widget-content'><br/><h3>Artikel Terkait</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>

Judul "Artikel Terkait" dapat diubah sesuka hati. Setelah itu save/simpan editan, dan lihat hasilnya pada tiap bagian bawah artikel blog.

Download Template iNove untuk Blogger

2009-11-14T14:32:00.001+07:00

Template ini menjadi salah satu favorit saya, karena bentuknya elegan, sangat bergaya, sederhana, dan proses loading yang cepat.

Tampilan template ini merupakan template resmi dari blog Wordpress.com yang telah diubah oleh deluxe templates agar dapat digunakan di situs blogger.com.

iNoveberbentuk dua kolom dan terdapat dua bagian kolom pada kolom menu,sehingga dapat diatur untuk menggunakan dua atau tiga kolom. Pengaturancode HTML pada iNove juga tidak terlalu rumit, bahkan terhitung cukupsederhana dan mudah dimodifikasi. Dari segi tampilan, template inicocok untuk digunakan pada situs bertema teknologi.

Untuk langsung mengunduh silahkan klik disini.

Membuat Widget Recent Post (Tanpa Perlu Hosting Javascript)

2009-11-11T13:26:00.003+07:00

Berikut adalah javascript untuk membuat widget Recent Post, atau Postingan Terbaru pada web atau blog. Script ini langsung tertanam pada halaman HTML, dan bisa langsung di-copy paste ke dalam widget blog, sehingga tidak perlu mengkhawatirkan hostingan javascript yang berpotensi untuk broken-link, entah itu karena di-delete oleh user-nya, atau situs hosting yang error.

<ul><script>function showrecentposts(json) {  for (var i = 0; i < numposts; i++) {    var entry = json.feed.entry[i];    var posttitle = entry.title.$t;    var posturl;    if (i == json.feed.entry.length) break;    for (var k = 0; k < entry.link.length; k++) {      if (entry.link[k].rel == 'alternate') {        posturl = entry.link[k].href;        break;      }    }    posttitle = posttitle.link(posturl);    var readmorelink = "(more)";    readmorelink = readmorelink.link(posturl);    var postdate = entry.published.$t;    var cdyear = postdate.substring(0,4);    var cdmonth = postdate.substring(5,7);    var cdday = postdate.substring(8,10);    var monthnames = new Array();    monthnames[1] = "Jan";    monthnames[2] = "Feb";    monthnames[3] = "Mar";    monthnames[4] = "Apr";    monthnames[5] = "May";    monthnames[6] = "Jun";    monthnames[7] = "Jul";    monthnames[8] = "Aug";    monthnames[9] = "Sep";    monthnames[10] = "Oct";    monthnames[11] = "Nov";    monthnames[12] = "Dec";    if ("content" in entry) {      var postcontent = entry.content.$t;}    else    if ("summary" in entry) {      var postcontent = entry.summary.$t;}    else var postcontent = "";    var re = /<s[^>]*>/g;    postcontent = postcontent.replace(re, "");    if (!standardstyling) document.write('<div class="bbrecpost">');    if (standardstyling) document.write('<li>');    document.write(posttitle);    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear);    if (!standardstyling) document.write('</div><div class="bbrecpostsum">');    if (showpostsummary == true) {      if (standardstyling) document.write('<br/>');      if (postcontent.length < numchars) {         if (standardstyling) document.write('<i>');         document.write(postcontent);         if (standardstyling) document.write('</i>');}      else {         if (standardstyling) document.write('<i>');         postcontent = postcontent.substring(0, numchars);         var quoteEnd = postcontent.lastIndexOf(" ");         postcontent = postcontent.substring(0,quoteEnd);         document.write(postcontent + '...' + readmorelink);         if (standardstyling) document.write('</i>');}}    if (!standardstyling) document.write('</div>');    if (standardstyling) document.write('</li>');}if (!standardstyling) document.write('<div class="bbwidgetfooter">');if (standardstyling) document.write('');if (!standardstyling) document.write('</div>');}</script><script style="text/javascript">var numposts = 8;var showpostdate = true;var showpostsummary = false;var numchars = 0;var standardstyling = true;</script><script src="http://www.yourweb.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></ul>

Jangan lupa untuk mengganti www.yourweb.com pada text "http://www.yourweb.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts" dengan alamat web atau blog anda.

Untuk mengubah jumlah postingan terbaru yang tampak, cari text 'var numposts = 8', dan ubah angka delapan tersebut sesuai dengan keinginan.

Download Game Portable GRATIS

2009-11-10T04:29:00.005+07:00

Suka memainkan mini game? Apakah developer seperti Gamehouse, Reflexive, dan Popcap lekat di telngamu? Apakah kamu bingung untuk mendapatkan game-game tersebut secara gratis tentunya?

Bagi kalian pecinta mini game tersebut sekarang bisa berbahagia, karena kalian bisa mendapatkan ribuan game-game tersebut secara gratis di situs Portable Games Collection dalam bentuk portable. Apa itu portable game?

Bagi kamu yang bekerja sebagiai karyawan kantoran, pasti ada yang mengalami kendala dengan software game bajakan yang di-instal di komputer kantor. Kendalanya tentu admin IT akan melarang dan mem-banned dengan segera game yang sudah kamu instal, karena tindakan yang sudah kamu lakukan tersebut adalah ilegal. Tapi dengan software berbentuk portable, dijamin kamu akan mendapatkan kepraktisan dalam memainkan game tersebut.

Software berbentuk portable adalah software yang telah di-compile terlebih dahulu menggunakan software lainnya, biasanya menggunakan Vmware, sehingga software tersebut hanya berbentuk satu buah file aplikasi (berekstensi .exe) yang bisa dijalankan tanpa memerlukan proses instalasi ke komputer terlebih dahulu.

Tentu saja software berbentuk portable ini sudah di bajak (crack) terlebih dahulu oleh pembuatnya, sehingga cukup dengan double click saja, software atau game sudah dapat dimainkan.

Keunggulannya tentu saja, mini game tersebut dapat kamu bawa dalam Flash Disk dan bisa dimainkan di PC atau laptop manapun yang kamu mau. Bahkan, beberapa game berbentuk portable juga membuat folder save-data tersendiri di folder kamu menjalankan game tersebut, sehingga save-an game kamu sebelumnya dapat dilanjutkan.

Untuk penyimpanan data dalam regristi windows, biasanya tergantung pada lokasi folder kamu menjalankan aplikasi portable tersebut. Jadi kalau awal permainan game-nya dijalankan pada folder 'C:/', untuk berikutnya kamu harus menjalankan di lokasi yang sama agar save-an game kamu tidak terhapus. Hati-hati, kalau sampai save-an terhapus berarti harus mengulang game dari awal, karena save-data pada regristi berubah sama dengan save-an yang dibuat baru kembali, artinya data kamu sebelumnya sudah hilang.

Silahkan kunjungi Portable Games Collection untuk mendownload ribuan game portable dari berbagai developer dengan berbagai jenis permainan dan tingkat kesulitan. Tercatat sudah ada lebih dari 2000 game portable dalam situs ini, dan akan terus ditambah oleh admin-nya.

Selamat mencoba... ^^ ...

Blog yang Baik dan Benar

2009-11-09T00:23:00.003+07:00

Pernah mendengar istilah ICT..? Information Communication Technology merupakan kajian sistem informasi komunikasi yang belakangan ini menjadi fenomena yang digandrungi orang-orang. ICT dapat berbentuk Milis, messenger, blog, dsb. Tidak hanya banyak jenisnya teknologi komunikasi saat ini juga diterapkan oleh pelaku segala kalangan. Tua, muda, lembaga, organisasi yang mengomunikasikan pesan dengan teknologi jaringan.

Membuat sebuah pesan informasi, apalagi yang komperhensif, kadang menjadi kendala bagi seseorang. Bukan disebabkan ketidakmampuan, tapi lebih karena malas, malu, takut salah dsb. Hal tersebut yang menyebabkan banyak timbulnya istilah spammer, atau orang-orang yang biasanya melakukan kelicikan dalam mengembangkan blog, artikel, atau pesan lainnya. Kelicikan itu dapat berupa promosi yang tidak pada tempatnya, atau kegiatan yang paling sering dilakukan adalah plagiator dari artikel orang lain.

Membahas masalah blog dapat menjadi kajian yang menarik, alasannya blog adalah tempat menuangkan ide dan gagasan yang isinya bersifat menyeluruh, lengkap, dan dikemas secara menarik dari berbagai aspek tampilan, bentuk, isi, dan topik yang ditulis. Seiring waktu, dengan menulis blog juga dapat mengembangkan kemampuan untuk menulis.

Penilaian bagus atau tidaknya sebuah tulisan blog sangat relatif, tergantung pada orang yang membaca tulisan tersebut. Oleh karena itu, tidak perlu mengkhawatirkan kualitas tulisan kita, karena apabila satu orang menilai buruk, bisa jadi ada tiga orang yang mengatakan bagus, bahkan bisa jadi seseorang yang mengatakan tulisan Anda buruk, namun keesokan harinya, dia dapat mengatakan tulisan Anda sangat bagus.

Tulisan pada blog dapat dibuat singkat, hanya beberapa paragraf, sangat bermanfaat bagi pembaca yang sibuk, yang ingin serba cepat, atau yang malas membaca. Tulisan juga dapat disusun dengan panjang dan berpuluh-puluh paragraf, tentu sangat disukai oleh pembaca yang observatif atau memiliki rasa ingin tahu yang lebih.

Meskipun begitu, ada beberapa aturan baku yang dapat diterapkan dalam sifat tulisan yang berbentuk media massa. Sebagai referensi, mungkin Anda bisa menerapkan beberapa metode penulisan yang baik agar tulisan dapat lebih bermanfaat bagi kalangan umum yang beragam.

Pertama, upayakan untuk menggunakan tata bahasa yang benar, bukan berarti untuk mengurangi atau menambah jumlah kata, tapi lebih pada tulisan yang terfokus, jangan berputar-putar pada satu masalah saja. Tata bahasa yang benar juga bukan berarti bahasa yang baku, tapi yang paling penting adalah tulisan tersebut terkonsep sesuai dengan tema, entah itu berbentuk bahasa sehari-hari, formal, atau bahasa pergaulan.

Jangan membahas banyak hal atau sub topik dalam satu paragraf. Beri kesempatan pembaca untuk istirahat dan mencerna tulisan anda. Gunakan paragraf yang tepat pada tulisan, terutama yang cukup panjang, dengan begitu fokus masalah pada tulisan ada akan terbagi dengan rapi, dan lebih nyaman dibaca.

Gunakan kata-kata yang beragam agar pembaca tidak bosan dengan kata yang diulang-ulang. Penulisan kata harus dilakukan hati-hati, mengingat banyak kemungkinan salah tik atau salah pada penempatan tanda baca. Sebaiknya sebelum diterbitkan, tulisan perlu di cek untuk memastikan susunan kalimat yang benar pada tulisan.

Sejelek apapun tulisan, tetap lebih bagus dari pada tulisan contekan. Penyakit yang sering terjadi pada penulis adalah mereka tidak berani mencoba, karena takut harga dirinya jatuh akibat kritikan. Perlu diingat, kita perlu berterima kasih pada kritikan tajam terhadap tulisan kita, meskipun menyakitkan, tapi hal tersebut merupakan bentuk dukungan pada si penulis karena telah mau memberikan komentar tanpa diminta.

Menulis pada blog sangat menyenangkan, seperti menyuarakan semua ide kita yang akan didengarkan oleh beribu-ribu orang. Yang paling penting adalah niat dari si penulis. Dengan niat yang baik dan benar dari si penulis, tentunya pesan pada blog Anda akan bermanfaat untuk semua.

Kerangka Etnografi

2009-11-08T21:56:00.000+07:00

Etnografi dikarang guna dapat mendeskripsikan mengenai gambaran kebudayaan suatu suku bangsa. Etnografi diawali dari jurnal perjalanan orang-orang daratan Eropa yang ingin menyelidiki keadaan bangsa-bangsa di luar Eropa. Etnografi tidak mencakup keseluruhan dari suku bangsa, tapi etnografi mencakup suatu bagian tertentu dari suatu suku bangsa, kecuali bagi suku bangsa yang kecil jumlah populasi.

Seorang ahli antropologi Amerika, R. Naroll, menyusun suatu daftar prinsip yang digunakan para antropolog untuk menentukan batas-batas dari masyarakat, daftar itu antara lain berisi:

Kesatuan masyarakat yang dibatasi oleh satu desa atau lebih;
Kesatuan masyarakat yang terdiri dari penduduk yang mengucapkan satu bahasa atau satu logat bahasa;
Kesatuan masyarakat yang dibatasi oleh garis batas suatu daerah politikal administratif;
Kesatuan masyarakat yang batasnya ditentukan oleh rasa identitas penduduknya sendiri;
Kesatuan masyarakat yang ditentukan oleh suatu wilayah geografis yang merupkan kesatuan daerah fisik;
Kesatuan masyarkat yang ditentukan oleh kesatuan ekologi;
Kesatuan masyarakat dengan penduduk yang mengalami satu pengalaman sejarah yang sama;
Kesatuan masyarakat dengan penduduk yang frekuensi interaksinya satu dengan lain merata tinggi;
Kesatuan masyarakat dengan susunan sosial yang seragam.

Seorang Antropolog yang mencari suatu kesatuan etnografi untuk menjadi pokok penelitian dan pokok deskripsi etnografinya sudah tentu juga menghadapi kompleksitas yang berbeda-beda mengenai unsur-unsur kebudayaan yang dihadapinya. Berikut adalah penjabaran dalam kerangka etnografi.

Kerangka Etnografi

Lokasi, Lingkungan Alam & Demografi
Mendeskripsikan etnografi perlu menjelaskan ciri geografi seperti iklim, sifat daerah, suhu dan curah hujan. Etnografi juga memberikan ciri geologi dan geomorfologi dan penyebaran suku bangsanya.

Sejarah Suku Bangsa
Asal mula suatu suku bangsa yang menjadi pokok deskripsi. Ilmu sejarah sangat berguna dalam mencari asal mula suatu suku bangsa. Data itu diperoleh dengan benda-benda kebudayaan prehistori yang ditemukan para ahli prasejarah, baik itu benda yang berwujud ataupun yang tidak berwujud sama sekali.

Bahasa
Sistem perlambangan manusia dalam berkomunikasi baik secara lisan ataupun dengan simbol. Perlu observasi dalam mencari batas penyebaran suatu bahasa. Lalu dimana letak perbedaannya, letak perbedaan dialeknya, perbedaan bahasa yang dipakai di antara golongan sosial.

Sistem Teknologi
Memproduksi, menggunakan, memelihara peralatan hidup dari suatu suku bangsa. Sistem teknologi ini hanya dibatasi oleh teknologi yang asli, atau yang belum terkena pengaruh teknologi dari bangsa lain. Senjata, alat-alat rumah tangga, pakaian perumahan, alat transportasi, dan sebagainya, ditelaah mengenai proses pembuatan, penggunaan dan pemeliharaannya.

Sistem Mata Pencaharian
Dominan dari populasi suatu suku bangsa yang mencari penghidupan dengan cara seperti apa. Apakah itu berburu, berternak, bertani di ladang, menangkap ikan,atau bertani dan menetap dengan irigasi.

Organisasi Sosial
Sistem komunitas yang dianut suatu suku bangsa, yang di dalamnya juga terkandung sistem kekerabatan, kekeluargaan, dan lapisan sosial. Bagaimana suatu komunitas dalam suatu bangsa itu beraktivitas bersama-sama, baik itu secara gotong royong, kekerabatan antar suatu komunitas, dan hubungan keluarga baik dari sistem saudara atau pernikahan.

Sistem Pengetahuan
Bagaimana suatu bangsa itu memperoleh pengetahuan, baik itu berupa teknologi, alat-alat produksi, atau pengobatan dan sebagainya. Sistem kepercayaan zaman dulu yang dipercaya seperti hal-hal aneh yang tidak dapat diterima akal sehat. Pengetauan mengenai alam, manusia, tingkah laku dari masa ke masa.

Sistem Religi
Religi mengundang perhatian banyak ahli antropologi dikarenakan keunikan dalam hal:

Upacara keagamaan dalam kebudayaan suatu suku biasanya merupakan unsur kebudayaan yang tampak paling lahir;
Bahan etnografi mengenai upacara keagamaan diperlukan untuk menyusun teori tentang asal mula religi.
Religi memiliki nilai keramat terutama terlihat pada benda, tindakan dan gagasan tertentu. Sistem religi antara lain meliputi keyakinan, upacara keagamaan, umat yang menganut sistem religi tersebut.

Kesenian
Ekspresi yang dituangkan manusia berdasarkan pemikiran dan intusisinya. Semua itu dilakukan karena menginginkan sesuatu yang berbeda dalam hidup mereka, sesuatu yang dapat memberikan keindahan bagi mereka. Kesenian meliputi seni rupa, seni suaru, seni tari, seni drama, dsb.

Hukum | Definisi Dari Para Ahli

2009-11-08T13:31:00.002+07:00

Hukum adalah suatu peraturan norma-norma dan tata tertib yang muncul di dalam suatu komunitas masyarakat. Hukum tidak pernah diciptakan melainkan tumbuh sendiri di dalam masyarakat seiring dengan kebiasaan-kebiasaan perilaku dari tiap-tiap individu. Tujuan hukum itu tercipta adalah guna memperoleh ketrentaman dan keadilan di antara beberapa individu-individu satu sama lain. Hukum sendiri memiliki pengertian yang dapat dikatakan abstrak. Menurut pendapat Immanuel Kant “Noch suchen die Juristen eine Definition zu ihrem Begriffe von Recht.”. Hukum itu memiliki banyak segi dan meliputi segala lapangan. Oleh sebab itu tidak mungkin membuatu suatu definisi apa sebenarnya hukum itu.
Meskipun hukum tidak memiliki definisi yang pasti tetapi beberapa ahli hukum dari zaman ke zaman selalu mengemukakan persepsinya masing-masing, mengenai apa arti hukum itu sebenarnya. Ada dua ahli hukum yang akan dibahas di dalam makalah ini yaitu Roscoe Pound dan Prof. Mr. J. Van Kan. Kedua ahli hukum ini memiliki pandangan yang cukup berbeda tentang pengertian dari hukum itu sendiri.

Roscoe Pound (1870-1964)
Roscoe Pound memiliki pendapat mengenai hukum yang menitik beratkan hukum pada kedisiplinan dengan teorinya yaitu: “Law as a tool of social engineering” (“Bahwa Hukum adalah alat untuk memperbaharui atau merekayasa masyarakat”).
Untuk dapat memenuhi peranannya Roscoe Pound lalu membuat penggolongan atas kepentingan-kepentingan yang harus dilindungi oleh hukum itu sendiri, yaitu sebagai berikut:
a.   Kepentingan Umum (Public Interest)
        1)   Kepentingan negara sebagai Badan Hukum
        2)   Kepentingan negara sebagai penjaga kepentingan masyarakat.
b.   Kepentingan Masyarakat (Social Interest)
        1)   Kepentingan akan kedamaian dan ketertiban
        2)   Perlindungan lembaga-lembaga sosial
        3)   Pencegahan kemerosotan akhlak
        4)   Pencegahan pelanggaran hak
        5)   Kesejahteraan sosial.
c.   Kepentingan Pribadi (Private Interest)
       1)   Kepentingan individu
       2)   Kepentingan keluarga
       3)   Kepentingan hak milik.
Menurut Roscoe Pound untuk membantu para mahasiswa yang belajar Ilmu Hukum perlu kiranya dikemukakan tentang Disiplin ilmu Hukum.
Ilmu hukum termasuk kedalam ilmu pengetahuan kemasyarakatan yang khusus mempelajari mengenai tingkah laku manusia dalam hubungannya dengan kaidah-kaidah hidupnya terutama yang berlaku pada masa kini (hukum positif).
Kemudian hal-hal yang termasuk ke dalam ilmu hukum itu adalah:
a.   Ilmu Kaidah
b.   Ilmu Pengertian
c.   Ilmu Kenyataan.
Sedangkan kaidah hukum menurut Pound terdiri dari tiga macam yaitu:
a.   Kaidah-kaidah hukum yang berisikan suruhan
b.   Kaidah-kaidah hukum yang berisikan larangan
c.   Kaidah-kaidah hukum yang berisikan kebolehan

Prof. Mr. J. Van Kan
Pengertian hukum menurut Prof. Mr. J. Van Kan adalah “Jadi kaidah-kaidah hukum adalah peraturan-peraturan yang bersifat memaksa, dan pengertian hukum adalah serumpunan peraturan yang bersifat memaksa, yang diadakan untuk melindungi kepentingan-kepentingan orang dalam masyarakat. Tugas dari tata hukum adalah mengadakan kaidah-kaidah untuk melindungi kepentingan-kepentingan yang menghendaki perlindungan yang dapat dipaksakan.”.
Di dalam bukunya yang berjudul “Inleiding tot De Reichtswoten Schap” dikatakan bahwa “Jadi terdapat kaidah-kaidah kesusilaan, dan kaidah-kaidah kesopanan yang semuanya bersama-sama ikut berusaha dalam penyelenggaraan dan perlindungan kepentingan orang-orang dalam masyarakat.”.
Selanjutnya Prof. Mr. J. Van Kan mengemukakan tentang tujuan dari hukum yaitu:

Menjaga kepentingan-kepentingan tiap-tiap manusia supaya kepentingan-kepentingan itu tidak dapat diganggu.
Tertib masyarakat yang baik.
Tujuan kesusilaan ialah penyempurnaan seseorang turut membantu tercapainya tata tertib masyarakat yang lebih baik.

Baik pendapat Roscoe Pound dan Prof. Mr J. Van Kan keduanya tidak dapat dikatakan salah. Keduanya memiliki pemikiran-pemikiran tersendiri berdasarkan apa yang mereka percayai.
Menurut kedua ahli hukum tersebut hukum memiliki tujuan yang sama, yaitu melindungi kepentingan-kepentingan di dalam masyarakat. Menurut Rosioe Paund kepentingan-kepentingan tersebut dibagi menjadi kepentingan umum, masyarakat, dan pribadi, yang dilindungi dengan kaidah yang berisikan suruhan, larangan, dan kebolehan. Sedangkan menurut Mr J. Van Kan di dalam perlindungan kepentingan tersebut terdapat kaidah-kaidah berupa agama, tata susila, dan sopan santun.
Hukum menurut Roscoe Pound lebih menitik beratkan pada kedisiplinan. Sedangkan menurut Mr J. Van Kan hukum sepatutnya lebih menitik beratkan pada peraturannya sendiri.
Kedua pendapat ahli hukum tersebut tidak memiliki persepsi yang terlalu jauh. Intinya adalah hukum merupakan metode untuk menciptakan ketentraman, tata tertib antara satu sama lain di dalam masyarakat, yaitu dengan menerapkan norma-norma atau aturan-aturan yang sifatnya memaksa untuk individu atau kelompok guna memperoleh keadilan dan tidak ada pihak yang merasa dirugikan.
Hukum tidak memiliki definisi yang pasti. Bagi tim penulis, berbagai macam persepsi dan teori dari banyak ahli hukum merupakan referensi yang sangat bermanfaat. Bukan berarti pendapat yang berbeda adalah pendapat yang salah, tetapi keragaman teori merupakan hal yang lumrah dan patut diambil hikmah dari segi positifnya.

Indonesia Tujuh Kali

2009-11-07T05:06:00.001+07:00

7 kali sama dengan saja…

meraup gembira… KERJA…!!! KERJA..!!!

letih tiap bernafas..

Tuhan bantulah…!!

Tuhan bantulah…!!!

kemana arah petualangan ini..?

menangis keras tapi tak ada yang mendengar..

mereka bilang kita merdeka 7 kali..

Bagi yang lain mereka terjajah..7 kali…

Apakah mereka menunggu dipanggil…??

Mereka itu tertawa tanpa busana..

7 kali mereka tertawa, jutaan kali mereka menangis..

Apakah harus menunggu 8 kali untuk gembira..?

Tuhan bantulah…!! (7x)

Mohon bantu 7, 8, 9, 10 kali, dst. untuk tertawa dengan busana lengkap…!!!

Membuat "Slideshow Ads Banner" dengan Javascript

2009-11-05T10:07:00.000+07:00

Ads banner (spanduk Iklan) sering dipasang di bawah atau di atas postingan utama. Tujuannya, tentu saja agar iklan tersebut dapat lebih terlihat oleh pembaca. Biasanya bentuknya persegi panjang, dan cukup memakan tempat apabila dipasang lebih dari satu.

Kalau kamu berminat untuk memasang banyak banner iklan sekaligus, tapi tetap menginginkan tampilan halaman web yang rapi dan lapang, luas, atau tidak sempit, mungkin tutorial berikut dapat berguna untuk web/blog kamu.

Tutorial ini mengenai cara memasang slideshow banner yang akan terus berotasi bergantian dari satu iklan ke iklan lainnya dalam satu frame. Mungkin kalian bisa mengakali banner tersebut dengan script marquee, tapi dengan Javascript yang satu ini, hasil yang akan diperoleh jauh lebih memuaskan pastinya. (Javascript memang OKE..!! ^^ ).

Yang harus dilakukan pertama-tama adalah memasukkan kode CSS & Javascript berikut kedalam kode web/blog (seperti biasa.... Masuk 'Edit HTML' bagi pengguna blogger. ^^).

Berikut kode CSS yang diletakkan di atas kode ]]></b:skin>, cukup kamu copas saja.

#addbox { position: relative; width: 500px; height: 70 px; clip: rect(0px, 500px, 0px, 70px); overflow: hidden;}
#banner1 { position: relative; width: 480px; height: 60px; left: 0; top: 5px;}
#banner2 { position: relative; width: 480px; height: 60px; left: 500px; top: -55px !important; top:-58px;}

Kode berikut berupa javascript, yang dapat kamu Copas (Copy Paste) di bawah ]]></b:skin> atau bisa juga tepat di atas kode </head>.

<script type="text/javascript">

</script>

Kemudian, ganti kode <body dengan <BODY onLoad="initVar(); moveBanner()">. Setelah disimpan, masuk pada tab elemen halaman. Untuk langkah terakhir, buat widget 'HTML/Javascript Code' dan letakkan di bawah atau atas postingan, dan isi dengan kode berikut:

<center><div name="addbox" id="addbox">
<a name="link1" id="link1" href="www.tautan1.com"><img border="0" name="banner1" id="banner1" src="internet-lg.gif"></a>
<a name="link2" id="link2" href="http://www.jupiterweb.com"><img border="0" name="banner2" id="banner2" src="jupiterweb.gif"></a></center>

setelah itu simpan, dan lihat hasilnya. ^^

Mengapa Puisi?

2009-11-02T01:18:00.003+07:00

Puisi tidak hanya sebatas ditulis untuk dibaca, tapi juga dapat memberikan manfaat bagi yang membacanya, entah itu ketenangan jiwa, kesabaran, rasa nyaman, dsb. Puisi merupakan karya sastra yang indah yang penuh dengan kompleksitas makna sesuai dengan isi pikiran penulisnya.

Beberapa dari kita mungkin menyukai membaca, atau berniat untuk menulis puisi untuk mengekspresikan diri kita. Namun, masalah yang sering dihadapi adalah sebagian dari kita tidak tahu bagaimana cara mengeluarkan buah pikiran kita yang abstrak menjadi sebuah tulisan yang indah. Puisi bukan tulisan yang terstruktur secara baku, rapi, atau dengan pola-pola tertentu, tapi puisi lebih mementingkan pada pesan apa yang ingin disampaikan. Tidak wajib untuk dipahami, tapi sebaiknya sebuah puisi dapat menggambarkan, atau setidaknya dapat memunculkan persepsi tertentu bagi orang yang membaca atau mendengarkannya terhadap apa yang dirasakan oleh penulis puisi.

Konon cinta sangat menginspirasikan sebuah puisi. Pernyataan tersebut benar adanya. Cinta adalah hal yang kita sukai, hal yang menusuk-nusuk otak kita dengan makna-makna yang indah. Akibat tertusuk oleh makna yang indah tersebut terlampiaskanlah dengan sebuah tulisan yang disebut puisi. Sebenarnya tak hanya cinta yang dapat menimbulkan puisi. Amarah, dengki, iri, kejam, cemburu, sedih, dan hal-hal yang tidak kita sukai lainnya juga dapat memunculkan puisi. Hanya kadang, kita merasa selalu ingin melupakan hal-hal tersebut, sehingga malas mengingatnya, apalagi melampiaskan ke dalam bentuk tulisan. Menulis puisi tentang hal yang kita benci bukanlah bentuk mengingat hal-hal buruk tersebut, tapi anggap saja menulis puisi itu sebagai upaya menyalurkan semua kebencian keluar dari diri kita.

Cobalah menulis puisi untuk segala hal yang kita rasakan saat ini, setelah puisi itu selesai ditulis niscaya kita akan merasakan kepuasan yang berbeda, yang tidak bisa kita jelaskan dengan logika.

Percikan Poetry...

2009-11-02T00:36:00.001+07:00

Puisi (dari bahasa Yunani kuno: poiéo/poió (I create) adalah seni tertulis di mana bahasa digunakan untuk kualitas estetiknya untuk tambahan, atau selain arti semantiknya.

Penekanan pada segi estetik suatu bahasa dan penggunaan sengaja pengulangan, meter dan rima adalah yang membedakan puisi dari prosa. Namun perbedaan ini masih diperdebatkan. Beberapa ahli modern memiliki pendekatan dengan mendefinisikan puisi tidak sebagai jenis literatur tapi sebagai perwujudan imajinasi manusia, yang menjadi sumber segala kreativitas.

Baris-baris pada prosa dapat berbentuk apa saja (melingkar, zigzag, dll). Hal tersebut merupakan salah satu cara penulis untuk menunjukkan pemikirannnya. Puisi terkadang juga hanya berisi satu kata/suku kata yang terus diulang-ulang. Bagi pembaca hal tersebut mungkin membuat puisi tersebut menjadi tidak dimengerti. Tapi penulis selalu memiliki alasan untuk segala 'keanehan' yang diciptakannya. Tak ada yang membatasi keinginan penulis dalam menciptakan sebuah puisi.

Mother Earth

2009-10-30T08:16:00.000+07:00

Bergetar saat melangkah..
Muncul mengawali kiamat dunia...

Gaia....

Bagaimana kau lahir..?

Menikahi anak cucu...
Beranak pinak semaunya...
Melahirkan Dewa, Dewi...

Gaia....

Dari mana asalmu...?

Antara Uranus, Pontus, dan Ourea..
Semua dipenuhi tanda tanya....

Malas

2009-10-29T23:34:00.001+07:00

melupakan kejenuhan..
membuat lupa kewajiban...

bergetar tubuh tergunjang deras adrenalin...
malam mengingat hak2 milik, hingga waktu menusuk otak kiri...

hanya berlari tanpa bergerak tertampak pada wujud..
ini tertulis dalam waktu yg sedikit...

bergunjang menunggu saat2 hancur atau bangkit...

Perang Thermopylae

2009-10-29T23:32:00.000+07:00

Anak rantau pulang dari membunuh serigala..
Mencari kerinduan negara...
Perantau dibuat untuk membunuh.. dilatih menjadi bijaksana..
Bangsa terkuat semenjak lahir.. berburu... melawan penindasan
Terdengar riuh gentar gemetar menyelimuti tubuh...
memanjang di thermopylae, menyilaukan 300 tombak di hadapan puluhan ribu pasukan..
Terjepit dinding.. sangat kokoh.. sangat tinggi..
Percaya kematian akan membawa pada raja di surga..
Hanya tombak, pasukan...
Dengan panas suhu didih seluruh tubuh..

tertahan..

terpanah..

terbunuh..

Tiga hari di neraka..

Tiga ratus kematian demi raja...

Putra Koto Gadang

2009-10-29T23:27:00.000+07:00

Semua meninggal...
Yang tersisa hanya kilau putih, abu-abu...

Sedih menghadapi bencana...
Yang tua meninggal...
Yang muda menghilang..

Pendatang mengambil hartaku...
Keluargaku sudah hilang semua...

Siapa aku..?
Kenapa Aku...?
Seharusnya aku...

Pecundang

2009-10-29T23:19:00.000+07:00

Bidadari duduk menatap ketika mataku tajam...
Senyum ubunnya menempel pada lengan kiriku...

Sebatas itu aku merasa...

Terkenang kampung adikku...

Aku baru tersadar...
Aku tidak punya adik...
Aku bahkan jauh dari ibarat manusia...

Aku hanya binatang laut...
Berenang menuju ujung dunia tanpa tahu ada kejujuran...

Aku adalah binatang darat...
Berlari tanpa bergerak...

Akulah binatang langit...
Paham terbang melupakan daratan...

Menunggu...
Hingga akhirnya bidadari pulang ke kayangan...

Aku tidak mengikutinya....

Arogan

2009-10-29T23:15:00.002+07:00

Semua tak dapat diulang

Tersenyum saat mengenang kejayaan, sebatas ilusi
Menangis saat memandang lanskap di depan

Tak perlu pikirkan tinggi, rendah
Tapi pikirkan apa yg ada di atas

Kehidupan adalah keseimbangan
Terkadang nafsu menjadi aksioma, oase dianggap fatamorgana

Terjebak arah bercabang
Tersesat di akhir jalan

Terkenang ilusi kejayaan
Menangis menatap ke belakang

Kontak Blogger:

2009-10-15T10:09:00.008+07:00

Aktifitasku

2009-10-02T00:56:00.002+07:00

Artikel Secara Acak

2009-10-01T23:56:00.002+07:00

Daftar Isi:

2009-10-01T21:16:00.011+07:00

Banner & Link Sobat Blogger

2009-10-01T19:28:00.040+07:00

Tertarik Bertukar Banner??? silahkan komentar di post ini atau di Buku Tamu

Award dari sobat blogger:

Bagaimana penilaian anda terhadap tampilan "halaman utama" pada blog ini?
	Sangat Bagus
	Bagus
	Cukup Bagus
	Jelek
	Sangat Jelek
Lihat hasil

Nama :
Email :
Subyek :
Pesan :
Image (case-sensitive):