Dunia Blogger: August 2008

Marhaban Ya Ramadhan 1429

Rasanya masih lekat di fikiran Kang Rohman sewaktu merayakan hari Raya Iedul Fitri tahun kemarin, dan ternyata hanya dalam hitungan hari lagi, bulan Suci Ramadhan akan segera tiba. Mungkin karena Kang Rohman terlalu cinta dengan kehidupan ini sehingga perjalanan waktu terasa begitu cepat berlalu, atau mungkin ini merupakan salah satu tanda yang di sebutkan Rasululloh SAW bahwa salah satu tanda kiamat akan segera tiba adalah perjalanan waktu terasa begitu sangat cepat. Setahun terasa sebulan, sebulan terasa seminggu, seminggu terasa sehari, seminggu terasa sehari, sehari terasa satu jam.

Dengan datangnya bulan suci ramadhan ini, Kang Rohman ucapkan “Marhaban Ya Ramadhan”. Mudahan-mudahan kita semua termasuk orang-orang beriman, yang bergembira dengan datangnya bulan penuh rahmat ini. Mohon maaf kang rohman haturkan untuk semua pembaca Blog Kang Rohman. Mungkin selama ini ada tutur kata, tulisan-tulisan, sikap dan perilaku kang Rohman yang tidak berkenan di hati anda semua, mohon di bukakan pintu maaf yang sebesar-besarnya.

Selamat menunaikan ibadah puasa 1429H.

Zoom Efek Dengan Script Fancy Zoom

Bagi anda yang ingin menyimpan gambar dalam ukuran besar pada halaman blog, tentunya akan mengalami kesulitan karena keterbatasan kolom posting ataupun sidebar. Untuk mengatasi hal ini, banyak cara yang bisa kita lakukan, diantaranya adalah dengan memakai scrip fancy zoom. Dengan menggunakan script fancy zoom, anda cukup menempatkan gambar berukuran kecil pada halaman blog anda, baik itu di tempatkan pada halaman posting ataupun sidebar atau juga di bagian footer. Prosesnya adalah ketika gambar tersebut di klik oleh pengunjung blog, maka gambar yang tadinya berukuran kecil akan di zoom sehingga tampak gambar yang berukuran besar. Untuk melihat contoh efek menarik dari fancy zoom, silahkan klik di sini!

Untuk membuat efek zooming seperti yang di contohkan, anda memerlukan script yang di namakan fancyzoom. Sebenarnya script ini di pakai biasanya di pakai pada blog wordpress, namun setelah kang rohman coba, ternyata bisa berjalan di mesin blogger dengan baik. Tertarik membuat efek zoom seperti ini, silahkan lanjut samapai akhir. Berikut langkah-langkahnya :

Silahkan download terlebih dahulu script fancy zoom, klik pada banner di bawah ini :

Mirror 1 (ziddu)	Mirror 2 (bizhat)

Jika sudah di download, silahkan di ekstrak terlebih dahulu dengan memakai software ekstraktor seperti winzip atau winrar. Nanti akan terdapat dua file script java :

Nanti akan ada dua file java yang file name nya yaitu : FancyZoom.js dan FancyZoomHTML.js. Tugas anda selanjutnya adalah mengupload file java tersebut ke server tempat anda biasa menyimpan file java, misalkan ke yahoo geocities atau yang lainnya. Setelah di upload, kemudian copy kedua alamat file tersebut, misalkan kang rohman sudah mempunyai alamat sebagai berikut (hanya contoh saja, jangan di pakai) :

http://www.geocities.com/amn_tea/FancyZoom.js

http://www.geocities.com/amn_tea/FancyZoomHTML.js

Dari alamat tersebut, buatlah kode seperti ini (contoh juga) :

<script src='http://www.geocities.com/amn_tea/FancyZoom.js' type='text/javascript'></script>
<script src='http://www.geocities.com/amn_tea/FancyZoomHTML.js' type='text/javascript'></script>

Kemudian masukan kode tersebut di atas kode </head> di dalam template blog anda. Bingung? ya sudah, lengkapnya begini nih caranya :

Silahkan login ke blogger dengan Id anda.

Klik Tata Letak.

Klik tab Edit HTML.

Klik tulisan Download template Lengkap. Silahkan di backup dulu templatenya (penting).

Cari kode </head>

Simpanlah kode yang tadi di buat di atas kode </head>. Contoh :

Lihat sedikit ke bawah, dan temukan kode ini <body>

Hapus kode <body> lalu ganti dengan kode :

<body onload="setupZoom()">

Klik tombol SIMPAN TEMPLATE.

Untuk langkah awal sudah OK, langkah selanjutnya adalah upload gambar-gambar yang berukuran besar ke server tempat biasa anda menyimpan file gambar, misal ke photobucket.com atau imageshack.com atau di mana saja. kemudian copy alamat gambar tersebut. Misalkan kang rohman sudah mengupload gambar ke google pages dan mempunyai alamat gambar sebagai berikut :

http://kangrohman.googlepages.com/Waterlilies.jpg

Pola pemanggilan gambar yang akan di zoom adalah sebagai berikut :

Jadi untuk contoh alamat di atas, kode yang di buat bisa seperti ini :


<a href="http://kangrohman.googlepages.com/Waterlilies.jpg"><img height="200" src="http://kangrohman.googlepages.com/Waterlilies.jpg" width="300" border="0" /></a>

Kode width="300" dan height="200" adalah ukuran agar gambar yang tampil bisa menjadi berukuran lebih kecil daripada ukuran aslinya, dan tentu saja nilai ini bisa anda ganti dengan nilai yang anda inginkan.

Semoga bermanfaat.

Memilah Milah Komentar

Informasi ringan namun mudah-mudahan bermanfaat, karena ternyata masih ada yang menanyakan tentang bagaimana cara memilah-milah kemunculan kotak komentar posting, tepatnya pertanyaan tersebut seperti ini “ gimana ya cara ngilangin komentar dalam satu postingan seperti dalam postingan kontak kami?”.

Sebenarnya kotak komentar suatu posting tentu saja bisa kita atur agar bisa di munculkan atau disembunyikan pada posting tertentu, caranya terbilang sangat mudah. Sekarang silahkan anda login ke blogger, kemudian pilih posting baru seolah-olah anda akan memposting suatu artikel. Untuk mengatur apakah pada postingan tersebut akan di munculkan kotak komentarnya atau bahkan di sembunyikan, maka anda tinggal klik tulisan Pilihan Posting di sudut kiri bawah kotak posting. Setelah di klik maka akan terbuka opsi yang bisa anda pilih, yaitu :

Komentar Pembaca :

Ijinkan
Jangan di ijinkan.

Tugas anda adalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar. Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan dan tentunya nanti kotak komentar tidak akan muncul, contohnya seperti pada posting kang rohman tentang Kontak Kami. Sangat mudah bukan? atau masih bingung, nih kang rohman berikan screenshot nya, klik pada gambar jika ingin memperbesar :

Apakah postingan yang lama bisa di edit kembali? tentu saja bisa, namun opsi pilihannya berbeda dengan yang baru, yaitu :

Komentar Pembaca :

Ijinkan
Jangan ijinkan, tayangkan yang telah ada
Jangan ijinkan, sembunyikan yang telah ada

Jika anda memilih opsi yang kedua, maka kotak komentar akan di sembunyikan namun komentar yang sudah terlanjur masuk masih tetap tayang. Nah apabila memilih opsi yang ke tiga, maka kotak komentar akan di sembunyikan dan komentar yang telah masukpun akn ikut di sembunyikan sehingga artikel tersebut tidak ada koementarnya.

Semoga bermanfaat.

Alternatif Warna Kotak Komentar

Menyambung postingan yang sebelumnya yaitu tentang cara Modifikasi Template, maka kali ini kang rohman akan memberikan alternatif warna yang berbeda dari yang kemarin. Jadi bagi anda yang merasa kurang cocok dengan warna yang kemarin, tinggal pilih mana yang cocok dengan template blog anda. Alternatif pilihannya adalah sebagai berikut :

Warna apa yang anda suka? tinggal pilih saja. Cara untuk menggantinya sangat mudah, silahkan baca tutorial tentang Revisi Cara modifikasi kotak komentar.

Sudah di baca? jika sudah, anda tinggal upload gambar berikut ke server yang biasa anda pakai untuk menyimpan gambar :

Selain mengganti alamat URL gambar, anda harus pula mengganti warna background . Yang di ganti adalah kode yang ini (warna merah):

#commentblock {
    width: 510px;
    background: #dde28f;
    text-align:left;
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #333333;
    }

kode warna penggantinya adalah sebagai berikut :

Untuk yang warna biru :

background : #c5d3fe ;

Untuk yang warna kuning:

background: #dde28f;

Untuk yang warna pink:

background: #fedadc ;

Untuk yang warnahijau

background: #cbfce2 ;

Mudah-mudahan tidak pada bingung. Sampai jumpa kembali pada posting berikutnya.

Revisi: Cara Modifikasi Kotak Komentar

Sudah baca tutorial kemarin tentang cara modifikasi kotak komentar? Bagaimana hasilnya? dari komentar yang masuk dan setelah kang rohman kunjungi blognya, ternyata memang banyak yang sudah berhasil. Namun ada yang mengeluhkan bahwa hasilnya sedikit berbeda dengan yang di miliki kang rohman, yaitu di sebelah atas garisnya tidak rata sehingga mengurangi keindahan dari kotak komentar tersebut. Screenshotnya seperti ini :

Hiks…. kenapa ya bisa begitu? ternyata permasalahnya adalah gambar yang di upload ke blogger sebagai background kotak komentar tersebut mengalami penyusutan alias di perkecil oleh mesin blogger. So, gambar yang tadinya sudah pas menjadi tidak pas. Apakah ada solusi? tentu saja. solusinya anda harus menyimpan gambar background di server lain seperti di photobucket, google pages, imageshack, yahoo geocities atau di server lainnya yang biasa anda gunakan untuk menyimpan gambar. Tentunya sudah tahu kan cara menyimpan gambar dan mengambil alamat URL nya, belum tahu juga? sok atuh di baca postingan kang rohman tentang “upload gambar ke photobucket” atau tentang “google page creator”.

Trus bagaimana kelanjutan tentang kotak komentarnya? hiksss…lupa. Sekarang begini, silahkan anda save gambar di bawah ini! belum tahu caranya? tinggal sorot saja gambarnya, kemudian klik kanan lalu pilih Save Image As… (untuk fire fox) atau Save Picture As… (untuk internet explorer), kemudian simpan di komputer anda.

background kotak komentar

Sudah di simpan gambarnya? jika sudah, silahkan upload ke server tempat anda biasa menyimpan gambar, kemudian jangan lupa untuk mengcopy alamat URL nya.

Jika sudah dapat, silahkan ikuti tutorial berikut untuk memperbaiki kotak komentar yang kemarin.

Login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML.
Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
Cari kode css yang seperti ini (kode yang kemarin hasil modifikasi).

.commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://3.bp.blogspot.com/_pt7i0nbIOCY/SKr0-3xHq9I/AAAAAAAAAMw/F-3qMZZGo8M/s320-R/comment.gif) no-repeat top left; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://3.bp.blogspot.com/_pt7i0nbIOCY/SKr0-3xHq9I/AAAAAAAAAMw/F-3qMZZGo8M/s320-R/comment.gif) no-repeat top left; }
Gantilah alamat gambar yang saya beri warna merah dengan alamat gambar yang anda miliki. contoh ( ini contoh saja lho, jangan di pakai) :
.commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left; }
Klik Tombol SIMPAN TEMPLATE.
Selesai, silahkan lihat hasilnya.

Mudah-mudahan dengan tutorial ini, keluhan anda bisa jadi terobati. Satu lagi, pada posting berikutnya akan saya berikan altenatif warna lain dari kotak komentar hasil modifikasi ini. Jadi, jangan lewatkan seri berikutnya ya.

Selamat berkreasi.

Cara Modifikasi Kotak Komentar

Hiks... setelah membaca beberapa pesan yang masuk ke kotak shoutbox, kotak komentar serta kiriman email, rupanya banyak sekali yang menyukai tampilan dari kotak komentar yang kang rohman pakai yaitu kotak komentar yang seperti ini :

Seperti biasanya, kalau banyak yang suka pasti kang rohman di berondong oleh permintaan agar di buatkan tutorial cara membuat kotak komentar yang seperti gambar di atas. Nah, untuk memenuhi hasrat beliau-beliau ini maka kang rohman menyempatkan diri untuk membuatkan tentang bagaimana membuat kotak komentar ini.

Perlu di ketahui sebelumnya bahwa setiap kode template antara yang satu dengan yang lain bisa berbeda bisa juga sama, jika tutorial ini tidak sama dengan kode yang ada pada template anda, maka maaf saja berarti anda kurang beruntung. Sebagai contoh, kang rohman memakai kode template Minima.

Agar tidak terlalu ngalor ngidul karena sekarang kang rohman punya penyakit males ngetik banyak-banyak, maka langsung saja kepada langkah bagaimana cara memodifikasi kotak komentar ala blog kang rohman.

Login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML.
Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.
Tunggu beberapa saat ketika proses sedang berlangsung.
Cari kode pada bagian CSS yang seperti ini :

#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; }
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

#comments h4 { margin:0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #000; } #bg_commentblock { width: 548px; background: #ffffff; float: left; padding:20px; margin:0 0 10px 0; border:1px solid #C0C0C0; } #commentblock { width: 510px; background: #E8E8E8; text-align:left; padding: 20px 20px 10px 20px; margin: 10px 0px 0px 0px; border-top: 2px solid #333333; border-bottom: 1px solid #333333; } #commentblock ol { list-style-type: square; margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://3.bp.blogspot.com/_pt7i0nbIOCY/SKr0-3xHq9I/AAAAAAAAAMw/F-3qMZZGo8M/s320-R/comment.gif) no-repeat top left; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://3.bp.blogspot.com/_pt7i0nbIOCY/SKr0-3xHq9I/AAAAAAAAAMw/F-3qMZZGo8M/s320-R/comment.gif) no-repeat top left; }
Lihat Ke bagian bawah, dan cari kode yang seperti ini :

<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1<data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <div id='bg_commentblock'> <h4> Komentar : </h4> <div id='commentblock'> <strong>ada</strong> <b:if cond='data:post.numComments == 1'>1 <b:else/> <strong><data:post.numComments/> <data:commentLabelPlural/> ke “<data:post.title/>”</strong> </b:if> <dl class='commentlist'> <b:loop values='data:post.comments' var='comment'> <span><dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt>pada hari <dd class='comment-footer' style='display:inline; margin:0px'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd></span> <dd class='commenttext'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> </b:loop> </dl> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </div> </div> </b:if>
Klik tombol Simpan Template.
Selesai. Silahkan lihat hasilnya.

Kode-kode diatas tentunya tidaklah mutlak harus seperti itu, jika anda sedikit familiar dengan css, maka anda bisa berkreasi lebih. Terutama pada bagian lebar kotak komentar, anda harus menyesuaikan dengan lebar kotak komentar template anda. Sedikit petunjuk, untuk mengubah lebar kotak koemntar di atas, anda tinggal mengganti nilai dari width nya, contoh : width: 548px; di ubah jadi width: 500px; atau berapa saja sesuai dengan template anda.

Nah itulah tutorial singkat yang anda tunggu-tunggu selama berbulan-bulan, semoga dapat mengobati rasa kesal yang selama ini mengganjal di hati anda.

Selamat mencoba.

Kontak kami

Ingin mengucapkan sesuatu pada kami? mungkin pertanyaan, kritik, saran, sharing informasi atau apa saja? silahkan isi form kontak di bawah ini. Terima kasih.

Terima kasih

Terima kasih sudah menghubungi kami, jika tidak ada halangan kami akan segera membalasnya.

Silahkan klik banner home di bawah ini untuk kembali ke halaman utama.

Menyambut HUT RI Ke 63

Hari ini adalah tanggal 17 Agustus 2008, hari yang bersejarah bagi bangsa indonesia, dan saya adalah bagian dari bangsa itu. Sejarah apa yang sudah terjadi di tanggal ini, pasti anda tahu semua. 17 Agustus 2008 merupakan Hari Ulang Tahun Kemerdekaan republik Indonesia yang ke 63. Tidak terasa sudah 63 tahun lamanya kita merdeka, sebuah angka yang cukup lumayan matang apabila di tinjau dari umur manusia zaman sekarang.

Namun apakah kita benar-benar sudah merdeka? jawabannya pasti akan berbeda. Bagi sebagian orang mungkin sudah benar-benar merasa merdeka, namun bagi sebagian yang lain mungkin saja masih merasa belum benar-benar merdeka. Dan menurut pandanganku sebagai bagian dari anak bangsa ini merasa bangsa indonesia belum sepenuhnya merdeka, belum merdeka dari kemiskinan, belum merdeka dari kebodohan, dan berbagai hal lainnya. Akan tetapi walaupun demikian, kita patut bersyukur utamanya kepada Tuhan Yang Maha Esa yag telah memberikan nikmatnya udara kemerdekaan ini dan juga kepada para pahlawan yang telah rela mengorbankan segenap tumpah darahnya untuk bangsa ini.

Mudah-mudahan di masa yang akan datang, bangsaku ini benar-benar merdeka dalam berbagai hal. Terima kasih ya Alloh, terima kasih para pahlawanku atas jasamu yang tak ternilai harganya.

Jaya selalu INDONESIA ku.

Find Your Match with Online Dating

If you are like the average person looking for love and running out of idea about where to meet your perfect match, why don't you consider the online dating? It is truly the easiest, most convenient and comfortable way too meet singles that will provides a perfect opportunity to get to know people from inside out. You can always take your time browsing through profiles and weeding out people that are not compatible with you.

Visit OnlineDatingTips.org and you will find the guide for every aspect of dating online and using the various dating services available online. This website will give you tips and recommendation about the online dating sites that have good reputations. You can see the reviews of each site with the feature they provide.

Not only providing guide to choosing an online dating service, they will also help you with the FAQ section that contains all about your online dating needs. You can take the advantage from the quick links of best dating sites with highly successful match making. Read the articles about internet dating guides and successful dating tips to find a lasting relationship. And see also the featured tips about finding love online and long distance dating.

Membuat Warna Link Berkedip Warna Warni

Ada yang nanya ke kang rohman :

assalam mualaikum ww. kang ! bagaimana ya caranya bila tulisan tersebut berwarna dan bergerak pergantian warnanya...kayaknya kalau blog saya nantinya jadi lebih bagus deh.

Mungkin maksudnya ketika sebuah link di sorot, link tersebut akan berganti warna secara bergantian. Emang bisa? bisa saja sih, namun harus memakai script. Salah satu script gratis yang bisa di pakai adalah dari http://www.dynamicdrive.com yaitu script rainbow. Ingin tahu caranya? silahkan ikuti langkah-langkah berikut ini :

Langkah Pertama :

Silahkan download dahulu script rainbow, klik pada link di bawah ini :

Download | mirror 1

atau

Download | mirror 2
Ekstraklah file yang sudah di download tadi ( file zip) menjadi file java ( js file ) dengan memakai software ekstraktor seperti winzip ataupun winrar :
Uploadlah file tersebut ke server yang biasa anda gunakan, contoh ke google page creator.
Jika sudah di upload, ambillah alamat URL file tersebut, contoh ( ini contoh saja, jangan di pakai) :

http://kangrohman.googlepages.com/rainbow.js
Ubahlah alamat URL tersebut menjadi seperti ini (contoh saja) :

<script src='http://kangrohman.googlepages.com/rainbow.js'/>

Langkah Kedua :

Silahkan login ke blogger dengan ID .
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini </head>.
Simpan kode scriptnya di bawah kode </head> (contoh saja).
Klik tombol Simpan Template.
Selesai.

Sekarang coba lihat blog anda dan sorot link nya, jika berhasil maka linknya akan berkedip berganti warna.

Selamat mencoba.

ONLINE DATING SERVICES

If you are interested in finding your soul mate online, you can get the most complete source of online dating services in the website at dating-services.net. In the website you will get the information of recommended online dating websites including Yahoo Personals, Perfect Match, DatingDirect.com, and many more, all delivered with the reviews. Get started now and experience and enjoyable mate finding.

Not only the list of dating websites, you can also read the online dating guide that can help you in understanding what to do in online relationship. You will be finding out about the safety, choosing a dating service, costs and free trials, dating features, offline dating events, and anything related to the features in online dating services. You may also see the guidance once you have already been a member of dating service website, including about creating a profile, picture, opening line, finding your match, and getting personal on the phone.

Get started now after reading the dating advices available in the website. Get to learn more about the features that most dating service websites have, such as chat features, mails, video, and many more. You can also get some dating tips in the website. Begin searching now because your soul mate may be already waiting there.

Lagi Butuh Penterjemah

Hasrat hati ingin go internasional, namun sayang bahasa inggris kang rohman amburadul. Dengan bermodalkan bahasa inggris yang hanya bisa yes or no saja, kang rohman mencoba membuat tutorial dalam bahasa inggris. Beberapa komentar sudah masuk, tentunya ada yang menggembirakan hati yaitu ucapan terima kasih dan sanjungan, namun tentu saja ada yang bernada sinis dengan mengatakan bahwa bahasa inggris saya suck. Ucapan seperti itu tidaklah masuk di hati saya, namun justru komentar dengan bahasa halus yang membuat saya menjadi down "tolong bahasa inggris kang rohman di perbaiki agar tidak maluin-maluin di mata international"..hikssss... malu juga kalau di bilang begitu.

Malu tetep malu namun saya tidak mau berhenti sampai di situ, maka kang rohman cari jalan lain yaitu dengan menyewa penterjemah. Alhamdulillah dapet seorang anak smu yang lumayan pinter dalam berbahasa bule. Dari hasil negosiasi tercapailah kata sepakat dengan harga yang relatif murah, beberapa postingan telah di terjemahkan dan semangat kang rohman pun sedikit terdongkrak kembali. Eaa…..lah ternyata dalam beberapa hari belakang ini anak itu sangat sibuk dengan kegiatan sekolahnya, so.. jadi terbengkalai deh tuh updetan…. ceritanya di cukupkan sekian saja…

Cerita di atas hanya sekedar intermezo saja, pada intinya adalah sekarang kang rohman sedang mencari orang untuk di ajak kerjasama atau secara kasarnya lagi butuh penterjemah untuk artikel blog kang rohman yang berbahasa inggris. kriteria yang di butuhkan :

Anda bisa atau ahli berbahasa inggris.
Punya waktu untuk kerja sampingan (nerjemahin maksudnya).
Mau di bayar murah. ( yang ini nih yang paling di cari… hehehe ).

Kriteria di atas tentunya sedikit kurang menggiurkan bagi anda, tapi… eit.. tunggu dulu. Walaupun demikian, ada beberapa hal yang sekiranya menguntungkan anda. apaan tuh :

Kang rohman akan merekomendasikan anda kepada orang lain yang perlu penterjemah.
Jika ada artikel yang berhubungan, tentunya anda akan saya rekomendaskan pula.
Bisa chatting sama kang rohman yang rada susah kalau dengan orang lain… dasar..

Tertarik? silahkan kirimkan penawarannya ke email kang rohman di :

amn_tea@yahoo.co.id

Jangan lupa untuk mencantumkan berapa harga translate perpostingnya ya, yang paling murah tentunya yang akan mendapatkan tender ini… hayo siapa duluan..

==================================================================

Update : Terima kasih kepada teman-teman yang sudah mengirimkan penawaran kepada kang rohman, mohon maaf kepada yang tidak terpilih. Dan untuk ini saya umumkan bahwa kesempatan ini sudah terisi. Terima kasih.

==================================================================

Widget baru Mybloglog

Membaca dari komentar yang ada pada postingan tentang cara setting mybloglog, rupanya ada yang kebingungan di karenakan tutorial yang kang rohman tulis sangat berbeda dengan yang di lihat pada situs mybloglog, kenapa demikian? hehehe…. pasti berbeda soalnya tutorial tersebut sudah tidak up to date lagi alias sudah kadaluarsa karena postingan tersebut sudah sangat lama sekali kang rohman posting dan sekarang mybloglog sudah mempunyai widget baru. Kenapa masih di pampang? duh gimana ya, sayang soalnya. Posting tersebut, sudah mendapat tempat di hati google, jika kang rohman hapus maka takut melukai hati beliau….. weks.

Agar tidak bingung maka pada postingan yang ini akan kang rohman tulis bagaimana cara mendapatkan widget baru dari mybloglog. Namun sebelumnya perlu anda ketahui bahwa sekarang mybloglog sudah termasuk bagian dari keluarga yahoo!, maka untuk bergabung di mybloglog anda harus mempunyai account yahoo! Belum mepunyai account yahoo? silahkan daftar dulu di sini! jika anda sudah mempunyai account yahoo (email di yahoo!), maka anda bisa langsung login.

Berikut adalah langkah-langkah setting widget baru mybloglog :

Silahkan login ke mybloglog dengan ID anda (yahoo! ID).
Setelah login, perhatikan sebelah kiri monitor anda. Tuju ke My Sites and Service, jika anda mempunyai beberapa blog yang sudah di daftarkan, maka akan tampil seperti contoh di bawah ini :
Klik tulisan widgets pada blog yang maudi ambil kode widgetnya, contoh : perhatikan lingkaran merah!
Tuju ke menu dropdown di bawah tulisan Use these choices to play with the look and feel:
Buka masing-masing menu dropdown yang ada, dan pilih sesuai dengan yang anda inginkan :
- Style : Multiple Columns (agar tampilannya banyak), One Column (agar tampilannya hanya satu baris ke bawah).
- Color : Black (agar widget berwarna hitam), Blue (biru), brown (coklat), Green (hijau), Orange (kuning jeruk), Purple (ungu), Red (merah).
- Images : Normal (agar photo yang tampil dalam ukuran normal), Small (ukuran photo yang tampil kecil).
- Flyout Orientation : Left (agar widget ketika di sorot, tampil screenshot ke sebelah kiri), Right (agar tampilnya ke sebelah kanan), None (agar tidak ada screenshot ketika widget di sorot).
Tuju ke sebelah bawah, untuk mengatur lebar dari serta banyaknya baris widget anda.
- Width (150-1200) ; ganti tulisan 220px dengan ukuran yang anda inginkan, misal 300px atau berapa saja (sesuaikan dengan ukran lebar sidebar anda).
- Row(1-100) : ganti nilai 4 dengan nilai baris yang anda inginkan (misal 5,6,7 atau berapa saja yang anda inginkan).
Tuju bagian bawah lagi, atur menu dropdownnya :
- Links Open In : Active Window (ketika widget anda di klik, maka halaman blog anda akan di timpa), New Window (ketika widget di klik akan keluar halaman baru, halaman blog anda tetap ada).
Copy kode yang ada di bawah tulisan : Your Code. Paste Pada notepad atau text editor lainnya.
Silahkan sign out dari mybloglog jika mau.
Selesai.

Karena anda sudah mendapatkan kodenya, maka tugas anda selanjutnya adalah memasukan kode tersebut ke blog anda. Masih belum tahu juga caranya? hiks… cape deh. Nih kang rohman kasih tahu caranya.

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Elemen Halaman.
Klik Tambah Gadget.
klik tanda plus ( + ) untuk yang HTML/Javascript.
Paste Kode widget mybloglog yang ada pada notepad tadi pada halaman yang muncul.
Klik tombol simpan.
Geser elemen yang baru anda buat tadi pada tempat yang anda inginkan.
Klik tombol SIMPAN yang ada di bagian atas.
Selesai. Silahkan lihat hasilnya.

Tutorial di atas merupakan untuk mendapatkan widget baru dari mybloglog, ada sebagian orang (termasuk kang rohman) kurang menyukai tampilan widget baru ini karena terkesan terlalu jrenk. Nah bagi yang kurang suka, anda masih bisa menggunakan tampilan widget yang lama, caranya yaitu ketika anda masuk ke halaman pengaturan widget (seperti tutorial di atas), anda tinggal klik link yang ada di tulisan ini :

Looking for the old-school Recent Reader widget? Find it here.

Untuk melakukan setting pada widget lama ini, silahkan baca tutorial kang rohman tentang Setting widget mybloglog (tuh kan masih berlaku, makanya tidak kang rohman hapus).

Ada lagi satu tambahan yaitu pernah ada teman kang rohman tidak dapat mengambil widget baru mybloglog karena dulu ketika melakukan setting account melakukan kesalahan bahwa blognya termasuk kategori adult (dewasa/konten porno), nah jika anda merasa blog anda tidak ada konten yang mengandung porno, maka anda harus mengirimkan email ke pihak mybloglog melalui link Contuct Us yag ada di situs tersebut, tulis permohonan agar blog anda di review kembali oleh pihak mybloglog dan terangkan bahwa blog anda tidak termasuk blog yang ada konten porno nya (tapi dalam bahasa inggris dhenk).

Ada pertanyaan? silahkan klik http://kolom-tutorial.blogspot.com, cari saja sendiri! (iklan shampo nih).

Mengatur Tampilan Judul Posting

Jika Pada postingan yang terdahulu yaitu tentang bagaimana cara mengatur tampilan judul sidebar, maka ada pembaca yang mempunyai keingintahuan yang lebih. Nah pembaca ini mengajukan pertanyaan lain yaitu "bagaimana cara mengatur judul posting?". Untuk mengatur tampilan judul posting, pada intinya sama dengan mengatur judul sidebar, anda bisa mengatur besarnya hurup, warna hurup, warna background, gambar background, besarnya padding, ingin bergaris atau apapunlah namanya. Masih bingung? nih saya beri sedikit gambaran.

Jika mengacu pada template buatan blogger (minima), maka judul postingan akan di atur pada kode css seperti ini :

.post h3 {
...........
...........
...........
}

Namun pada template baru, judul postingan merupakan sebuah link sehingga anda harus mengatur juga kode yang ada pada kode css seperti ini :

.post h3 a, .post h3 a:visited, .post h3 strong {
............
............
............
}

.post h3 strong, .post h3 a:hover {
............
............
............
}

Anda tinggal menambahkan atau mengurangi kode yang ada di posisi titik-titik, caranya tinggal baca postingan tentang mengatur tampilan judul sidebar. Masih bingung? jangan dulu deh, kang rohman baru pulang dari bandung nih, masih puyeng dan males ngetiknya kalau terlalu panjang.

See you at my next post!

Hati-hati Jika Bercanda, Bisa-bisa Nyawa Anda Jadi Taruhan

Update : Maaf! situs ziddu sudah di anggap berbahaya oleh google. Dengan terpaksa link download saya hapus untuk sementara waktu.

Pernah nonton acara spontan di televisi? so pasti pernah nonton dong. Sebuah acara komedi reality show yang di bawakan oleh komeng dkk. Acara ini pernah meraih sukses di televisi beberapa tahun kebelakang. Sebuah tontonan yang membuat kita kadang tertawa terbahak-bahak melihat reaksi sang korban ketika di kerjain oleh tim spontan. Namun tahukah anda, acara seperti ini di luar negeri sana tepatnya di Rusia pernah merenggut nyawa dari tim tukang ngerjai orang tersebut. Tidak percaya? silahkan download, dan tonton filmnya ( ini kejadian nyata lho ) :

Pesan dari sang tukang nge-blog, terutama kepada anda yang bekerja sebagai tim kreatif suatu acara di televisi. Hati-hati jika anda membuat suatau konsep acara, pikir dan perhitungkan secara masak-masak karena mungkin acara yang anda buat bisa merenggut nyawa seseorang. Yang terakhir, hati-hati jika anda bercanda, karena mungkin nyawa anda akan jadi taruhannya. Selamat menonton dan semoga jadi introspeksi bagi kita semua.

Mengatur Tampilan Judul Sidebar

Jika pada postingan yang lalu kang rohman meminta pendapat para pembaca setia kolom tutorial seputar apakah setuju kang rohman membuat tutorial seputar mencari uang di internet, dan menilik dari komentar yang ada sepertinya 100% setuju, namun beberapa di antaranya ada yang menyarankan untuk membuat tutorial tersebut bukan di blog ini namun pada blog lain. Hmmmmmm…. setelah saya pikir-pikir memang ada benarnya juga sih, jika saya membuat tutorial tentang bisnis di blog ini maka ciri khas yang begitu kental dengan kolom tutorial akan sirna di telan oleh waktu yang begitu cepat berlalu. Setelah menimbang kemudian membungkus lalu memasukan ke dalam keranjang, maka tutorial seputar mencari uang di internet tidak akan saya posting di blog ini.

Apakah kang rohman akan membuat blog baru? sepertinya begitu dech, namun entah kapan. soalnya untuk membuat sebuah blog baru di perlukan energi yang lebih untuk membangunnya. Sementara saat inipun saya kewalahan untuk mengurus blog blog yang sudah ada, bahkan cenderung di telantarkan. Jadi, kapan nih blog barunya akan di buat? kapan yah? bingung, di tunggu saja dech. Mungkin setelah kang rohman bisa bekerja full ngeblog di rumah. do’akan saja ya.

Daripada memikirkan sesuatu yang belum pasti datang dalam waktu dekat, mending kita berjalan seperti biasa saja. Kali ini kang rohman menjawab pertanyaan salah seorang pembaca yaitu “bagaimana cara mengatur tampilan judul sidebar?” Nah ini nih sepertinya mudah untuk saya terangkan.

Bagi anda yang terlanjur sayang dengan template yang anda pakai sekarang namun merasa sedikit kurang puas dengan tampilan judul sidebar nya, maka anda dapat berkreasi sendiri untuk menciptakan judul sidebar yang sesuai dengan selera anda. Belum tahu triknya? nih kang rohman jelasin.

Untuk mengatur tampilan judul sidebar tidaklah sulit, anda tinggal mengatur kode CSS untuk title sidebar, di manakah letak kode tersebut? jika merujuk pada template asli blogger, maka biasanya di tulis dengan kode :

.sidebar h2 {

……………….

………………

}

Titik-titik yang saya gambarkan adalah isi kode judul sidebar yang mengendalikan atau mendefinisikan tampilan judul sidebar. Tugas anda adalah menambahkan kode atau mungkin mengurangi kode yang ada di situ.

Misalkan anda ingin mengatur besarnya hurup judul sidebar, maka anda tinggal menambahkan kode ini :

.sidebar h2 {

font-size:110%;

}

Nilai 110% adalah nilai yang bisa anda ganti dengan nilai yang lainnya sesuai dengan besarnya hurup yang anda inginkan, misal : 120%, 200%, 250%, atau angka yang lainnya. Satuan persen ( % ) bisa juga bisa anda ganti denga satuan pixel (px), misal : 12px, 15px, 20px, atau angka yang lainnya.

Jika hurup judul sidebar ingin terlihat tebal, maka anda cukup menambahkan kode berikut :

.sidebar h2 {

font-size:110%;

font-weight:bold;

}

Tulisan bold berarti hurup ingin tebal, definisi ini bisa anda ganti dengan yang lain, misal : jika tulisan yang tampil ingin terlihat biasa maka anda tinggal mengganti tulisan bold dengan tulisan normal. jika tulisan anda ingin terlihat miring, maka gantilah tulisan bold dengan tulisan italic.

Hurup judul sidebar ingin menjadi hurup besar (kapital) semua ;

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

}

Tulisan uppercase berarti hurup yang di tampilkan adalah besar (kapital) semua. Jika anda ingin hurup kecil semua, maka anda tinggal mengganti uppercase dengan lowercase. jika hurup depannya saja (inisial) yang ingin hurup besar maka ganti uppercase dengan capitalize.

Jika tulisannya ingin berada di sebelah kanan, tinggal menambahkan kode ini :

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

}

Tulisan right berarti judul sidebar akan di kanan, jika ingin di sebelah kiri maka tinggal di ganti dengan tulisan left, jika ingin di tengah tinggal di ganti dengan center.

Jika ingin ada garis tinggal di tambahin kode border :

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

}

1px solid #000 berarti bahwa akan ada garis mengelilingi tulisan judul sidebar sebesar 1 pixel dengan warna hitam, tinggal di sesuaikan saja.

Jika judul sidebar ingin ada warna backgroundnya :

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

}

#6df66 adalah kode warna, kode ini di sesuaikan dengan keinginan anda. belum tahu mengenai kode warna? coba baca postingan yang ini! software warna nya bisa anda download secara gratis di sini!

Penggunaan padding :

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

padding;5px;

}

Penggunann padding sebesar 5px perlu anda tambahkan apabila anda menggunakan background warna, karena jika tidak memakai padding maka tulisan akan terlihat bertabrakan dengan bagian luar sehingga terlihat kurang menarik. nilai 5px tentu saja nilai yang bisa anda sesuaikan dengan keinginan.

Bagaimana jika di template saya tidak ada kode :

.sidebar h2 {

……………….

………………

}

Berarti h2 sidebar anda tidak di definisikan, jalan keluarnya ya tinggal buat saja sendiri.

Silahkan anda bereksperimen agar mendapatkan tampilan judul sidebar yang lebih menarik lagi untuk di lihat.