lefransnote

Cara sederhana membagi bandwidth client warnet tanpa software

2011-12-15T23:15:00.000-08:00

Sebenernya cara ini adalah cara yang digunakan untuk mempercepat kecepatan ineternet kita pada windows XP.

Inti nya adalah windows XP tersetting secara default akan mengambil 20% dari kecepatan akses internet kita yang 100%.

Sebenar nya, ada beberapa software juga yang dapat kita gunakan untuk membatasi pemakaian bandwidth pada tiap komputer client, tapi cara ini belum dapat menjamin 100% bandwidth komputer client di warnet terbagi secara adil.

Nah, cara yang akan saya gunakan adalah dengan cara mensetting % penggunaan bandwidth client yang di setting melalui windows itu sendiri.

Cara nya adalah sebagai berikut:

1. Klik start ==> run

2. Lalu ketik gpedit.msc, Kemudian setelah itu keluar kotak “Group Policy”

3. Di “ Computer Configuration “, Pilih “Administrative Templates“

4. Lalu pilih “ Network “

5. Klik pada “QoS Packet Scheduler “

6. Setelah itu Pilih Pada “ Limit reservable Bandwidth “

7. Pilih dari “ Not Configured “ menjadi “ Enable “

8. Setelah itu Pada tabel bawah pada tulisan “ Bandwidth Limit % “ Ubah Dari “20” Menjadi “80 atau 20”, Lalu “Apply” , “ OK “. setting ini tergantung dari jumlah komputer, jika kita mau setting setiap komputer dapet bandwith 10% maka kita tinggal masukan angka 90%, bila setiap komputer ingin kita set dapat 20% maka tinggal kita masukan angka 80%.

semoga membantu.

Cara Memblokir Akses Ke Website Tertentu Secara Manual

2011-12-15T11:09:00.000-08:00

Pusing-pusing memblock website dengan menggunakan DNS atau software lain? disini saya akan berbagi cara memblokir akses website dengan mudah, yaitu hanya menambahkan rule pada hosts. Biasanya memblokir akses website bertujuan untuk membatasi penggunaan internet yang berakibat negatif, misalkan situs porno, atau juga jejaring sosial, biasanya jejaring sosial diblok pada akses internet di kantor-kantor agar para karyawan dapat bekerja secara efektif.

Langsung saja kita ke topik, cara memblokir website dengan cepat dan tanpa menggunakan software, pertama kita cari file hosts yang berada pada folder :

C: > Windows > System32 > Drivers > etc

Kemudian buka file hosts dengan menggunakan notepad, misalkan kita ingin memblokir akses facebook pada komputer kantor. Tambahkan rule dibawah ini :

127.0.0.1 www.facebook.com

Gunakan Tab untuk meratakan agar rule ini rapih dan selanjutnya save hosts yang telah diedit tadi. dan file tadi akan berekstensi host.TXT, hapus ekstensi .TXT nya sehingga file tersebut tidak mempunya ekstensi, kemudian replace file hosts yang berada di folder etc tadi.

Selesai, maka facebook tidak akan bisa diakses dikomputer teman-teman.

Kelemahan :

Cara ini hanya bisa digunakan pada komputer yang telah disetting dengan cara diatas, jika komputer belum disetting dengan cara diatas maka akses ke webiste yang ingin diblokir masih bisa untuk diakses.

Cara Menyembunyikan Hardisk Secara Manual/Tanpa Sofware

2011-12-15T11:04:00.000-08:00

Trik Menyembunyikan Harddisk - Haluw sobat blogger bertemu lagi di Pembelajaran Komputer dan Internet, kali ini saya akan memberikan sedikit tips bagaimana cara menyembunyikan hardisk di PC. Tentu sobat semua tidak ingin data di Kompi di copy paste seenaknya oleh orang lain, Nah untuk mengakalinya kita dapat menyembunyikan hardisk untuk sementara agar tidak bisa dibuka, yakni dengan menggunakan perintah MS-DOS

Berikut Langkah Menyembunyikan Harrdisk :
1. Klik Start Menu –> Run –> ketik diskpart lalu tekan Enter
2. Jendela DOS akan terbuka, ketik list volume lalu tekan Enter seperti gambar berikut

3. Misal saya akan menyembunyikan Drive E, pilih volumenya dengan cara ketik select volume 3 lalu tekan Enter.

4. Ketik remove letter E lalu tekan Enter

Muncul keterangan sukses, sekarang cek Drive E dari windows explore, maka akan tersembunyi.

Untuk menampilkan kembali Drive E

    * pilih dulu volumenya select volume 3
    * ketik assign letter E
    * lalu tekan Enter.

Gimana cukup mudah bukan Menyembunyikan Harddisk, silahkan dicoba,,
Semoga bermanfaat

Seekor Simpanse Membantu Anak Harimau Minum Susu

2011-11-11T14:32:00.000-08:00

Benar-benar moment yang mengharukan. Seekor simpanse yang bernama Do Do, dengan sukarela membantu anak harimau berumur 2 bulan untuk meminum susu.

Anak Harimau itu bernama Aorn. Dilihat dari foto yang diabadikan di Samut Prakan Crocodile Farm and Zoo di luar Ibu Kota Bangkok, Thailand ini, Aorn tampak girang menyedot susu dari botol yang dipegang oleh Do
Do.

Do Do pun begitu, dari raut muka nya, tak ada sedikitpun kengerian yang terlihat. Dengan tenang dan telaten, dia terus memberikan susu itu kepada Aorn, layaknya kepada anak sendiri. Kadang, Do Do mengisap
susu itu terlebih dahulu untuk memastikan rasa dan suhunya pas buat Aorn.

Keren ya, Gan. dari Si Do Do kita belajar, kalau menyayangi dan membantu itu tak usah pandang bulu dan pilih kasih.

Sebagai manusia harusnya kita malu. Untuk membantu sesama, kadang kita suka pamrih dan itung-itungan. Kalau ada duitnya, kita mau membantu, kalau ngga ada, suka nyeletuk, “Maaf ya, lagi sibuk nih.”

Untuk belajar ilmu ikhlas, ternyata kita tak harus melulu berguru kepada yang ngerti agama. Dari Si Do Do ini pun, kita bisa belajar arti ikhlas dan tanpa pamrih yang sebenarnya.

Masa kita kalah sama simpanse?

Daftar isi

2011-11-07T10:52:00.001-08:00

Membuat Daftar isi Otomatis

2011-11-06T20:58:00.000-08:00

   Membuat Daftar Isi Otomatis di Blog - Salah satu keuntungan memasang daftar isi di blog adalah untuk mempermudah pengunjung untuk mencari artikel yang mereka inginkan selain melalui kotak search. Daftar isi ini sudah di bagi otomatis menurut label yang kita beri di setiap artikel yang kita buat. Selain itu, setiap artikel kita yang baru kita buat akan terdapat kata 'new' !

      Belum pernah lihat daftar isi nya seperti apa ? coba cek di link berikuthttp://lefransnote.blogspot.com/2011/11/blog-post.html atau klik pilihan menu di atas yang berjudul 'daftar isi'. Gimana ? tertarik menggunakan nya ? Ayo ikuti langkah-langkah berikut untuk membuat daftar isi ^_^

    Login ke blogger
    Klik 'Rancangan' atau 'Design'
    Lalu klik 'Tambah Gadget' atau 'Add a Gadget' lalu cari dan klik 'HTML/ Javascript'
    Copy Paste kode berikut pada halaman yang terbuka tadi

    <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src=http://lefrans.googlecode.com/files/daftarisi.js"></script><script src="http://dopind.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>

    #Ganti kode berwarna merah dengan ukuran lebar yang kalian inginkan
    #Ganti kode berwarna biru dengan ukuran tinggi yang kalian inginkan
    #Ganti kode warna hijau dengan alamat blog kalian

    Lalu buat 'new post' atau 'new page' dan kopy paste kode berikut ke dalam kotak entri..

<script src="http://lefrans.googlecode.com/files/daftarisi.js">
</script><script src="http://lefransnote.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

    #Ganti kode warna hijau dengan alamat blog kalian

    Sudah itu saja kawan langkah-langkahnya buat daftar isi blog sendiri , coba lihat lagi contoh daftar isinya disini http://lefransnote.blogspot.com/2011/11/blog-post.html .. semoga bermanfaat ^_^

Daftar Isi

2011-11-06T20:20:00.001-08:00

membuat show/hide artikel terkait

2011-11-01T11:15:00.000-07:00

Cara Membuat Related Post Buka/Tutup. Apa itu Related Post ? Related Post adalah sekumpulan link untuk memudahkan para pembaca mencari atau menemukan konten yang

Pasti sobat semua sudah mengetahui, seperti apa itu Related Post. Namun, kali ini saya akan memberikan hal yang berbeda, yaitu menggunakan Spoiler. Spoilernya pun berbeda dari yang lain, karena menggunakan Spoiler versi shoh/hide. Tapi, sebelum kita ke Tutorialnya, alahkah baiknya jika kita mengetahui fungsi dari Related Post berikut :

Memudahkan para pembaca mencari konten yang hampir serupa atau berhubungan. Maka pengunjung akan berlama lama berada di blog kita.
Otomatis halaman yang terbuka atau Page Views pun akan bertambah, karena pengunjung akan membaca artikel-artikel kita yang lain.Bagus untuk SEO. Karena semakin lama pengunjung berjalan-jalan di blog sobat semakin bagus juga pandangan blog sobat di mata search engine.
( Dengan Spoiler !! ) Akan menghemat ruang, karena dapat dibuka/tutup, dan tidak akan memusingkan pengunjung blog kita.

Banyak sekali keuntungan-keuntungan yang kita dapat. Tidak ada salahnya kan jika kita mencoba Widget ini? ^.^ Okee, daripada penasaran langsung saja kita ke Tutorialnya :

1. Login ke akun Blogger sobat.
2. Pilih menu Rancangan => Edit HTML => Centang Expand Template Widget
3. Cari kode dan letakkan kode berikut, tepat dibawah kode

4. Simpan Template.

Simple sekali kan Script nya? haha.. Tapi jangan senang dulu, karena ada script yang lain, yang harus kita tambahkan. Mari kita maju ke langkah selanjutnya, Maju Terus Pantang Mundur !!

5. Cari kode <data:post.body/>. Copy semua kode berikut , dan letakkan dibawah <data:post.body/> ( Jika sudah menggunakan read more, letakkan pada <data:post.body/> yang kedua )

<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});</script> <button id='butToggle' input='' style='-moz-border-radius: 20px 20px 20px 20px; background: none repeat scroll 0% 0% rgb(224, 236, 248); border: 4px solid ##794704; color: #ffffff; font-family: Corsiva; margin: 5px 0px 0px; padding: 5px; width: 200px;'>Click untuk artikel lainnya</button> <style type='text/css'>#dvt{width: 100%;height: 100%;border: solid 0px black;background-color:ffffff; display:none;}</style> <div id='dvt'> <b> <b:if cond='data:blog.pageType == "item"'> <div class='similiar'>    <div class='widget-content'> <h3>Artikel Terkait Lainnya :</h3> <div id='data2007'/><br/><br/> <div id='hoctro'> <u/><u/> </div> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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></b><span style='font-size: x-small;'>Widget By : <a href='http://lefransnote.blogspot.com/'><i><b>lefransnote's Site </b></i></a></span> </div></b:if>

Simpan Template, dan lihat hasilnya ^_^

Letakkan Judul Posting di Depan Nama Blog

2011-10-28T23:27:00.000-07:00

Agar judul posting ini lebih jelas maksudnya, silahkan anda lihat pada tab browser anda di atas. Judul posting ini berada di depan kemudian disusul nama blog di belakangnya. Begitu pula nantinya tampilan dalam query search engine. Apabila judul blog berada di depan, maka prioritasnya akan berbeda serta pengunjung yang sedang melakukan pencarian tidak dapat melihat judul posting secara lengkap, karena biasanya bagian belakang akan terpotong apabila baris judul panjang. Hal ini tentu tidak baik bagi SEO.

Biasanya, template eksternal yang telah dikostumisasi serta disisipi hack SEO memiliki fitur ini. Namun ada pula template yang benar-benar pure dan belum di ubah sama sekali, terutama template-template official bawaan Blogger. Oleh karena itu, bagi anda yang masih memiliki baris judul yang menempatkan nama blog/website di depan judul posting, ubahlah melalui cara berikut:

1. Masuk ke dashboard > Design > Edit HTML.
2. Cari (Ctrl+F) baris tag seperti berikut ini, letaknya ada di bagian atas setelah <head> dan sebelum <b:skin> di template HTML anda:

<title><data:blog.pageTitle/></title>

3. Sekarang silahkan GANTI dengan script tag berikut:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Perhatikan tanda "~'. Itu adalah tanda yang saya pakai untuk memberi batas antara judul posting dan nama blog ini. Anda dapat menggantinya dengan tanda yang anda suka, misalnya ">>" atau "|".
4. Simpan/save template HTML. Buka salah satu artikel/posting blog anda. Lihat bagian atas browser dan perhatikan perubahan yang terjadi.

memasang meta tags untuk mengoptimalkan pencarian di search engine (SEO)

2011-10-28T22:38:00.000-07:00

Meta tag berfungsi untuk memberikan informasi kepada search engine mengenai gambaran dan isi suatu blog/website. Blogspot/Blogger dengan template bawaan/official biasanya belum memiliki meta tag ini, oleh karena itu, untuk mengoptimalkan pencarian di search engine (SEO), meta tag perlu ditambahkan.

1.Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi
kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut :

<meta name="description" content="lefransnote.Blogspot.com is a blog tutorial that explain how to improve your blog's performance and SEO">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut.
Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang
ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to...

2.Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah
sebagai berikut :

atau ada juga yang menulis dengan pemisah tanda koma :

meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan
mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah :

Disini terlihat sekali bahwa kata "blog", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine :
<meta name="keywords" content="tips trik blog blogger blogspot dst...">

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda
memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan
banyak dicari orang.

3.Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu
website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut :

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :

Dengan perintah ini spider akan meng-index main page dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).
Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web.

Lalu bagaimana memasang Meta Tags di Blogger/Blogspot?
Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke Dashboard > Edit HTML kemudian copy paste kode dibawah ini, letakkan dibawah <title><data:blog.pageTitle/></title> (cari dengan Ctrl+F) dan jangan lupa merubah kode warna merah di bawah sesuai dengan deskripsi dan keyword blog yang diinginkan.
    <meta content=' Tulis deskirpsi disini' name='description'/>
    <meta content='keyword1 keyword2 keyword3 ...' name='keywords'/>
    <meta content='INDEX, FOLLOW' name='ROBOTS'/>

Kemudian save template. Done!

Percepat Blog dengan compress Css/Html/jv scrip/image

2011-10-27T18:19:00.000-07:00

Kompres Code CSS Untuk Mempercepat Loading Blog, karena para pengunjung sering komplain dan paling males jika menemui blog yang loadingnya minta ampun beratnya, dimana efek buruknya yaitu, jangan berharap para pengunjung akan kembali lagi ke blog kita. contohnya gak jauh-jauh, blog saya ini juga tergolong berat, tp karana kebantu oleh cache jadi mending'lah gak berat-berat amat, tapi menurut saya masih perlu di kompres lagi. hihihi...
Setelah kemarin saya membahas tentang Cara Mempercepat Loading Blog dengan CSS External , dimana pada cara tersebut, kode CSS kita buat file.css dan mengupload ke webhosting, Nah kali ini ada cara yang lebih mudah dan lebih praktis, yaitu kita mengkompres kode CSS dengan aplikasi online. Cara yang sudah saya praktekan sebelumnya yaitu mengkompres CSS dengan CSS Compressor.

Penting!!
Untuk jaga-jaga selalu backUp dulu template sobat, agar bila nanti sobat mengalami masalah, bisa sobat upload kembali backup templatenya. Ok....
Berikut langkah-langkahnya:

Seperti biasa, Login ke akun blogger sobat

Masuk Rancangan/Layout

Pilih Edit HTML

Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)

Perhatikan Langkah-langkah berikut ini

1. Kompres kode CSS pada umumnya (standart)

Untuk pada cara pertama ini adalah cara yang umumnya sering kita/para blogger lakukan.

    Untuk melihat/membandingkan hasilnya, terlebih dahulu, untuk mengeceknya silahkan cek di Speed Test
    atau di http://gtmetrix.com Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
    Bila sobat kurang jelas dengan penjelasan diatas perhatikan ini:

<b:skin><![CDATA[

. . . . .KODE-KODE CSS. . . . .

]]></b:skin>

    Buka situs CSS compressor disini
    Setting pengaturannya seperti berikut:

Compression mode = pilih 'Normal'
Comment handling = pilih 'Don't strip any comments'

Pastekan kode CSS yang telah di potong tadi pada kotak kosong
Kemudian klik Compress-It
Selanjutnya copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>

    Terakhir klik Simpan
Tugas sobat selanjutnya yaitu membandingkan berat blog sebelum dan setelah dikompres.

2. Cara Kompress Kode CSS Kedua (ini jurus dari mbah saya) dan juga Kompres pada Kode HTML

Triknya juga gak jauh-jauh dari cara yang pertama, cuma cara kedua ini lebih galak dari yang sebelumnya, (kata simbah gitu) Ckckckk
Karena memang caranya yang agak rumit, apalagi melihat kode CSS yang sudah kita kompres, pasti gak ada koma, titik dan spasinya. Pastinya membuat bingung kalo kita mau edit kodenya.
Tapi bila sobat berminat untuk mengkompres kode CSS biar makin maknyus, silahkan ikuti langkah-langkahnya berikut ini:

Caranya perhatikan kembali langkah pada cara yang pertama, yaitu:

    Blok dan POTONG semua kode CSS dari setelah kode
<b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
    Buka situs CSS compressor disini
    Settingnganya rubah seperti berikut:

Compression mode = pilih 'Super Compact'
Comment handling = pilih 'Strip all any comments'

    Kemudian tempatkan hasil kompresannya diantara kode

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>

    kemudian potong kembali pada kode diantara kode

<body>
Bla. . . . .bla. . . . .bla. . . . . Bla . . . . .
</body>

    Selanjutnya buka halaman berikut dan kompres kode tersebut disini HTML Optimizer
    Copy dan pastekan kode hasil kompresan tadi diantara kode <body> dan </body>

    Terakhir klik Simpan

3.compress Image

untuk menggunakannya anda bisa ikuti langkah dibawah ini:

Siapkan gambar yang akan di optimize.

Buka www.imageoptimizer.net

Klik Browse dan pilih gambar yang akan di optimiskan

Tentukan ukuran lebar dan tinggi gambar.
Lalu klik Optimize Now.

Pada halaman selanjutnya klik Download to your Computer.

Untuk langkah mengoptimiskan image Sobat tinggal Klik kanan pada image pilh Optimize Image As.., Kemudian atur lebar dan tingginya, Lalu klik Optimize. Ok selesai

Setelah gambar di optimize, baru upload pada postingan Sobat.

Untuk cara kedua harap lebih berhati-hati dalam mempraktekannya, karena kode CSS/HTML setelah dikompres benar-benar akan membuat kita pusing membacanya, hohoho karena memang tanpa spasi.
Oke, tugas sobat selanjutnya yaitu membandingkan hasil dari sebelum dan sesudah dikompres.
Untuk cara diatas sudah saya terapkan pada blog saya ini. Dan hasil nya gak berat2 amat sih blog jadinya tidak mengalami masalah alias lancar!! Dan akhirnya begitulah kiranya Cara Kompres CSS,/Html?image Untuk Mempercepat Loading Blog yang saya lakukan.

4.widget/gadget

Widget/Gadget merupakan bagian penting dari sebuah blog. Akan tetapi jika widget yang digunakan terlalu banyak, semakin lama pula waktu loading halaman. Gunakan widget-widget yang penting dan terutama menunjang navigasi. Hindari widget-widget yang tidak begitu penting dan bahkan tidak mendukung isi blog, misalnya widget jam, kalender, photoshow, dan lain-lain. Widget tersebut saya sebut tidak penting karena sebenarnya pengunjung tidak membutuhkan itu, waktu loading jadi lebih berat, dan tidak memberikan efek apapun bagi performa blog.

5.Tampilan posting halaman utama blogPada halaman utama (homepage), jumlah posting atau artikel yang ditampilkan juga mempengaruhi loading blog. Apabila posting/artikel yang ditampilkan terlalu banyak, maka waktu loading pun akanbertambah. Tampilkan artikel-artikel pada halaman utama dengan jumlah yang sewajarnya, misalnya 5. Untuk mengesetnya, buka dashboard >> Design/Rancangan >> klik 'edit' pada badan blog post >> tulis jumlah/angka posting yang ingin ditampilkan.

Tips Mempercepat Blog

2011-10-27T17:49:00.000-07:00

Mengingat kecepatan akses blog sangatlah penting dan berpengaruh besar untuk sebuah website/blog, saya rasa trik ini sangatlah penting untuk dicoba. tidak jauh-jauh, sebagai contohnya blog saya ini, yang saya rasakan makin lama makin berat saja, hehehe :D dan kebanyakan blogger, bila koneksi lagi down pasti rada maleez tuh untuk mem-visite blog yang lumayan berat. hihihi :p
Karena itulah saya berusaha memaksimalkan, semaksimal mungkin mengompres dan mengurangi berat blog saya ini. kali ini saya akan membahas Cara Agar Loading Blog Lebih Cepat Dengan CSS External , Maksudnya adalah bagaimana kita menyimpan CSS (Cascading Style Sheet) ke tempat hosting agar blog sedikit ringan karena file CSS terpisah dengan file XML-nya.

Kecepatan loading blog, selain dipengaruhi oleh kecepatan koneksi, juga dipengaruhi oleh berat/ringannya blog itu sendiri. ada banyak cara untuk mengurangi berat blog yaitu dengan mengurangi jumlah widget/pernak-pernik blog yang tidak begitu penting, dengan cara mengkompres kode baik CSS maupun HTML, ataupun juga bisa dengan membuat CSS External, yang diupload/disimpan di webhosting. Dan yang akan saya bahas kali ini adalah membuat CSS External.

Sebelumnya cobalah sobat cek berat loading blog sobat Disini

1. Seperti biasa, Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget" ataupun tidak, tidak masalah.

Perhatikan kode CSS dibawah ini, kode tersebut terletak diantara kode
<b:skin><![CDATA[/* sampai dengan sebelum kode ]]></b:skin>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe{
display:none !important}
body{
background:#f5fffa;
width:980px;
color:#333;
font-size:12px;
font-family:Arial,Tahoma,Verdana;
margin:0 auto 0;
padding:0}
Potong atau Cut semua kode CSS-nya mulai dari sini sampai dengan diatas atau sebelum kode:
]]></b:skin>

6. Simpan di Notepad dengan ekstensi.css caranya: klik File, pilih Save As, beri nama file tersebut misal: Blogku.css lalu Save.
7. nah sampai disini kita sudah mempunyai file.css. Selanjutnya kita tinggal mengUpload/menyimpannya di WebHosting, misal yang saya pakai yaitu Google Site.
Bila belum mempunyai webhosting sendiri, silahkan lihat disini cara membuatnya.
8. Jika sudah meng-Uploadnya, misal:

http://sites.google.com/site/kodeblogger/JavaScript/blogku.css

Letakan kode script diatas di antara kode: ]]></b:skin> dan </head> , lihat contohnya seperti ini :

]]></b:skin>
<link href='http://sites.google.com/site/kodeblogger/JavaScript/blogku.css' rel='StyleSheet' type='text/css'/>
</head>

9. Sebelum menyimpannya, harap di Preview terlebih dahulu, bila tampilan blog tetap pada aslinya, berarti sobat berhasil mempraktekannya. dan terakhir Save Template Sobat. Sippppp Selesaiiiii.

Catatan:
Setelah mengetahui cara diatas, pasti kita akan direpotkan saat kita akan menambah kode CSS pada template blog kita, yah... mau tidak mau kita harus mengedit dan meng-Upload kembali ke webhosting sobat.

Puisi Chairil Anwar

2011-10-21T14:02:00.000-07:00

Prajurit Jaga Malam

Waktu jalan. Aku tidak tahu apa nasib waktu ?
Pemuda-pemuda yang lincah yang tua-tua keras,
bermata tajam
Mimpinya kemerdekaan bintang-bintangnya
kepastian
ada di sisiku selama menjaga daerah mati ini
Aku suka pada mereka yang berani hidup
Aku suka pada mereka yang masuk menemu malam
Malam yang berwangi mimpi, terlucut debu......
Waktu jalan. Aku tidak tahu apa nasib waktu !

(1948)
Siasat,
Th III, No. 96
1949

Malam

Mulai kelam
belum buntu malam
kami masih berjaga
--Thermopylae?-
- jagal tidak dikenal ? -
tapi nanti
sebelum siang membentang
kami sudah tenggelam hilang

Zaman Baru,
No. 11-12
20-30 Agustus 1957

Krawang-Bekasi

Kami yang kini terbaring antara Krawang-Bekasi
tidak bisa teriak "Merdeka" dan angkat senjata lagi.
Tapi siapakah yang tidak lagi mendengar deru kami,
terbayang kami maju dan mendegap hati ?

Kami bicara padamu dalam hening di malam sepi
Jika dada rasa hampa dan jam dinding yang berdetak
Kami mati muda. Yang tinggal tulang diliputi debu.
Kenang, kenanglah kami.

Kami sudah coba apa yang kami bisa
Tapi kerja belum selesai, belum bisa memperhitungkan arti 4-5 ribu nyawa

Kami cuma tulang-tulang berserakan
Tapi adalah kepunyaanmu
Kaulah lagi yang tentukan nilai tulang-tulang berserakan

Atau jiwa kami melayang untuk kemerdekaan kemenangan dan harapan
atau tidak untuk apa-apa,
Kami tidak tahu, kami tidak lagi bisa berkata
Kaulah sekarang yang berkata

Kami bicara padamu dalam hening di malam sepi
Jika ada rasa hampa dan jam dinding yang berdetak

Kenang, kenanglah kami
Teruskan, teruskan jiwa kami
Menjaga Bung Karno
menjaga Bung Hatta
menjaga Bung Sjahrir

Kami sekarang mayat
Berikan kami arti
Berjagalah terus di garis batas pernyataan dan impian

Kenang, kenanglah kami
yang tinggal tulang-tulang diliputi debu
Beribu kami terbaring antara Krawang-Bekasi

(1948)
Brawidjaja,
Jilid 7, No 16,
1957

Diponegoro

Di masa pembangunan ini
tuan hidup kembali
Dan bara kagum menjadi api

Di depan sekali tuan menanti
Tak gentar. Lawan banyaknya seratus kali.
Pedang di kanan, keris di kiri
Berselempang semangat yang tak bisa mati.

Maju

Ini barisan tak bergenderang-berpalu
Kepercayaan tanda menyerbu.

Sekali berarti
Sudah itu mati.

MAJU

Bagimu Negeri
Menyediakan api.

Punah di atas menghamba
Binasa di atas ditindas
Sesungguhnya jalan ajal baru tercapai
Jika hidup harus merasai

Maju
Serbu
Serang
Terjang

(Februari 1943)
Budaya,
Th III, No. 8
Agustus 1954

Persetujuan Dengan Bung Karno

Ayo ! Bung Karno kasi tangan mari kita bikin janji
Aku sudah cukup lama dengan bicaramu
dipanggang diatas apimu, digarami lautmu
Dari mulai tgl. 17 Agustus 1945
Aku melangkah ke depan berada rapat di sisimu
Aku sekarang api aku sekarang laut

Bung Karno ! Kau dan aku satu zat satu urat
Di zatmu di zatku kapal-kapal kita berlayar
Di uratmu di uratku kapal-kapal kita bertolak & berlabuh

(1948)

Liberty,
Jilid 7, No 297,
1954

AKU

Kalau sampai waktuku
'Ku mau tak seorang kan merayu
Tidak juga kau

Tak perlu sedu sedan itu

Aku ini binatang jalang
Dari kumpulannya terbuang

Biar peluru menembus kulitku
Aku tetap meradang menerjang

Luka dan bisa kubawa berlari
Berlari
Hingga hilang pedih peri

Dan aku akan lebih tidak perduli

Aku mau hidup seribu tahun lagi

Maret 1943

Penerimaan
Kalau kau mau kuterima kau kembali
Dengan sepenuh hati

Aku masih tetap sendiri

Kutahu kau bukan yang dulu lagi
Bak kembang sari sudah terbagi

Jangan tunduk! Tentang aku dengan berani

Kalau kau mau kuterima kembali
Untukku sendiri tapi

Sedang dengan cermin aku enggan berbagi.

Maret 1943

Hampa

kepada sri

Sepi di luar. Sepi menekan mendesak.
Lurus kaku pohonan. Tak bergerak
Sampai ke puncak. Sepi memagut,
Tak satu kuasa melepas-renggut
Segala menanti. Menanti. Menanti.
Sepi.
Tambah ini menanti jadi mencekik
Memberat-mencekung punda
Sampai binasa segala. Belum apa-apa
Udara bertuba. Setan bertempik
Ini sepi terus ada. Dan menanti.

Doa

kepada pemeluk teguh

Tuhanku
Dalam termangu
Aku masih menyebut namamu

Biar susah sungguh
mengingat Kau penuh seluruh

cayaMu panas suci
tinggal kerdip lilin di kelam sunyi

Tuhanku

aku hilang bentuk
remuk

Tuhanku

aku mengembara di negeri asing

Tuhanku
di pintuMu aku mengetuk
aku tidak bisa berpaling

13 November 1943

Sajak Putih
Bersandar pada tari warna pelangi
Kau depanku bertudung sutra senja
Di hitam matamu kembang mawar dan melati
Harum rambutmu mengalun bergelut senda

Sepi menyanyi, malam dalam mendoa tiba
Meriak muka air kolam jiwa
Dan dalam dadaku memerdu lagu
Menarik menari seluruh aku

Hidup dari hidupku, pintu terbuka
Selama matamu bagiku menengadah
Selama kau darah mengalir dari luka
Antara kita Mati datang tidak membelah...

Senja Di Pelabuhan Kecil

buat: Sri Ajati

Ini kali tidak ada yang mencari cinta
di antara gudang, rumah tua, pada cerita
tiang serta temali. Kapal, perahu tiada berlaut
menghembus diri dalam mempercaya mau berpaut

Gerimis mempercepat kelam. Ada juga kelepak elang
menyinggung muram, desir hari lari berenang
menemu bujuk pangkal akanan. Tidak bergerak
dan kini tanah dan air tidur hilang ombak.

Tiada lagi. Aku sendiri. Berjalan
menyisir semenanjung, masih pengap harap
sekali tiba di ujung dan sekalian selamat jalan
dari pantai keempat, sedu penghabisan bisa terdekap

1946

Cintaku Jauh Di Pulau

Cintaku jauh di pulau,
gadis manis, sekarang iseng sendiri

Perahu melancar, bulan memancar,
di leher kukalungkan ole-ole buat si pacar.
angin membantu, laut terang, tapi terasa
aku tidak 'kan sampai padanya.

Di air yang tenang, di angin mendayu,
di perasaan penghabisan segala melaju
Ajal bertakhta, sambil berkata:
"Tujukan perahu ke pangkuanku saja,"

Amboi! Jalan sudah bertahun ku tempuh!
Perahu yang bersama 'kan merapuh!
Mengapa Ajal memanggil dulu
Sebelum sempat berpeluk dengan cintaku?!

Manisku jauh di pulau,
kalau 'ku mati, dia mati iseng sendiri.

1946

Malam Di Pegunungan

Aku berpikir: Bulan inikah yang membikin dingin,
Jadi pucat rumah dan kaku pohonan?
Sekali ini aku terlalu sangat dapat jawab kepingin:
Eh, ada bocah cilik main kejaran dengan bayangan!

1947

Yang Terampas Dan Yang Terputus

kelam dan angin lalu mempesiang diriku,
menggigir juga ruang di mana dia yang kuingin,
malam tambah merasuk, rimba jadi semati tugu

di Karet, di Karet (daerahku y.a.d) sampai juga deru dingin

aku berbenah dalam kamar, dalam diriku jika kau datang
dan aku bisa lagi lepaskan kisah baru padamu;
tapi kini hanya tangan yang bergerak lantang

tubuhku diam dan sendiri, cerita dan peristiwa berlalu beku

1949

DERAI DERAI CEMARA

cemara menderai sampai jauh
terasa hari akan jadi malam
ada beberapa dahan di tingkap merapuh
dipukul angin yang terpendam

aku sekarang orangnya bisa tahan
sudah berapa waktu bukan kanak lagi
tapi dulu memang ada suatu bahan
yang bukan dasar perhitungan kini

hidup hanya menunda kekalahan
tambah terasing dari cinta sekolah rendah
dan tahu, ada yang tetap tidak terucapkan
sebelum pada akhirnya kita menyerah

1949

Label sedikit gaya

2011-10-21T12:49:00.001-07:00

Masukan Kode Di bawah Ini Melalui Penambahan Widget

<div class="widget-content">
<div align="center" style="border: 0px solid #555; padding: 0px;">
<div class="www.lefrans.com" style="background: #999; background: transparent url(http://i1214.photobucket.com/albums/cc489/Gray_December/bgswf.png) center no-repeat; border: 5px solid #020b00; padding: 0 0px; width: 200px;">
<div class="www.lefrans.blogspot.com" style="background: none; background: transparent url(http://i1214.photobucket.com/albums/cc489/Gray_December/joget.gif) center no-repeat; border: 0px solid #020b00; padding: 0 0px; width: 200px;">

<script src="http://franspost.googlecode.com/files/Frlabelflash.js" type="text/javascript">
</script>
<div id="lefransswfconter">
Lefrans</div>
<script type="text/javascript">
var so = new
SWFObject("http://www.swfcabin.com/swf-files/1314874205.swf ",'tagcloud',
'150', '150', '7', '#9b7d5f');
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "220");
so.addVariable("tagcloud", "<tags><a href='http://www.lefrans.com/search/label/Aplikasi%20HP' style='16' color='0xFFff00' hicolor='0xfb3f20'>Aplikasi HP</a><a href='http://www.lefrans.com/search/label/coretanku' style='22' color='0x00ff00' hicolor='0xfbacac'>CoretanKu</a><a href='http://www.lefrans.com/search/label/facebook ' style='16' color='0x00ffff' hicolor='0xf978fb'>Facebook</a><a href='http://www.lefrans.com/search/label/hacking' style='20' color='0x0000ff' hicolor='0xfd8ff1'>Hacking</a><a href='http://www.lefrans.com/search/label/tips%20blogspot' style='9' color='0xFF00ff' hicolor='0xb4acfb'>Tips Blogspot</a><a href='http://www.lefrans.com/search/label/software' style='16' color='0xFF0000' hicolor='0x78fbf9'>Software</a><a href='www.lefrans.com/search/label/jQuery' style='16' color='0xFFff00' hicolor='0xfbc878'>jQuery</a><a href='http://www.lefrans.com/search/label/tips%20n%20trik' style='13' color='0x00ff00' hicolor='0x14eefc'>Tips n Trick</a><a href='www.lefrans.com/search/label/tips%20blogspot' style='11' color='0x00ff00' hicolor='0x16de01'>Tips Blogspot</a><a href='http://www.lefrans.com/search/label/TutoriaL%20blog%20demo' style='11' color='0x00ffff' hicolor='0xfa9cfb'>TutoriaL Blog ini</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("lefransswfconter");
</script></div>
</div>
</div>
</div>
<div class="clear">
</div>

Ganti Tulisan Berwarna Kuning Dengan Alamat anda

Speedy Vs Fastnet

2011-10-12T06:24:00.000-07:00

Buat pengguna internet di Jakarta dan sekitarnya pasti sudah terbiasa dengan nama seperti Speedy dan Fastnet. Tapi, apa sih hal yang membedakan 2 hal ini. Kenapa Fastnet bisa lebih murah sedangkan Speedy harga masih selangit? Kenapa Speedy bisa masih bertahan dengan harga yang selangit tersebut?

Nah, saya mencoba membuat komparasi antara kedua produk tersebut. Dalam hal ini saya membandingkan antara dua penyedia internet terkemuka di Indonesia, Speedy dan Fastnet, dari sudut pandang saya, dan beberapa komentar yang saya terima dari beberapa teman saya.

Klik Untuk Memperbesar

1. Harga & Speed

Dari tabel komparasi diatas jelas kita bisa melihat kalau harga memang ga bohong. Dari segi coverage Speedy jauh lebih luas daripada fastnet, oleh karna itu harga yang dipasang juga selangit, serta dari berbagai sumber di internet sih, saya bisa menyimpulkan infrastruktur yang digunakan untuk membuat jaringan Speedy ya memang lebih mahal daripada Fastnet. Makanya ya mereka pasang harga lebih mahal daripada Fastnet.

Saya pengguna Speedy, tapi saya pribadi menyarankan memang lebih baik menggunakan Fastnet dibanding Speedy dilihat dari sisi harga dan kecepatan yang ditawarkan. Toh, dari komparasi harga tabel diatas, untuk kecepatan yang sama Fastnet menawarkan harga +/- 30% dari harga Speedy.

Winner: Fastnet

2. Streaming

Wah, untuk yang satu ini, memang Fastnet jagonya. Karena harga dan speed yang ditawarkan beragam dan sangat terjangkau. Bayangin aja, dengan harga Rp.195.000,- udah dapet kecepatan 1Mbps, bandingkan dengan Speedy yang hanya dapet 384 Kbps. Phew, long way to go dude..

Winner: Fastnet

3. Coverage

Untuk jangkauan ga usah ditanya Speedy pasti juaranya. Dari Sabang - Merauke, asal ada jaringan telepon yang memadai, maka bisa kita pasang jaringan ADSL. Kalau Fastnet? Wah, untuk saat ini Fastnet cuma melayani di daerah Jabodetabek (ga semua, kebanyakan kompek rumah) dan Surabaya aja.

Winner: Speedy

4. Flexibility

Untuk fleksibilitas dari segi paket yang ditawarkan. Speedy lebih banyak pilihannya. Jadi, buat kita-kita yang ga terlalu hobi banget sama internet. Kita bisa ambil paket yang jam-jam-an, atau biasa disebut paket quota. Tentunya harganya lebih murah daripada paket yang unlimited.

Winner: Speedy

5. Customer Satisfaction

Untuk hal ini, saya sebagai pengguna Speedy, sering melakukan panggilan keluhan ke Telkom 147. So far, tanggapannya cepat dan ramah. Sempet, internet mati karena kesamber petir. Hari ini di telpon, 2-3 hari kedepan langsung dateng tech-supportnya. Satu hal yang bikin males kalo dari Speedy, adalah ketika kita mau upgrade paket, kita bisa lakukan via telepon, tetapi kalo kita mau downgrade, kita harus ke plasa Telkom buat lakukan hal tersebut.

Kalau dari Fastnet, denger-denger dari yang pakai customer servicenya lambat responnya dalam menanggapi keluhan dari pelanggan. Apalagi kalau internet lagi ajeb-ajeb. Bisa naek darah buat minta tech-supportnya ngeladenin. Hehe..

Winner: Speedy

6. Reliability

Speedy lebih stabil dari ancaman cuaca, gempa bumi, angin topan, banjir, dll. Jadi kalau lagi cuaca jelek, masih bisa kita berinetan ria. Kalau Fastnet, denger-denger lagi dari temen serta kalo baca testimoni di forum kalau memang cuaca ga bersahabat, internet jadi suka ajeb-ajeb.

Winner: Speedy

Well, penilaian diatas bukan karena saya pemakai Speedy, jadi kesannya selalu mengunggulkan Speedy. Toh, jujur kalau memang Fastnet masuk ke daerah rumah saya, tidak segan-segan saya langsung mengganti layanan karena harga dan kecepatan yang sangat menggiurkan :p~ Ya bisa dibilang terkompensasilah, seluruh kekurangan dari Fastnet sama harga dan speednya.

Header Menu Jquery

2011-10-11T03:17:00.000-07:00

Header Menu sederhana tapi Bagus untuk menambah kecantikan blog

Sebelum

Sesudah

Masukan Kode Css Di bawah Ini Di atas ]]></b:skin>

ul#topnav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-size: 1.1em;
}
ul#topnav li{
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    height:40px;
}
ul#topnav a, ul#topnav span {
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #ff0000;
    background: transparent(http://www.sohtanaka.com/web-design/examples/fancy-navigation/a_bg.gif) repeat-x;
    text-transform: uppercase;
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
ul#topnav a{
    color: #555;
    background:#ff0000;
border-left: 3px solid #ffffff;

}
ul#topnav span{
    background-position: left top;
border-left: 3px solid #ff0000;
}

masukan kode Jquery diatas </body>

<script type='text/javascript'>
$(document).ready(function() {

    $("#topnav li").prepend("<span/>");

    $("#topnav li").each(function() {
        var linkText = $(this).find("a").html();
        $(this).find("span").show().html(linkText);
    });

    $("#topnav li").hover(function() {    //On hover...
        $(this).find("span").stop().animate({
            marginTop: "-40"
        }, 250);
    } , function() { //On hover out...
        $(this).find("span").stop().animate({
            marginTop: "0"
        }, 250);
    });

});
</script>

Taruh Jquery Diatas Kode <head> kalo sudah ada Tidak Perlu Lg :

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

Kelana

2011-10-10T15:10:00.001-07:00

Akulah sang dewa

Dengan kuas bisa kutuliskan iya

Dan pastinya kaupun kan bahagia

Entah sekarang atau untuk selamanya

Aku juga sang pengelana

Yang mengembara kemanapun aku suka

Tapi ingin kutemukan sebuah suaka

Dimana aku bisa diam dan membuka jiwa

walapun aku sang dewa kelana

Namun ingin kuletakkan sang nama

Berdiam diri disebuah petak yang ada

Membuka sebuah peraduan berdua

Entah dewa ataupun sang pengelana

Keduanya tidakklah berati apapun adanya

Karena kutemukan yang telah memberiku makna

Bahwa berhenti juga bisa memberikan bahagia

Aku Mengerti Cinta Dengan 2 Cara

2011-10-10T15:09:00.001-07:00

aku mengerti cinta dengan cara yang paling sederhana

ketika seorang wanita memeluk mesra buah hatinya

selepas pagi buta dia membuka mata

diiringi sebaris senyum manis pembuka hari

aku mengerti cinta dengan cara yang paling sederhana

ketika seorang pria duduk di beranda diterpa renyahnya gelak tawa

mengawasi buah hatinya dari balik bingkai kaca matanya

yang sedari tadi berlomba memanjat tingginya pohon mangga

Aku mengerti cinta dengan cara yang luar biasa

ketika seorang wanita menyerahkan seluruh hidup dan jiwanya

hanya untuk mencintai anak yang dibesarkannya

tanpa pernah berpikir untuk meminta apa

aku mengerti cinta dengan cara yang luar biasa

ketika seorang pria yang tak perduli akan dirinya

tetap saja tegar berdiri dan mengulurkan tangan

ketika anaknya jatuh dalam pekatnya dunia

aku hanya tahu cinta dengan dua cara

dan jangan paksa diri untuk menguraikannya

karna yang aku tahu sebatas milikku saja

cinta itu sederhana tapi luar biasa

Bintang Timur Balige

2011-10-10T14:32:00.001-07:00

Rhinie.simamora

Alamat :melborne
Facebook

i'm proud to be Christian

Silitonga Haholonganhu

" Kadang Kita harus lebih dulu TERLUKA untuk BERTUMBUH, lebih dulu GAGAL untuk BERHASIL, lebih dulu KALAH untuk MENANG dan Kadang kita harus dulu merasa SAKIT untuk akhirnya menjadi bejana-NYA yg lebih kuat. ( Mazmur 23:1-6 )

" Life Will Teach You Yow To Accept Life "

Edward Sitorus

Facebook
YM: zhuzana14@yahoo.com
Job: trade jual beli online
Alamat:Pekan Baru

ayo maju , bangun impian dan kejar sampai dapat

Chabiee Silitonga

Alamat
Jl. Gatot Subroto Kav. 59
Baru, Indonesia
Email
sandrachabiee@yahoo.co.id
RS.Medistra

Dewie Friska

Alamat:Jakarta
PT. BIOSAP INDONESIA

Yansen A Sibuea

PT.Meranjak Blawn

If we ever forget that we are One Nation Under God, then we will be a nation gone under.
- Ronald Reagan -

Mutiara Siagian

Kutipan Favorit 1.Terimalah didikan-Ku, lebih dari pada perak, dan pengetahuan lebih dari pada emas pilihan
(AMSAL 8:10)
2. Ikkon pasangaponmu do natorasmu, asa martua ho jala leleng mangolu ditano na dilehon ni jahowa detam di ho.

Lidya Rahma Marbun

Alamat

jln.sisingamangaraja
Siborongborong, Indonesia

Bekerja:TOKO MAS RIWANTO

Mbah Fronto SGn

Tentang Mbah Fronto Bijaksana kalau disana,,Bijaksini kalau disini.

Bekerja di :PT Johan sentosa
alamat: riau

Junita S Agriani

Alamat: Bandung, Indonesia
PT.NEW INTI FURNINDO / EXPO FURNITURE

Bigman Sianipar

♣¤══¤۩۞۩ஜஜ۩۞۩¤══¤♣

▓▓║I Want To Kill My Selff║▓▓

♣¤══¤۩۞۩ஜஜ۩۞۩¤══¤♣

♫♫♫♫♫Music is My Life♫♫♫♫♫
♣♣♣♣ Life on rock n Roll ♣♣♣♣

Sartika Purba

Don't cry because it's over, but smile because it happened..

Zefanya 3:17a

Kenny Pardede

God Bless Me
no woman no cry

LOW PROFILE

Deltru Simamora

Alamat Jambi

Sarto Banjarnahor

Menghargai kepercayaan yang sudah di berikan orang lain. Medan

Lenta Simanjuntak

PT. SP ADAMAS. Bekasi
Keep on Hoping in Him...
and Gajah too..hehehe

Just A simple...

Nice girl...hahaha

Patient...(depend on)

Melly Simangunsong

Medan
PT. Prudential Life Assurance
-batu kecil yang bergerak secepat meteor lebih berbahaya daripada gunung yang hanya diam . kekalahan tak selamanya kengagalan tapi kunci keberhasilan dan kebahangiaan yang tertunda.

Max Batahan Tamba

* CV. ROTUA.......( Direktur Utama ) General Contractor * BT NET.............( Pemilik ) Rental internet,browsing,game online.... Jl. SKIP No. 65H ( MEDAN )
"Roda itu berputar,seperti itulah manusia,tak selamanya di atas" Mak lampir anak om uhum yg bilang itu

Selanjutnya

Kisah Tentang Ibu Tua Yang Terlantar

2011-10-10T14:14:00.000-07:00

Ini cerita dari Jepang kuno. Mudah2an bisa diambil hikmahnya...(cerita ini gw dapat dr buku pelajaran bhs Jepang)

Konon pada jaman dahulu, di Jepang ada semacam kebiasaan untuk membuang orang lanjut usia ke hutan. Mereka yang sudah lemah tak berdaya dibawa ke tengah hutan yang lebat, dan selanjutnya tidak diketahui lagi nasibnya.

Alkisah ada seorang anak yang membawa orang tuanya (seorang wanita tua) ke hutan untuk dibuang. Ibu ini sudah sangat tua, dan tidak bisa berbuat apa-apa lagi. Si anak laki-laki ini menggendong ibu ini sampai ke tengah hutan. Selama dalam perjalanan, si ibu mematahkan ranting-ranting kecil. Setelah sampai di tengah hutan, si anak menurunkan ibu ini.

"Bu, kita sudah sampai",kata si anak. Ada perasaan sedih di hati si anak. Entah kenapa dia tega melakukannya.

Si ibu , dengan tatapan penuh kasih berkata:"Nak, Ibu sangat mengasihi dan mencintaimu. Sejak kamu kecil, Ibu memberikan semua kasih sayang dan cinta yang ibu miliki dengan tulus. Dan sampai detik ini pun kasih sayang dan cinta itu tidak berkurang.

Nak, Ibu tidak ingin kamu nanti pulang tersesat dan mendapat celaka di jalan. Makanya ibu tadi mematahkan ranting-ranting pohon, agar bisa kamu jadikan petunjuk jalan".

Demi mendengar kata-kata ibunya tadi, hancurlah hati si anak. Dia peluk ibunya erat-erat sambil menangis. Dia membawa kembali ibunya pulang, dan ,merawatnya dengan baik sampai ibunya meninggal dunia.

Mungkin cerita diatas hanya dongeng. Tapi di jaman sekarang, tak sedikit kita jumpai kejadian yang mirip cerita diatas. Banyak manula yang terabaikan, entah karena anak-anaknya sibuk bisnis dll. Orang tua terpinggirkan, dan hidup kesepian hingga ajal tiba. kadang hanya dimasukkan panti jompo, dan ditengok jkalau ada waktu saja.

Kiranya cerita diatas bisa membuka mata hati kita, untuk bisa mencintai orang tua dan manula. Mereka justru butuh perhatian lebih dari kita, disaat mereka menunggu waktu dipanggil Tuhan yang maha kuasa. Ingatlah perjuangan mereka pada waktu mereka muda, membesarkan kita dengan penuh kasih sayang, membekali kita hingga menjadi seperti sekarang ini.

Aku tidak Penting!

2011-10-08T07:11:00.001-07:00

Aku adalah.......

puisi sakit hati yang menanti mata kiri tertutup mimpi,,

aku adalah.....

tulisan tanpa harapan hanya khayalan mata kanan merapatkan kutukan,,

aku adalah...

berita tanpa peristiwa mengasah sejarah tanpa arah memecah jiwa yang patah,,

aku adalah .....

negara terjajah perasaan terpendam berjuang merdéka jauhi cinta,,

aku adalah ...

sisa terpinggirkan takkan dikenang dalam catatan tanpa nama,,

Crawling in the Dark

2011-10-08T07:07:00.001-07:00

I will dedicate And sacrifice my everything for just a second's worth

Of how my story's ending

And I wish I could know if the directions that I take

And all the choices that I make won't end up all for nothing

Show me what it's for Make me understand it

I've been crawling in the dark looking for the answer

Is there something more than what I've been handed?

I've been crawling in the dark looking for the answer

Help me carry on Assure me it's ok to use my heart and not my eyes

To navigate the darkness

Css Show hidden Content

2011-10-05T12:14:00.000-07:00

Ini bukan seperti kata pepatah "malang tak dapat ditolak, mujur tak dapat diraih", tetapi lebih kepada pengertian "apa boleh buat". Yah ...., memang apa boleh buat. Akhirnya CSS3 memang harus menjadi pilihan utama untuk posting-posting di masa ke depan. Tak dapat lagi ditolak bahwa nantinya desain blog atau web yang tak banyak memerlukan fungsi-fungsi khusus akan lebih baik berkonsentrasi menggunakan CSS3. Disamping semakin banyak fungsi menarik dan atraktif berhasil diciptakan melalui kehebatannya, tentu saja yang jauh lebih penting adalah lebih mudahnya membuat berbagai desain tanpa script. Dan satu lagi tentunya adalah beban yang ditanggung blog semakin ringan.

Berbeda dengan biasanya, dimana show hidden content lebih banya menggunakan "KLIK" untuk membuka dan menutup, kali ini kita akan memanfaatkan mouseover sebagai trigger untuk mengorek apa yang tersembunyi di dalam box. Amat praktis karena hanya perlu sentuhan cursor dan semua bagian serta merta terlihat. Untuk menutup lepas saja cursor dan biarkan box menutup kembali seperti sedia kala. Lho ... jaman sekarang khan pinginnya semua serba otomatis, toh?! Ho ... ho ... bahkan mungkin akan laris jika ada orang yang bisa buat alat pemberi jodoh otomatis. He ... he ... nggak perlu lirik sana lirik-sini atau musti PDKT dan ngapel atau mungkin mak combang maka si jodoh langsung datang begitu saja. He ... he ... mau nggak?

Untuk membuat CSS3 Full Animated Show Hidden Content Onmouseover cukup mudah karena semua kode tinggal simpan di template, kemudian xHTML-nya gunakan saat posting atau di widget blog, maka segalanya akan selesai dengan teramat cepat. He ... heh ... Mo coba? Ini dia kode yang harus kita simpan.

Kode CSS Show Hidden Content

.fr_onmos {
      height: 32px;
      width: 260px;
      border: 2px solid #666666;
      background: #CCCCCC;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      -o-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;
      padding: 5px 5px;
      margin: 15px auto;
      font: 11px Arial;
      color: #003366;
      overflow: hidden;
      box-shadow: 0 1px 8px #000;
      -moz-box-shadow: 0 1px 8px #000;
      -webkit-box-shadow: 0 1px 8px #000;
      }
.fr_onmos:hover {
      min-height: 250px;
      border: 2px solid #333333;
      background: #111;
      box-shadow: 0 1px 15px #000;
      -moz-box-shadow: 0 1px 15px #000;
      -webkit-box-shadow: 0 1px 15px #000;
      color: #000; text-shadow: 0 1px 1px #888;
      }
.fr_onmos h3, .jerohan h3 {
      font-size: 14px;
      font-family: Droid Serif;
      font-weight: bold;
      color: #000;
      text-align: center;
      text-shadow: 0px 1px 1px #fff; margin: 3px 5px;
      padding: 3px 10px;
      background: #bbb;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border: 1px solid #999;
      -o-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;
      }
.fr_onmos h3:hover {
      box-shadow: 0 1px 8px #000;
      -moz-box-shadow: 0 1px 8px #000;
      -webkit-box-shadow: 0 1px 8px #000;
      }
.fr_onmos img.mini, .bgsGR_onmos img.minianima {
      width: 70px;
      border: 4px solid #666;
      padding: 3px;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      float: left; margin: 0 10px 5px 0;
      background: #222;
      -o-transition: all 1.5s;
      -moz-transition: all 1.5s;
      -webkit-transition: all 1.5s;
      }
.fr_onmos img.mini:hover, .bgsGR_onmos img.minianima:hover {
      box-shadow: 1px 1px 15px #000;
      -moz-box-shadow: 1px 1px 15px #000;
      -webkit-box-shadow: 1px 1px 15px #000;
      border: 4px solid #CCCCCC;
      background :#666;
      -o-transform: scale(1.4);
      -moz-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      margin-top: 20px;
      margin-left: 15px;
      }
.fr_onmos img.minianima:hover {
      -o-transform: scale(1.4) rotate(360deg) translate(0px);
      -moz-transform: scale(1.4) rotate(360deg) translate(0px);
      -webkit-transform: scale(1.4) rotate(360deg) translate(0px);
      }
.bawah {
      margin-top: 15px;
      height: 200px;
      overflow: auto;
      padding: 0 5px;
      -o-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out; background: #CFE7E9;
      }
.bawah:hover {
      background: #333;
      color: #eee;
      text-shadow: 0 0px 1px #fe0303;
      }
.bawah h3 {
      margin: 20px 0;
      max-width: 204px;
      background: #66CCFF;
      box-shadow: 0 1px 12px #eee;
      -moz-box-shadow: 0 1px 12px #eee;
      -webkit-box-shadow: 0 1px 12px #eee;
      }
.bawah h3:hover {
      background: #888;
      border: 1px solid #666;
      box-shadow: 0 1px 12px #fff;
      -moz-box-shadow: 0 1px 12px #fff;
      -webkit-box-shadow: 0 1px 12px #fff;
      }
.bawah ul {
      padding: 0;
      margin: 0;
      list-style: none;
      }
.bawah li {
      padding: 0;
      margin: 0;
      list-style: none;
      border-bottom:1px dotted #777;
      }
.bawah li a{
      color: #03d8fe;
      padding: 0;
      margin: 0;
      text-decoration:none;
      font-size: 12px;
      -o-transition: all 1.5s;
      -moz-transition: all 1.5s;
      -webkit-transition: all 1.5s;
      }
.bawah li a:hover {
      -o-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      color: red;
      text-shadow: 0 1px 1px #000;
      margin-left: 20px;
      }
]]></b:skin>

xHTML Animated Show Hidden Content

<div class="fr_onmos">
<h3>CSS3 Show Hidden Content</h3>
<div class="bawah">
<h3>CSS3 Show Hidden Content</h3>
<img class="mini" src="http://img.theomegaproject.org/thumbs/2009/11/121.jpg" />Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
<h3>New Post</h3>
<ul>
<li><a href="Link-1">Tuliskan disini : Link Title-1</a></li>
<li><a href="Link-2">Tuliskan disini : Link Title-2</a></li>
<li><a href="Link-3">Tuliskan disini : Link Title-3</a></li>
<li><a href="Link-4">Tuliskan disini : Link Title-4</a></li>
<li><a href="Link-5">Tuliskan disini : Link Title-5</a></li>
<li><a href="Link-6">Tuliskan disini : Link Title-6</a></li>
<li><a href="Link-7">Tuliskan disini : Link Title-7</a></li>
<li><a href="Link-8">Tuliskan disini : Link Title-8</a></li>
<li><a href="Link-9">Tuliskan disini : Link Title-9</a></li>
<li><a href="Link-10">Tuliskan disini : Link Title-10</a></li>
</ul>
<h3>No Image and Script</h3>
<img class="minianima" src="http://img.theomegaproject.org/thumbs/2010/06/517.jpg" />Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
</div>
</div>
</div>

Login to BloGGeR (Login ke BloGGeR) dengan cara Menuliskan User Name (Nama Pengguna) atau Email Address. Lanjutkan dengan menuliskan Password (Sandi) kemudian KLIK "Login"

Beberapa saat kemudian halaman "Dasboard" akan terlihat. KLIK link "Design (Rancangan)".

Setelah memasuki Page Element, KLIK link "Edit HTML".

Back-up Template dengan cara KLIK "Download Full Template (Download Lengkap Template) dan SAVE/Simpan "File Template" di Folder PC. dan SAVE/Simpan "File Template" di Folder PC.

Cari kode ]]></b:skin>, kemudian simpan kode CSS dengan posisi seperti yang terlihat di kode CSS yang tertulis di atas.

KLIK "SAVE/Simpan Template".

xHTML bisa digunakan untuk posting ataupun digunakan di widget blog. Jika untuk posting, susunlah kode secara rapat, sedang apabila di widget blog, lakukan penyimpanan dengan membuka terlebih dahulu "Page Elemen (Elemen Laman)", kemudian KLIK "Add Gadget", KLIK "HTML/Javascript". Setelah box penyimpanan widget terlihat, masukkan kode dengan copy-paste. KLIK SAVE/Simpan.
Baik gambar atau link dan teks sesuaikan dengan apa yang dibutuhkan.

Pasang Widget Buku Tamu "Slide Out Effect" ( jQuery )

2011-10-05T11:46:00.000-07:00

Membuat cbox Show/Hide pada bagian atas ini merupakan pengembangan kode dari kode-kode untuk membuat cbox Show/Hide sebelumnya, sebenarnya berawal dari Show/hide cbox pada sisi kiri atau kanan blog. Nekat adalah modal utama saya dalam hal otak-atik kode ini, karna saya bukanlah seorang yang ahli dibidang HTML ini...hehehe...

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel {
height: auto;
background:#000;
width: auto;
display: none;
padding: 7px;
border: #0C0;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #f90;
background: url(https://lh3.googleusercontent.com/-XGxvD-bjtLk/TXo6ZGh056I/AAAAAAAAAUI/zvBMp0DrML4/s1600/btn-slide.png) no-repeat center top;
}
.btn-slide {
background: url(https://lh5.googleusercontent.com/-Ia33wJE4nHY/TXo1KNUSasI/AAAAAAAAAUE/Uss0CKLZP9U/s1600/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 12px;
}
</style>

<div id="panel">


---------------


</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

5. Save...

Cukup sekian tutorialnya,, maaf atas segala kesalahan dan kekurangan. Saya harapkan sarannya untuk memperbaikin kesalahan dan kekurangan penulisan ini.

Buku Tamu Ala Facebook

2011-10-05T11:41:00.000-07:00

cara pasang Widget/Buku Tamu Alal Facebook

Okelah klw bgtu langsung saja, sobat bisa langsung memcobanya diblog sobat.

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya

<style type="text/css">
.gb_fixed{position:fixed; Bottom:90px; right:0px; z-index:+10}
* html .gb_fixed {position:relative;}
#hidden_gb2{display:none;border: 3px solid #fff;background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.gif)#000 repeat-x bottom center scroll; padding:10px; padding-top:10px; -moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
#hidden_gb2:hover{border: 3px solid #000; background:url(http://i52.tinypic.com/dc7l0n.gif) no-repeat left bottom #fff; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://i53.tinypic.com/727lw8.png" /></a>
<span style="font-size: 85%;color:Orange;">
Mau Widget
<a href="http://www.uttafreak-987.co.cc/2011/05/cara-pasang-widget-buku-tamu-facebook.html" target="_blank">
Seperti Ini
</a>
and
<a href="http://lefransnote.blogspot.com/2011/10/buku-tamu-ala-facebook.html" target="_blank">
Buat Buku Tamu Facebook!
</a></span></div>
--> Kode Facebook Anda Disini <--

</td></tr>
</tbody></table>
</div>
<script src="http://lefrans.googlecode.com/files/frhack-fbukutamu.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://lh4.ggpht.com/_M1pYMGMUxt0/TF65-kKnCXI/AAAAAAAACs0/o1aXayMUFY8/tamu3.png" style="filter: alpha(opacity=60); opacity: 0.8;" />
</a></div>

5. Save.

Note ::
- Tang berwarna merah ganti dengan kode Facebook Komentar Anda. bisa lihat Disini..