Sabtu, 03 Mei 2008

Kotak Komentar Tampil Dua Format

Aduh, baru pulang dari bandung nih, pala masih puyeng, badan masih gemeteran, mata kunang-kunang (halahhh.. di dramatisir abis sih) hehehe... ngga dhenk biasa aja. Seperti biasanya kang rohman masih menanggapi pertanyaan yang sempat tersangkut di shoutbox ataupun email, salah satunya (padahal salah duanya juga ngga apa-apa) adalah bagaimana cara membuat kotak komentar blogspot yang formatnya seperti yang ada di blog kang rohman ini, yaitu ada dua format, yang satu di dalam iframe dan yang satu lagi format biasa?

Hehehe... want to know aja dech loe. Memang tidak salah sih pepatah mengatakan " Lain ladang lain belalang, lain orang lain mau nya ". Ini terbukti dengan komentar yang lainnya yang kontradiktif yaitu " Kang, bagaimana jika komentarnya hanya dalam bentuk iframe saja tidak seperti punya kang rohman yang ada dua, kan ribet lihatnya? " hayoh.. bener kan kang rohman bilang, lain orang lain maunya. Nah jika sudah begitu bagaimana jadinya? biar adil mending di jawab dua-duanya.

Dulu, kang rohman pernah menulis artikel tentang bagaimana cara membuat kotak komentar blogspot langsung di bawah postingan yang kang rohman post di sini, nah perlu di ketahui bahwa hasil dari postingan tersebut adalah membuat kotak komentar dalam bentuk iframe saja tidak seperti punya kang rohman yang komentarnya jadi ada dua, trus bagaimana dengan yang komentarnya ada dua? caranya seperti ini :

Pada kode-kode yang kang rohman terangkan dulu, ada sedikit yang harus di hapus, yaitu silahkan cari kode yang seperti ini :

<div class='onepx'>
<dl id='comments-block' style='height: 1px;overflow:hidden;'>


Hapus kode yang kang rohman cetak merah di atas, sehingga menjadi seperti ini :

<div class='onepx'>
<dl id='comments-block'>


Setelah di hapus, jangan lupa di save atau di simpan, selesai.

Jika kode yang berwarna merah tadi di hapus, maka kotak komentarnya akan menjadi ada dua, yaitu kotak komentar yang muncul di luar iframe, dan yang satunya di dalam iframe.

Selamat mencoba !

Selasa, 29 April 2008

Rumahweb : Hosting Murah Pelayanan Ramah


Seiring dengan sedang trend nya ngeblog dengan menggunakan
nama domain sendiri di tambah lagi untuk beberapa ISP (Internet Service Provider)
di indonesia yang sering melakukan pemblokiran terhadap blogspot,
maka banyak dari sahabat kang rohman yang mengirimkan
email untuk sekedar meminta rekomendasi di manakah sebaiknya
membeli domain yang OK? di mana ya? bingung kang rohman juga.




Untuk memberikan rekomendasi, sebenarnya kang rohman agak sedikit
ragu, karena ada rasa khawatir apabila yang di rekomendasikan membuat sahabat kang rohman kecewa di suatu hari nanti. Namun, apabila boleh memberi rekomendasi kang rohman akan memberikan rekomendasi untuk membeli domain serta sewa hosting di Rumahweb.

Kenapa di rumahweb? karena selama ini kang rohman membeli domain dan
sewa hosting di situs tersebut. Lho... kan blog ini masih menggunakan
Blogspot? hehehe.. maksud kang rohman bukan blog ini,
tapi yang Kangrohman dot com.
Selama menggunakan jasa Rumahweb, kang rohman merasa sangat puas, karena selain harga hostingnya yang relatif terjangkau (kang rohman ambil yang paket Rp.35.000 perbulan) pelayanannya pun sangat memuaskan, apabila kang rohman mempunyai permasalahan seputar hosting, maka akan di layani secara profesional dengan bahasa yang sopan dan sangat ramah.



Selain pelayanan yang sangat memuaskan, ada paket affiliasi juga. Jika
anda merekomendasikan tehadap kerabat atau teman anda untuk membeli domain dan
hosting di rumahweb maka akan dapat komisi sebesar Rp 10.000 (lumayankan buat tambah-tambah beli kopi teman ngeblog), namun untuk mengikuti program ini harus terlebih dahulu daftar pada program affiliasinya.




Jadi dimana sebaiknya anda membeli domain? tentunya terserah anda, kang rohman
hanya merekomendasikan yang selama ini kang rohman pakai dan rasakan, Syukur-syukur
apabila mau daftar melalui link yang kang rohman berikan (link nya ada kode affiliasinya..hehehe) kan lumayan dapet tambahan buat beli kopi. Sok atuh, jika mau lihat-lihat paket hosting murah dengan pelayanan ramah klik di sini!
saja.



Sabtu, 26 April 2008

Sahabat Kang Rohman (2) : Arin Triyanto



Siapakah Arin Triyanto? Berikut adalah profile dari beliau yang kang rohman ambil
dari blognya :




arin triyanto

Arin Triyanto



Bekerja , Belajar, Terus maju dan tidak ada kata menyerah.



Lokasi: Jogjakarta dan Surabaya : Indonesia








Blogger Indonesia asal pulau jawa ini merupakan pemilik tunggal blog yang beralamat di
http://arinku.blogspot.com, sebuah blog yang sangat informatif karena
menyuguhkan berbagai informasi yang sangat bermanfaat bagi para pembacanya, dan lebih spesifik lagi
yaitu seputar Teknologi Informasi (komputer dan internet).



Informasi yang berbobot dan di sampaikan dengan bahasa yang lugas dan jelas membuat artikel-artikel
yang beliau tulis menarik minat untuk di baca. Jadi, bagi anda yang membutuhkan berbagai informasi menarik seputar
IT, tidak ada salahnya untuk mengunjungi blog Arin Triyanto, dan agar tidak terlalu
lama menahan rasa penasaran anda seperti apa blog beliau ini, silahkan langsung meluncur ke
http://arinku.blogspot.com.



 




⇒  Anda ingin jadi sahabat kang rohman? baca dulu yang ini!


⇒ Yang sedang antri sebanyak 25 sahabat, tunggu saja mungkin berikutnya giliran blog sahabat yang akan tampil.

Rabu, 23 April 2008

Membuat Background Posting Berbeda-beda


Heuheuheu.... gara-gara kang rohman sedang hoby main game di kompi, trus
blogger kadang bisa di akses kadang tidak, akhirnya lupa dech ama yang namanya ngeblog,
berkunjung ke blog sendiripun hanya beberapa detik saja dan sehabis itu ya udah
tak biarin aja..mau yang nyapa, komen atawa nanya kang rohman cuekin aja.... lagi males soalnya.



Namun mesti begitu akhirnya kang rohman maksain juga deh bikin tulisan, biar tidak
terlalu basi nih tulisan di blog ini, setiap di buka pasti isinya sama. Sambil menggeliat (Hhhuuuuaaaaahhh
ngannnntuuuucckkkk), kang rohman mencoba menjawab pertanyaan yang di sampaikan beberapa waktu yang lampau.
Pertanyaannya yaitu bagaimana agar setiap posting bisa berbeda-beda backgroundnya, biar ada
variasi sehingga tidak monoton dan membosankan.




Emangnya bisa backround posting beda-beda? ya bisa aja atuh, caranya gampang ko, tidak sesulit
yang di bayangkan, tinggal bikin style nya trus mau di apain juga bisa.



Dalam membuat background ada dua alternatif yaitu membuat background dengan warna
dan membuat background dengan bantuan gambar, khusus untuk background
dengan gambar terbagi lagi ke dalam beberapa teknik yaitu background gambar dengan teknik repeat
(ada repeat, repeat-x, repeat-y) dan background gambar dengan teknik no-repeat (gambar backgroundnya memang ukuran besar).
Untuk teknik-teknik ini mungkin lain kali saja deh, kangrohman nya sedikit bad mood nih, mending
sekarang yang singkat aja deh.




Membuat background dengan warna



Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan
:



Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose.
Awali postingan anda dengan kode seperti ini :





<div style="background:kode_warna_disini;">






Dan diakhir postingan, harus di tutup dengan kode seperti ini :






</div>






Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan. Sedikit tips
yang masih bingung dengan kode warna, silahkan baca di sini.



Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa
anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So,
yang pasti postingan anda akan bervariasi dan tidak terkesan monoton (monoton TV apa monoton Film ye?).
Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan,
besarnya hurup 120% dan padding sebesar 10 pixel :








<div style="background:#D9D7D7; text-align:justify; font-size:120%">



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.



</div>






Hasilnya akan seperti ini :






Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.






heuheuheu.. gampang banget kan? kang rohman bilang juga apa, sok di coba atuh biar seru.













Membuat background dengan Gambar



Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat
yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?).
Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar
ke hosting gratisan? ya udah baca dulu postingan kang rohman yang di sini, di sini, dan
di sini juga.



Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :





<div style="background:url(alamat_gambar_disini) no-repeat;">






Dan diakhir postingan, harus di tutup dengan kode seperti ini :






</div>






Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan.
Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran
besar dan tidak mau di tampilkan berulang-ulang.



Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.



Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://kangrohman.googlepages.com/roll_02.jpg,
background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :








<div style="background:url(http://kangrohman.googlepages.com/roll_02.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.



</div>






Hasilnya akan seperti ini :






Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.






Eiiiith... gampang juga kan? ya udah di coba dulu aja biar jadi hafal...



Udah dulu ah kang rohman mau nerusin main game nya. Cheeeerrrr..


Kamis, 17 April 2008

Tips SEO : Optimisasi Meta tag Keyword dan Deskripsi


Jika beberapa hari yang lalu, sahabat kang rohman yaitu oom memberikan tips SEO (Search Engine Optimization) melalui
Meta Title Tag, maka kang rohman pun mencoba berbagi tips
SEO, namun tentu saja sedikit berbeda. Tips yang ingin kang rohman bagi adalah
Tips SEO melalui Meta tag Keyword serta Meta tag Deskripsi.
Kenapa meta tag keyword serta meta tag deskripsi perlu di optimisasi, jawabnya
karena sering kali mesin Crawler Search engine terlebih dahulu menyambangi bagian
ini di banding dengan bagian-bagian yang lain.



Trik dasar dari teknik ini adalah menambahkan Judul Blog ke dalam
meta tag keyword dan meta tag deskripsi. Jika pada posting terdahulu kang rohman pernah
memberi tips membuat meta tag seperti ini :




<meta name="description" content=" Deskripsi blog "/>


<meta name="keywords" content=" keyword 1, keyword 2, keyword 3, dst "/>




Contoh seperti ini :





<meta name="description" content=" Panduan praktis membuat blog di blogspot serta download ebook dan software secara gratis "/>

<meta name="keywords" content=" blog tutorial, tutorial blogspot, blogging tutorial, free download, free software, gratis, google adsense, template, favicon, javaScript tutorial, html tutorial, blog tutorial banner, technorati, banner, css "/>






Contoh di atas merupakan pemasangan meta tag yang umum di pakai. Untuk mengoptimalkannya
kita sisipkan kode judul blog ( title blog ) ke dalam meta tag tersebut, sehingga kodenya
akan menjadi seperti ini :




<meta expr:content='data:blog.pageTitle + " - Deskripsi blog"' name='description'/>


<meta expr:content='data:blog.pageTitle + ", keyword 1, keyword 2, keyword 3, dst"' name='keywords'/>




Contoh seperti ini :





<meta expr:content='data:blog.pageTitle + " - Panduan praktis membuat blog di blogspot serta download ebook dan software secara gratis"' name='description'/>


<meta expr:content='data:blog.pageTitle + ", blog tutorial, tutorial blogspot, blogging tutorial, free download, free software, gratis, google adsense, template, favicon, javaScript tutorial, html tutorial, blog tutorial banner, technorati, banner, css"' name='keywords'/>





Mudah-mudahan dengan meta tag seperti di atas dapat meningkatkan traffik ke blog anda.
Sebagai perumpamaan yaitu ketika kang rohman menggunakan meta tag yang biasa, jumlah
pengunjung blog ini sekitar 500 sampai 600 pengunjung. Setelah melakukan optimalisasi
meta tag maka pengunjung blog kang rohman menjadi sekitar 800 sampai 1000 pengunjung.
Silahkan lihat pada site meter yang kang rohman pakai (namun kemarin sempat mengalami
penurunan beberapa hari akibat dari blogger tidak bisa di akses oleh pengguna ISP tertentu
di indonesia).



Selain melakukan cara di atas, ada pula yang harus di perhatikan dalam hal membuat meta tag
deskripsi atau keyword yaitu di antaranya :




  • Jangan terjadi duplikasi antara judul blog dengan deskripsi blog (kata-katanya sama).




  • Sebaiknya jumlah karakter keyword jangan lebih dari 500 katrakter.




  • Untuk jumlah keyword sebaiknya jangan lebih dari 20 keyword. Pemasangan keyword yang terlalu
    banyak bisa di anggap spam oleh seach engine.




  • Keyword yang di pasang sebaiknya berhubungan dengan isi dari postingan.




  • Lakukan analisa terhadap meta tag yang anda pasang. Untuk hal ini anda bisa
    menggunakan tool di internet secara gratis. Caranya gampang, ketik meta tag analyzer
    pada Google Search yang ada di bagian atas blog ini, kemudian klik Search lalu kunjungi situs
    yang tampil paling atas (karena situs yang diindex paling atas berarti SEO situs tersebut memang OK banget)





Sampai ketemu lagi pada tips SEO berikutnya.

Senin, 14 April 2008

Install Asteeg Emoticon To Post Editor


Hi guys! till remember about install Yahoo Emoticons to
post editor likely at this post, How do you feel after do that? feel happy coz you can add this to your post very easy. Or might be you feel boring with them. How if i give you different emoticon like this :ahaha: or :scream: also like this :ayokona:



Feel interesting to install this emoticon to your post editor?
Please read till end. However, please remember this tutorial only
work at Fire fox not for Internet Explorer and only at Compose not for Edit HTML.
Here is the steps :




If you have had doing my previous tutorial at this post, please only click here and then click
install and done. Now see your post editor, and you will see
your post editor like this :

 


yahoo and asteeg emoticon

 



Or this is the full tutorial :




  1. Download firefox here.




  2. Open your firefox.




  3. Install grease monkey here.




  4. Click this script, and than click install.




  5. Go to your template editor, and find this code ]]></b:skin>




  6. Copy and paste following codes and place above of ]]></b:skin>







  7. img.emoticon {

    padding: 0;

    margin: 0;

    border: 0;

    }





  8. Click Save Template button.





  9. Done.

 



Remember, this is work at Firefox, not for internet explorer.



Beside at my blog, you can read this tutorial at this blog.




See you at my next post. Don't miss it.

Kamis, 10 April 2008

Sahabat Kang Rohman (1) : Eko Priyanto


Siapakah Eko Priyanto? berikut ini adalah profile beliau yang
kang rohman kutif dari situs aslinya :




eko priyanto
Eko Priyanto, Lahir Wonosobo 27 April 1982 Gemar mempelajari tools-tools website. Newbe di dunia Blogger yang masih belajar dan terus belajar, Ingin membuat suatu yang bermanfaat untuk orang lain. Harapan Membangun Sesuatu Yang Baru Terkadang banyak langkah yang tidak sesuai dengan jalan. Saya harap bantuan dan kritikan serta saran dalam membangun dan memberikan masukan-masukan yang sekiranya berguna dan bermanfaat bagi diri pribadi dan website pada umumnya.




Eko Priyanto adalah merupakan pemilik dari situs http://www.info-baru.com.
Sesuai dengan nama yang di sandang oleh situs tersebut yaitu info baru com, maka situs yang di kelola eko priyanto
memuat tentang informasi-informasi yang masih baru dan segar yang terjadi di sekitar kita, dan lebih spesifik lagi terutama
informasi seputar dunia maya atau internet. So, apabila anda haus akan informasi-informasi terbaru seputar internet, sepertinya
info baru com boleh di jadikan salah satu rujukan untuk memperoleh info terbaru.



Eko Priyanto merupakan salah satu sahabat kang rohman yang boleh di bilang dekat dengan kang rohman, walaupun hanya berkenalan dari dunia maya dan belum sempat bertatap muka langsung, namun beliau ini adalah satu-satunya orang yang berani
menghubungi kang rohman secara langsung melalui pesawat telpon apabila ada sesuatu hal yang di anggap penting untuk di bicarakan.



Jika anda sedikit penasaran seperti apa sih situs yang di kelola oleh Eko Priyanto ini? silahkan langsung kunjungi saja situs
beliau di http://www.info-baru.com.



 




⇒  Anda ingin jadi sahabat kang rohman? baca dulu yang ini!


⇒ Yang sedang antri sebanyak 6 sahabat, tunggu saja mungkin berikutnya giliran blog anda yang akan tampil.

 



Twitter Delicious Facebook Digg Stumbleupon Favorites More