Sabtu, 23 Februari 2008

Membuat Gambar Horizontal Thumbnail Dengan CSS



Sambil menunggu blog Kang Rohman Dot Com siap untuk di tayangkan, kita iseng-iseng
bermain dengan CSS dulu deh. Kali ini kang Rohman akan coba mengulas tentang cara membuat gambar horizontal thumbnail dengan CSS. Apa
itu horizontal Thumbnail? untuk pengertian kang rohman rasa tidak penting karena memang tidak tahu, ini juga bikin judul asal-asalan
biar sedikit terdengar keren . Biar
tambah keren lagi sok atuh di sorot gambar-gambar di bawah ini :

 




Gambar Thumbnailgambar besar


Gambar Thumbnailgambar besar



Gambar ThumbnailGambar Thumbnail


 


 


 


 


 


 


Bagaimana bagus tidak? kalau anda ingin tahu cara membuatnya ya musti di baca sampai akhir biar
tambah seru. Begini nih caranya :



  • Pertamax. Buatlah terlebih dahulu gambar-gambar yang sekiranya mau di pajang di blog atau website
    milik anda. Misalkan gambar yang mau di pajang seperti ini :

  •  



    gambar besar

     


    gambar besar

     


    gambar besar

     



     


  • Keduax. Uploadlah gambar-gambar tersebut ke hosting untuk menyinpan gambar, mau di blogger atau
    pada hosting lainnya seperti google pages,
    photobucket, geocities, dll. Misalkan
    saya telah menguploag gambar-gambar diatas, dan masing-masing mempunyai mempunyai alamat gambar sebagai berikut :

     



    http://photos.friendster.com/photos/25/77/27287752/2553499759340l.jpg



    http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg



    http://photos.friendster.com/photos/25/77/27287752/26659203510677l.jpg

     


  • Ketigax. simpanlah kode CSS berikut diantara style sheet css yang ada :

  •  


     




    #latar {

    padding:20px;

    margin:25px;

    float:left;

    background:#ebe9dc;

    border-right: 3px solid #ccc;

    border-bottom: 3px solid #ccc;

    }



    .tabel {

    padding:5px;

    margin:0;

    float:left;

    }



    .thumbnail {

    position:relative;

    z-index:100;

    }



    .thumbnail a.gambar-kecil, .thumbnail a.gambar-kecil1:visited {

    display:block;

    text-decoration:none;

    background:transparent;

    top:0;

    left:0;

    border:3px solid #000;

    }


    .thumbnail a img {

    border:0;

    }



    .thumbnail a.gambar-kecil:hover {

    text-decoration:none;

    background-color:#8c97a3;

    color:#000;

    border:3px solid #43b843;

    }



    .thumbnail a .gambar-besar1 {

    display:block;

    position:absolute;

    width:0;

    height:0;

    border:0;

    top:0;

    left:0;

    }



    .thumbnail a.gambar-kecil:hover .gambar-besar1 {

    display:block;

    position:absolute;

    top:100px;

    left:0px;

    width:400px;

    height:300px;

    border:5px solid #000;

    }



    .thumbnail a .gambar-besar2 {

    display:block;

    position:absolute;

    width:0;

    height:0;

    border:0;

    top:0;

    left:0;

    }



    .thumbnail a.gambar-kecil:hover .gambar-besar2 {

    display:block;

    position:absolute;

    top:100px;

    left:0px;

    width:400px;

    height:300px;

    border:5px solid #000;

    }



    .thumbnail a .gambar-besar3 {

    display:block;

    position:absolute;

    width:0;

    height:0;

    border:0;

    top:0; left:0;

    }



    .thumbnail a.gambar-kecil:hover .gambar-besar3 {

    display:block;

    position:absolute;

    top:100px;

    left:0px;

    width:400px;

    height:300px;

    border:5px solid #000;

    }





     


  • Keempax. Silahkan simpan kode di bawah ini di dalam body template ( mau lewat elemen halaman juga boleh ).

  •  





    <div id="latar">

    <span class="tabel">

    <span class="thumbnail"><a class="gambar-kecil" href="#nogo" title="Gambar Thumbnail"><img src="http://photos.friendster.com/photos/25/77/27287752/2553499759340l.jpg" width="90" height="75" title="Gambar Thumbnail" alt="Thumbnail image" /><img class="gambar-besar1" src="http://photos.friendster.com/photos/25/77/27287752/2553499759340l.jpg" title="gambar besar" alt="gambar besar" /></a></span></span>

    <span class="tabel">



    <span class="thumbnail"><a class="gambar-kecil" href="#nogo" title="Gambar Thumbnail"><img src="http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg" width="90" height="75" title="Gambar Thumbnail" alt="Thumbnail image" /><img class="gambar-besar2" src="http://pic50.picturetrail.com/VOL399/8403005/15651300/237997596.jpg" title="Enlarged view of image" alt="Enlarged view of image" /></a></span>

    </span>




    <span class="tabel">

    <span class="thumbnail"><a class="gambar-kecil" href="#nogo" title="Gambar Thumbnail"><img src="http://photos.friendster.com/photos/25/77/27287752/26659203510677l.jpg" width="90" height="75" title="Gambar Thumbnail" alt="Thumbnail image" /><img class="gambar-besar2" src="http://photos.friendster.com/photos/25/77/27287752/26659203510677l.jpg" title="gambar besar" alt="gambar besar" /></a></span>

    </span>

    </div>






  • Kelimax. Di saving aja biar datanya tersimpan. Trus ya udah, kan sudah klimaks, tinggal lemesnya aja deh .

  •  


    Masih bingung dengan cara di atas? begini deh kalau memang masih bingung, cara yang lebih detail adalah seperti ini :



    Langkah pertama :




    1. Sign in di blogger dengan ID anda tentunya dong.




    2. Klik menu Layout.




    3. Klik menu Edit HTML.




    4. Klik link Download full template, silahkan save untuk backup data (penting).




    5. Copy kemudian paste kode CSS berikut di atas kode ]]></b:skin>














    6. Klik tombol SIMPAN TEMPLATE






    Langkah kedua :




    1. Klik menu Elemen Halaman




    2. Klik tulisan Tambah sebuah Elemen Halaman




    3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML




    4. Copy paste kode berikut ke dalam elemen yang muncul












    5. Klik tombol Simpan




    6. Pindahkan elemen yang baru di buat ke tempat yang kira-kira tepat menurut anda.




    7. Klik tombol Simpan yang berada di sebelah atas




    8. Selesai.






    Tambahan dhenk, pada kode di atas ada tertulis seperti ini :




    <a class="gambar-kecil" href="#nogo" title="thumbnail image">




    Tulisan #nogo tidak usah di ganti apabila gambar yang di pajang
    tidak ingin nge link ke manapun, namun apabila photo yang di pajang ingin dalam bentuk link, silahkan
    ganti tulisan #nogo dengan alamat URL, misal di ganti dengan
    http://www.kangrohman.com atau apa saja dhenk terserah.



    Basa basi



    Kode-kode di atas saya buat dan boleh di pakai untuk umum secara gratis, namun apabila anda menginginkan
    kang rohman lebih eksis lagi dalam membuat kode-kode yang lainnya, silahkan yang mau mengirimkan donasi
    untuk sekedar uang jajan anak-anak kang rohman :



    yang mau beliin saya kopi, silahkan klik di sini



    I'm wait and see.

    Kamis, 14 Februari 2008

    Setor Muka Via gravatar


    Sebuah pepatah mengatakan "lain ladang lain belalang" yang artinya
    apabila berbeda ladang pasti berbeda pula belalangnya
    salah dhenk
    yang bener mungkin "lain orang, lain juga keinginannya" (bener engga ya? ).
    Terkadang ada blogger yang ber tipe ingin menampakan diri serta ingin di kenal oleh orang banyak
    (saya termasuk tipe ini lho), dan ada juga blogger yang tipe misterius alias identitasnya
    tidak ingin di ketahui orang banyak. Tipe blogger yang suka terang-terangan,
    blogger ini tak segan-segan memajang photo wajah ganteng dan cantiknya di profile. Tak cukup
    hanya itu, fasilitas mybloglog pun menjadi
    sarana yang efektip untuk mengenalkan diri kepada khalayak ramai. Jika anda termasuk
    blogger yang berani terang-terangan, ada jalan lain untuk lebih mengenalkan diri anda
    yaitu melalui site.gravatar.com.




    Jika anda bergabung di site.gravatar.com, maka avatar anda yang lucu dan ngegemesin
    bisa muncul di beberapa sistem komentar seperti haloscan serta beberapa
    kotak komentar wordpress. Masih kurang yakin? coba perhatikan wajah
    ganteng di bawah ini yang acap kali muncul di kotak komentar wordpress :





    avatarku nih





    Jadi, bagi yang suka setor muka, sok atuh daftar saja di http://site.gravatar.com.



    Hmmmm... yang mau nyoba alternatif mencari duit gratis via internet, silahkan
    daftarkan blognya di sini!

    Rabu, 13 Februari 2008

    CSS menu : tabs6

    Setelah melihat perkembangan penghasilan kang rohman dari iklan yang ada di blog ini,
    akhirnya kang rohman berubah fikiran. Apanya yang berubah? begini ade-ade, teteh-teteh,
    bapak-bapak, ibu-ibu, dan sebangsanya emoticon7.gif.
    Dulu, untuk download template atau nerangin cara pasang menu navigasi, para pengunjung blog ini sengaja saya
    lempar alihkan ke blog saya yang berbahasa inggris dengan maksud agar
    blog tersebut mendapatkan traffic yang cukup lumayan dan alih-alih berharap semoga saja
    ada yang berbaik hati mengklik iklannya. Namun sekarang semuanya mungkin tidak akan terjadi lagi,
    sekarang kang rohman akan tulis semuanya di sini, download di sini dan silahkan baca sepuasnya emoticon7.gif




    Sudah ah ko kayanya jadi sombong begitu..hihihi.



    Untuk tulisan pertama mengenai menu navigasi, yang saya bahas adalah
    menu navigasi yang di beri nama Tabs6. Ini bukan buatan
    kang rohman, namun buatan orang lain yang sudah di modifikasi agar bisa
    di pake di blogspot. Namun untuk menghargai desainer nya, tolong jangan
    di hilangkan credit pada kode css nya ya. Untuk demo
    menu navigasi ini silahkan klik tombol berikut :

     



     


     



    Kalau anda berminat, silahkan baca tutorialnya sampai selesai.Namun kalau tidak
    berminat,mending cari artikel lainnya yang lebih menarik emoticon7.gif.



    Jika anda merasa tertarik dengan menu navigasi di atas, silahkan baca sampai
    dengan selesai. Namun perlu saya tegaskan di sini bahwa mungkin hasil yang di
    dapat bisa berbeda dengan contoh diatas karena faktor desain template yang
    berbeda-beda, oleh kerena itu ada kemungkinan anda harus sedikit merubah kode
    yang saya berikan agar cocok dengan template anda.



    Berikut adalah langkahnya :



    Klik kanan pada kedua gambar di bawah ini, lalu Save Picture As...
    lalu save dulu di komputer anda.















    tableft6.gif


    tabright6.gif

    tableft6.gif



    tabright6.gif






    Kemudian simpan pada image hosting yang biasa anda gunakan, misalkan
    di photobucket
    atau google pages dan lain-lain.
    Lalu anda catat alamat dari kedua gambar tersebut. Contoh, saya mempunyai alamat gambar
    untuk kedua gambar di atas sebagai berikut :





    http://ahom24.googlepages.com/tableft6.gif


    http://ahom24.googlepages.com/tabright6.gif



     


    Sebenarnya anda boleh saja menggunakan kedua alamat tersebut,
    namun saya khawatir jika terlalu banyak yang memakai alamat
    tersebut bisa terjadi limited band with sehingga gambar tidak
    dapat tampil dan menu anda jadi tidak bagus, jadi sebaiknya
    pake alamat sendiri ya.



    Berikut adalah salah satu cara menginstall menu tabs6 :



    Langkah #1




    1. Silahkan Sign in di blogger dengan ID anda.




    2. Klik Layout.




    3. Kemudian klik tab Edit HTML.




    4. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting).




    5. lihat ke bagian kode template anda, kemudian cari kode ]]></b:skin>




    6. Copy kode yang ada di bawah ini, lalu paste di atas kode ]]></b:skin>












    7. Silahkan lihat ke bagian bawah, lalu cari kode yang seperti ini :







    8. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

      <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>

      </b:section>






    9. Ubahlah kode yang berwarna hijau, sehingga kodenya menjadi seperti ini :








    10. <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

      <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>

      </b:section>






    11. Kemudian klik Simpan Template.Silahkan tunggu
      beberapa saat.






    Langkah #2




    1. Klik tab Elemen Halaman




    2. Lalu klik Tambahkan sebuah Elemen Halaman yang ada di bagian header (elemen paling atas).




    3. setelah munculwindow popup, klik TAMBAHKAN KE BLOG yang untuk HTML/JavaScript.




    4. Copy lalu paste kod berikut pada kolom yang tesedia (jangan lupa untuk merubah alamat gambarnya) :













    5. Klik tombol Simpan Peribahan.




    6. Selesai, silahkan lihat hasilnya.


     


     


    Terkadang jika anda melakukan instalasi sesuai dengan langkah
    diatas, untuk beberapa template hasilnya kurang bagus. Oleh karena
    itu, saya akan mencoba menulis dengan cara lain. Namun cara ini
    hanya untuk Template Minima (template asli dari blogger).



    Langkahnya sebagai berikut :




    1. Silahkan Sign in di blogger dengan ID anda.




    2. Klik Layout.




    3. Kemudian klik tab Edit HTML.




    4. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting).




    5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

    6.  


      expand widget template

       



    7. Tunggu beberapa saat ketika proses sedang berlangsung




    8. lihat ke bagian kode template anda, kemudian cari kode ]]></b:skin>




    9. Copy kode yang ada di bawah ini, lalu paste di atas kode ]]></b:skin>












    10. Silahkan lihat ke bagian bawah, lalu cari kode yang seperti ini :






    11. <div class='descriptionwrapper'>

      <p class='description'><span><data:description/></span></p>

      </div>

      </b:if>

      </b:includable>

      </b:widget>

      </b:section>







    12. Hapus kode diatas, lalu ganti dengan kode berikut :

















    13. Klik tombol Simpam Perubahan.




    14. Selesai. silahkan lihat hasilnya.






    Agar mendapat variasi yang berbeda, sedikit akan saya tambahkan.



    jika anda melakukan langkah di atas, maka hasil yang di dapat adalah
    tab-tab atau menu-menu akan mepet ke sebelah kiri, jika ingin sedikit
    menjorok ketengah anda harus menambahkan sedikit kode. kodenya yang ini :





    #tabs6 {

    float:left;width:100%;

    background:#efefef;

    font-size:13px;

    line-height:normal;

    border-bottom:1px solid #666;

    }






    kode yang di tambahkan adalah seperti ini :





    #tabs6 {

    float:left;width:90%;

    background:#efefef;

    font-size:13px;

    line-height:normal;

    border-bottom:1px solid #666;

    padding-left:10% ;

    }






    Angka 10% adalah besarnya nilai jarak sela dari sebelah kiri,
    silahkan di ubah sesuai kebutuhan.



    Untuk yang lainnya, silahkan anda otak-otik sendiri, keburu siang nih belum mandi




    mandi dulu ahhhhh....



    Selasa, 12 Februari 2008

    Yuk Gabung di Affiliates Indonesia


    Ada yang tahu apa itu Affiliates Indonesia? pasti sudah
    banyak yang tahu, namun tidak menutup kemungkinan ada yang
    masih belum mengetahuinya. Affiliates indonesia adalah
    salah satu situs bisnis yang bergerak dalam bidang advertising
    atau periklanan.




    Apa hubungannya dengan kita para blogger? tentunya tidak ada hubungan
    sama sekali, namun apabila anda ingin mencoba mencari uang gratis
    via blog milik anda silahkan berhubungan dengan mereka. Caranya sangat
    simpel alias sederhana sekali alias gampang banget. Anda tinggal daftar di affiliates
    indonesia, masukan kode iklan mereka di blog anda, kalau pengunjung blog
    anda ada yang klik iklan tersebut, itulah rezeki yang tidak di sangka-sangka buat anda.
    sudah tidak sabar ingin daftar? silahkan daftar
    di sini!







    Bagi yang mau tahu banyak tentang affiliates indonesia, silahkan baca
    langsung di sini!
    Apabila ada yang bertanya apakah situs ini benar-benar membayar?
    saya jawab iya, karena minggu kemarin saya sudah mendapatkan komisi
    dari situs ini. Jumlahlahnya tidak besar sih, namun cukuplah untuk
    membeli kopi untuk
    sekedar penahan kantuk ketika saya menulis artikel-artikel blog.




    Jadi, jangan tunggu lama-lama daftar aja langsung di sini!




    Bagi yang kesulitan memasang kode iklannya, silahkan komentar saja.


    Jumat, 08 Februari 2008

    Pasang Game di Blog


    Kemarin ada yang rikues minta di buatkan tutorial cara Pasang Game di blog, dan sepertinya tutorial yang akan di tulis tidak terlalu sulit, maka langsung saya buatkan saja.



    Sebagai catatan kecil saja, memasang game di blog memang menyenangkan bagi sebagian orang, namun hal ini akan mengakibatkan loading blog anda akan sedikit berat. Jadi silahkan dipikir dulu baik dan buruknya.






    Untuk memasang Widget game, anda bisa mendapatkannya secara gratis di internet, silahkan lakukan googling saja. Sebagai contoh, salah satu penyedia layanan ini adalah http://www.khemer.com. Contoh game yang bisa di pasang adalah seperti ini :



    Caranya menginstall nya seperti ini :



    Untuk template Baru :



    Langkah #1 :


    1. Silahkan kunjungi http://www.khemer.com.

    2. Silahkan lihat dan coba game-game yang ada dengan cara meng klik pada judul game.

    3. Setelah menemukan game yang di rasa cocok, perhatikan ke bagian bawah.

    4. Copy kode yang ada pada text area, lalu paste pada notpad atau text editor lainnya, kemudian save dulu di komputer.

    5. Sekarang anda mempunyai kode game untuk di pasang di blog.

    6. Silahkan close halaman browser anda jika di rasa cukup.




    Langkah #2 :




    1. Sign in di blogger dengan ID anda.

    2. Klik Layout.

    3. Klik tab Elemen Halaman.

    4. Klik Tambahkan sebuah Elemen Halaman.

    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.

    6. Copy kode game yang tadi di dapat, lalu paste pada pop up window yang muncul.

    7. Klik tombol SIMPAN PERUBAHAN.

    8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di di rasa cocok.

    9. Klik tombol SIMPAN yang ada di sebelah atas.

    10. Selesai. Silahkan lihat hasilnya!




    Untuk template Klasik :




    1. Sign in di blogger dengan ID anda.

    2. Klik Layout.

    3. Klik tab Edit HML.

    4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).

    5. Copy kode game yang tadi di dapat, lalu paste pada tempat yang dinginkan.

    6. Klik tombol Simpan Perubahan Template.

    7. Selesai. Silahkan lihat hasilnya!




    Gampang bukan? Selamat mencoba !

    Rabu, 06 Februari 2008

    Free Template : Minima Klasik 3 Kolom



    Sebenarnya saya sudah hampir lupa dengan template klasik,
    namun ternyata pengguna blogger masih banyak yang mencintai
    mencintai template klasik. Salah satu indikatornya adalah dengan
    mengajukan permintaan agar di buatkan template minima 3 kolom
    namun yang klasik.



    Biar adil, saya sudah membuatkan template minima klasik dalam
    bentuk 3 kolom. Untuk seri kali ini adalah dalam bentuk sidebar terletak
    di samping kiri serta samping kanan.




    Screeshot :





    Classic White Minima 3 column



    classic white minima template 3 column

     




    Classic Black Minima 3 column



    classic black minima template 3 column

     




    Classic Blue Minima 3 column



    classic blue minima template 3 column

     





    Classic Ochre Minima 3 column



    classic ochre minima template 3 column

     


    Bagi yang berminat untuk mendowload, silahkan kunjungi blog saya yang di sini! atau bisa juga
    yang di sini!



    Catatan : file yang di download adalah masih dalam bentuk file zip, jadi sebelum di pakai harus di ekstrak dulu
    dengan software ektrakter semisal winzip atau winrar.

    Selasa, 05 Februari 2008

    Tips SEO ( Search Engine Optimization) kuno ala Kang Rohman


    Apa itu SEO (Search Engine Optimization) ? SEO menurut kang rohman adalah suatu cara yang di lakukan oleh Web master ataupun Blog master untuk mengoptimalkan situs ataupun blog mereka agar mendapatkan rangking yang baik pada search engine atau mesin pencari. Dan yang saya mau bicarakan adalah tips optimalisasi pada mesin pencari Google, karena untuk saat ini google adalah mesin pencari terpopuler di dunia.



    dan mungkin banyak kesalahan, namun bagi para pemula bolehlah untuk di baca dan di coba, karena yang saya tulis adalah merupakan hal-hal yang kang rohman lakukan dan sampai sekarang masih merasakan manfaatnya, ini terbukti dari laporan dari tracker yang saya gunakan baik itu dari site meter ataupun google analytics bahwa pengunjung blog kang rohman ini hampir 50 persen berasal dari search engine.



    Agar tidak terlalu berlama-lama membaca intermezo, berikut ini adalah beberapa tips agar blog kita mendapatkan ranking yang baik pada search engine :



    Original Content / isi yang orsinil.



    Hal pertama yang harus di ingat agar blog anda mendapatkan rangking yang bagus pada mesin pencari adalah isi dari blog anda adalah orsinil buah karya tulisan anda sendiri atau dengan kata lain bukanlah hasil copy paste dari hasil karya orang lain. Selain sebagai optimalisasi terhadap mesin pencari, tindakan copy paste sering mengundang permasalahan dari pemilik asli karya tersebut, apalagi yang anda copy paste tersebut di lindungi oleh undang-undang atau dengan kata lain copyright, anda bisa benar-benar akan mendapatkan masalah yang serius.



    Memasang Meta tag pada bagian header kode template



    Hal kedua yang jangan sampai di lupakan adalah harus memasang meta tag pada bagian header kode template anda. Untuk yang satu ini pernah saya bahas pada postingan yang ini, akan tetapi terus terang kang rohman dalam memasang meta tag agak sedikit berbeda dengan yang saya terangkan pada postingan tersebut, kalau anda ingin memasang meta tag seperti yang kang rohman pakai, kodenya adalah seperti ini :





    <b:if cond='data:blog.pageType == "archive"'>

    <meta content='noindex,follow' name='robots'/>

    </b:if>

    <b:if cond='data:blog.pageType == "index"'>

    <b:if cond='data:blog.url != data:blog.homepageUrl'>

    <meta content='noindex,follow' name='robots'/>

    </b:if>

    </b:if>



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



    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>

    <meta content='rohman' name='Author'/>

    <meta content='1 days' name='revisit-after'/>

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

    <meta content='blog tutorial, Blog tutorial blogging, blog tutorial blogger, tutorial blog blogger, bikin blog, cara bikin blog, download, software gratis, gratis, google adsense, bisnis internet, tutorial, template' name='keywords'/>

    <meta content='-5;120' name='geo.position'/>

    <meta content='id' name='geo.country'/>





    Untuk author serta meta keyword tentu saja harus di sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon di koreksi apabila ada kesalahan pemasangan kode (maklum pemula, pasang kode tidak tahu bener atau nggaknya).



    Setelah memasang meta tag, sebaiknya anda menganalisa meta tag yang anda pasang tersebut dengan meta tag analizer. Untuk meta tag analyzer anda bisa menggunakan berbagai tools gratis di internet, caranya sangat mudah yaitu silahkan cari di "Google".



    Pasang keyword yang sesuai dengan isi blog anda.



    Dalam memasang meta keyword, sebaiknya keyword yang anda gunakan adalah yang berhubungan dengan isi blog anda. Misalkan blog anda mempunyai topik tentang kesehatan, maka keyword yang anda gunakanpun harus keyword tentang kesehatan.



    Selain harus berhubungan dengan isi dari blog anda, keyword yang di pasangpun haruslah keyword yang banyak di cari oleh orang (pengguna internet), percuma saja rangking blog anda mendapatkan posisi pertama di mesin pencari dengan keyword tertentu namun keyword tersebut jarang dicari atau bahkan tidak pernah di cari oleh orang banyak. Sebagai contoh anda memasang keyword borokokok pada meta keyword anda, dan ketika anda ketik borokokok pada mesin pencari posisi blog anda berada pada posisi teratas alias nomor satu, namun perlu di ingat bahwa apakah keyword borokokok tersebut akan di cari oleh orang banyak atau tidak? Jika kira-kira keyword tersebut tidak akan di cari oleh orang, maka sebaiknya jangan memasang keyword tersebut dan silahkan cari keyword yang lain yang sekiranya banyak di cari oleh orang banyak.



    Untuk masalah keyword ini, andapun bisa mencari tool-tool gratisan yang bisa memberikan anda sugesti keyword-keyword apa saja yang banyak di cari oleh orang banyak. Silahkan di cari sendiri pada mesin pencari yang di atas.



    Pemilihan template blog yang baik



    Yang di maksud dengan memilih template yang baik di sini antara lain template yang kita pakai yang pertama kali di loading adalah bagian posting bukan bagian sidebar apalagi bagian footer. Apabila anda jeli, ketika anda membuka blog milik saya ini maka yang terbuka pertama kali adalah bagian header kemudian bagian posting, lalu bagian sidebar dan terakhir adalah bagian footer. Jika anda mengalami hal sama dengan yang saya tulis tadi, maka hal tersebut terjadi pula pada spider mesin pencari, ketika crawler mesin pencari menyambangi blog anda, bagian yang di crawler alurnya seperti yang saya tulis tadi. Nah apabila blog anda yang di akses adalah bagian sidebar terlebih dahulu maka dapat di pastikan blog anda akan kalah posisi dengan blog yang di aksesnya bagian posting nya dahulu.



    Untuk hal ini tentu saja tergantung dari sang desainer template dalam hal menempatkan kode posting di tempatkan pada posisi di atas sidebar atau di bawah sidebar.



    Sebaiknya jangan memilih template yang sidebarnya berada di sebelah kiri serta kanan



    Seperti yang kang rohman tulis di atas bahwa sebaiknya yang di loading adalah bagian posting dahulu bukan bagian sidebar. Apabila anda menggunakan template yang 3 kolom yang sidebar nya berada di sebelah kiri serta kanan, maka dapat di pastikan yang pertama kali di loading adalah sidebar yang di sebelah kiri dahulu kemudian bagian posting. Berbeda halnya dengan template 3 kolom yang kedua sidebarnya berada di sebelah kiri ataupun keduanya di sebelah kanan, karena walaupun kedua sidebar berada di sebelah kiri, kode posting masih bisa di tempatkan di atas kode sidebar dengan mengatur kode float pada template. Masih bingung? Mungkin di lain kesempatan akan di bahas secara rinci.



    Jangan terlalu sering mengganti template



    Bagi anda yang suka gonta-ganti wajah blog dengan yang baru, saya sarankan untuk menghentikan kebiasaan tersebut (kaya kebiasaan merokok saja harus di hentikan emoticons7.gif)



    Jangan terlalu menjejali sidebar kiri dengan data yang berat



    Jika anda terlalu cinta dengan template 3 kolom yang sidebar nya berada di sebelah kiri serta kanan, maka sebaiknya jangan terlalu menjejali sidebar kiri dengan data yang berat. Data yang di kategorikan berat misalnya banner atau gambar, animasi, javascript, dan lain-lain. Jika anda menyimpan data yang terlalu berat di bagian sidebar kiri, maka pada saat crawling oleh mesin pencari akan sangat susah mencapai kepada isi postingan anda, sehingga posisi anda akan di kalahkan oleh blog yang postingannya lebih dahulu di crawling. Jadi sebaiknya yang di simpan di sebelah kiri adalah hanya tulisan-tulisan biasa yang ringan untuk di akses/loading.



    Jangan menghilangkan kode heading pada template



    Bagi anda yang senang mengotak-atik kode template, sebaiknya jangan menghilangkan kode heading pada template anda. Kode heading yang di maksud adalah mungkin anda sering melihat kode h1, h2, h3, h4 pada kode template anda, nah kode tersebut jangan sampai di hilangkan atau tidak di buat karena yang pertama kali di lihat oleh mesin pencari adalah data yang ada pada kode h1 h2, h3 serta berikutnya. h1 pada umumnya adalah untuk judul blog, maka dari itu membuat judul blog jangan sampai asal-asalah karena judul blog adalah front face yang pertama kali di lihat oleh mesin pencari. Misal, judul blog saya ini akan lebih berbobot apabila memakai judul blog tutorial, atau blogspot tutorial, atau kolom tutorial di banding dengan judul blog kang rohman karena keyword (kata kunci) yang saya incar pada mesin pencari adalah blog tutorial. Namun untuk kasus ini saya lebih mementingkan orang lebih mengenal saya sebagai kang rohman di banding dengan nama kang blog tutorial emoticons7.gif.



    Pergunakan hurup tebal, miring, atau garis bawah



    Penggunaan hurup tebal, miring, atau garis bawah pada keyword-keyword yang di rasa penting pada postingan sangatlah baik untuk optimalisasi mesin pencari. Misalkan postingan kita membahas tentang free template, maka pada tulisan –tulisan free template tersebut kita cetak secara tebal, miring, atau garis bawah. Namun walaupun demikian janganlah menebalkan suatu tulisan yang sama terlalu banyak pada satu postingan karena bisa di anggap spam oleh mesin pencari dalam hal ini adalah google, jadi ya yang wajar saja.



    Selalu gunakan tag "alt" pada kode gambar



    Mesin pencari pada umumnya tidak terlalu mengerti makna dari sebuah gambar, maka dari itu perlu menambahkan kode "alt" pada kode gambar anda. Tag "alt" adalah merupakan kepanjangan dari "alternatif", jadi mesin pencarie akan lebih mengenali maksud gambar anda apabila memakai tag "alt". Untuk pemasangan tag "alt" pada sebuah gambar sudah pernah saya bahas pada postingan yang ini.



    Jangan membuat hidden text atau hidden link



    Yang dimaksud dengan hidden text atau hidden link adalah membuat s ebuah text atau link berwarna sama dengan backgroundnya sehingga tidak terlihat oleh pengunjung blog. Jadi untuk yang satu ini jangan di lakukan, sebab akan membuat google murka terhadap blog anda karena di anggap menipu mata pengunjung.



    Usahakan agar blog anda di link oleh banyak blog atau website



    Semakin banyak blog atau situs membuat link ke blog anda, maka semakin baik pula penilaian mesin pencari terhadap blog anda, dan yang lebih baik lagi apabila blog anda di link oleh yang mempunyai page rank yang tinggi.



    Buatlah antara suatu postingan tertaut (linking) dengan postingan yang lain



    Salah satu usaha yang bisa dilakukan oleh anda sendiri adalah antara suatu postingan yang satu terkait dengan postingan yang lain, misalkan saya sering menuliskan kata-kata yang mengandung link seperti silahkan baca di sini, silahkan baca postingan ini, dan lain-lain sehingga antara postingan yang satu dengan yang lainnya jadi saling nge link.



    Usahakan jangan ada link yang rusak (broken link)



    Yang di maksud dengan link yang rusak adalah anda membuat suatu link, tapi ketika di klik halaman yang di link tersebut tidak ada atau tidak di temukan. Apabila anda mempunyai link yang seperti ini, maka sebaiknya link ini di perbaiki atau ya di rubah saja menjadi teks biasa bukan merupakan suatu link.



    Selalu perbaharui (update) blog anda dengan postingan yang baru



    Mesin pencari sangat suka terhadap blog atau website yang isinya selalu fresh atau segar, jadi kalau anda rajin memposting suatu artikel maka blog anda akan lebih sering di kunjungi oleh mesin pencari. Dan perlu diingat juga bahwa semakin banyak tulisan pada blog anda tentunya semakin banyak pula keyword atau kata kunci yang mewakili blog anda. Jadi, ayo kita berlomba untuk mengisi blog kita dengan postingan yang baru.



    Bagi pengguna blog blogger, gunakan kotak komentar asli dari blogger



    Banyak pengguna blog dari blogger merasa kecewa dengan kotak komentar yang di buat oleh pihak blogger sendiri dengan alasan ribet dan dalam bentuk pop-up sehingga menggunakan kotak komentar 3rd-party semisal haloscan dan lain sebagainya. Mungkin jika di lihat d ari bentuknya kotak komentar yang di buat oleh blogger memang sedikit mengecewakan, namun untuk masalah SEO jangan anggap enteng, kenapa demikian? Karena apabila ada pengunjung yang mengomentari postingan anda, maka komentar tersebut di anggap oleh mesin pencari sebagai bagian dari postingan anda. Jadi pada intinya semakin banyak yang berkomentar maka semakin banyak pula tabungan keyword yang kita miliki pada postingan tersebut, oleh karenanya soklah pada komentar di postingan ini..heuheuheu. dan satu keunggulan yang lain adalah setiap ada komentar yang masuk, komentar tersebut bisa langsung di antar ke alamat email kita, sehingga kita dapat mengetahui perkembangan komentar yang masuk pada suatu postingan.



    Bagaimana dengan yang memakai kotak komentar lain semisal haloscan. Apabila anda menggunakan kotak komentar dari haloscan, untuk masalah tampilan bolehlah di bilang lebih unggul namun di lihat dari segi SEO di rasa kurang baik karena setiap komentar yang masuk tidak akan terindeks oleh mesin pencari sebagai bagian dari postingan anda, jadi sayang sekali apabila beribu-ribu keyword sumbangan dari pengunjung tidak bisa menjadi milik anda. Selain itu apabila ada yang berkomentar, pihak haloscan tidak mau mengantarkan komentar tersebut ke alamat email kita, so.. yang pasti kita akan tidak mengetahui perkembangan terbaru dari kimentar yang masuk.



    Judul posting harus mewakili seluruh isi posting



    Yang satu ini terkadang banyak terlupakan oleh para blogger, membuat judul posting yang sedikit asal-asalan, padahal judul posting adalah wakil dari seluruh postingan. Kenapa demikian, karena secara umum judul posting di set pada kode template sebagai heading 2 (h2) atau heading 3 (h3), oleh karenanya sebelum melihat isi posting, sang mesin pencari terlebih dahulu akan melihat judul posting. Jadi, membuat judul posting harus dengan kata-kata yang semenarik mungkin serta dapat mewakili isi dari posting.



    Itulah tadi beberapa Tips SEO kuno ala kang rohman, sebenarnya masih banyak yang bisa dilakukan dalam meningkatkan rangking kita di mesin pencari, namun berhubung jari kang rohman yang sudah pegel karena ngetik terus, saya rasa di cukupkan dulu sekian, mungkin di lain waktu akan di sambung lagi.



    Eh kelupaan, untuk SEO di tahun 2008, menurut blogger suhu Indonesia Cosa aranda agak sedikit berbeda dengan yang saya tulis di atas, di antaranya yaitu :




    1. Informasi Kontak.

    2. Mobile Acces.

    3. Content.

    4. Personalisasi/ Lokalisasi.




    Sekarang asli jari saya sudah pegel banget, see you ah semuanya at my next post emoticon7.gif

    Senin, 04 Februari 2008

    Cara Menghilangkan Link "Melihat Profile Lengkap Saya"


    Masih seputar cara menghilangkan, kali ini ada yang bertanya mengenai cara menghilangkan link "Melihat Profile Lengkap Saya". Mungkin yang seperti ini kali ya :



    Kalau yang di maksud adalah yang seperti diatas tentu saja cara menghilangkannya sangat gampang. Caranya seperti ini kali yee :




    1. Sign in ke blogger dengan ID anda.

    2. Klik Layout.

    3. Klik menu Elemen Halaman.

    4. Klik tab Edit HTML.

    5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).

    6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :



      expand widget template




    7. Tunggu beberapa saat ketika proses sedang berlangsung.

    8. Silahkan anda cari kode berikut pada kode template milik anda :

    9. <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a> 

    10. Jika anda sudah menemukan kode yang seperti di atas, silahkan di hapus/delete saja kode tersebut.

    11. Klik tombol Simpan Template.

    12. Selesai. Silahkan lihat hasilnya !




    Seperti yang saya katakan di awal, caranya sangat mudah semudah membuat blog di blogdetik.com emoticon7.gif

    Minggu, 03 Februari 2008

    Cara Menghilangkan Angka Dalam Label


    Sewaktu saya kemarin melakukan tapa brata di dalam goa yang pengap
    selama beberapa hari, ternyata masih tetap ada yang mencoba mengajukan pertanyaan melalui kotak
    komentar. Salah satunya adalah seperti ini :




    Kang,tanya nih, cara buat ngilangin angka yang didalam kurung pada label gimana?
    misal :



    Serba-serbi (3)



    jumlah post-nya itu di ilangin bisa gak?





    Jawabannya tentu saja bisa, dan untuk melakukan ini anda tidak
    harus mengeluarkan keringat yang banyak karena hanya dengan menghapus
    sedikit kode di dalam kode template, maka keinginan anda akan segera
    tercapai. Caranya adalah seperti ini :




    1. Sign in ke blogger dengan ID anda.




    2. Klik Layout.




    3. Klik menu Elemen Halaman.




    4. Klik tab Edit HTML.




    5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).




    6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

    7.  


      expand widget template

       



    8. Tunggu beberapa saat ketika proses sedang berlangsung.




    9. Silahkan anda cari kode berikut pada kode template milik anda :








    10. (<data:label.count/>)








    11. Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.




    12. Klik tombol Simpan Template.


    13. Selesai. Silahkan lihat hasilnya !





    Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan
    angka yang menyertai Label akan menghilang entah kemana.



    Selamat mencoba !


    Senin, 21 Januari 2008

    Pasang Google Talk di blog (2)


    Beberapa waktu yang lalu, saya pernah memposting bagaimana
    cara menampilakan Google Talk di blog, namun
    rupanya ada yang belum puas karena widget yang di pasang terlalu
    besar sehingga sedikit mengganggu pemandangan. Lalu muncul pertanyaan,
    apakah bisa google talk yang di pasang adalah berupa tombol? jawabannya
    tentu saja bisa, karena memang sudah disediakan oleh pihak google talk
    sendiri. Contoh tombol yang bisa terpasang adalah sebagai berikut :









    Kode yang di pasang adalah sebagai berikut :






    <script src="http://talkgadget.google.com/talkgadget/button"></script>






    Masih bingung cara masangnya? biar cepat, saya buatkan yang otomatis.
    Silahkan klik tombol di bawah ini, kemudian login ke blogger dengan ID anda.

     









     



    Info lengkap seputar google talk, bisa anda baca di sini!

    Sabtu, 19 Januari 2008

    Pasang Icon Yahoo! Messenger (2)


    Dulu saya pernah memposting bagaimana cara memasang icon yahoo! Messenger di blog. Pada postingan tersebut saya tulis bahwa style ID yang bisa di pilih
    adalah sebanyak 5 style ID, ternyata eee.... ternyata style ID yang bisa pilih
    adalah lebih dari 5 buah. Dibawah ini adalah screenshot icon serta style ID
    yang bisa di pilih.



     



     



    Untuk cara pemasangan, silahkan baca ulasan lengkapnya pada postingan yang ini.
    Kode yang di pasang adalah sama, yang di ubah adalah style ID nya saja. Silahkan
    pilih mana yang paling di sukai. Informasi ini saya dapat dari blog ini
    emoticon4.gif padahal masih blog saya
    sendiri emoticon9.gif emoticon10.gif



    Rabu, 16 Januari 2008

    Pasang Feed Dalam Kode Marquee


    Salah satu sahabat blog kang rohman yaitu Setangguh kaktus ! (nama yang diperkenalkan beliau melalui kotak komentar) menanyakan bagaimana cara membuat Feed dalam kode marquee. Bagi blogger yang mencintai tampilan yang lebih di namis, memang dengan pemakaian kode marquee bisa menambah semarak karena suatu objek bisa bergerak dengan bantuan sedikit kode HTML.




    Kembali ke pertanyaan di atas yaitu apakah pemasangan feed bisa di pasang dalam kode marquee? jawabannya tentu saja bisa, namun pengertian pasang feed disini adalah seperti yang pernah saya ulas di sini. Trus bagaimana cara memasangnya? silahkan di baca sampai tuntas.



    Sebagai contoh, saya mengasumsikan bahwa anda belum memasang feed apapun di blog anda, dan silahkan ikuti langkah-langkah berikut ini :



    Langkah ke 1 :


    1. Sign in di blogger dengan ID anda.

    2. Klik menu layout.

    3. Klik menu Elemen Halaman.

    4. Klik tulisan Tambahkan sebuah Elemen Halaman.

    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed.

    6. Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml

    7. Klik tombol SIMPAN PERUBAHAN.

    8. Pindahkan elemen yang baru saja di buat pada tempat yang anda kehendaki.

    9. Klik tombol SIMPAN .

    10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat.




    langkah ke 2 :


    1. Klik tab Edit HTML.

    2. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).

    3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

    4. Tunggu beberapa saat ketika proses sedang berlangsung

    5. Silahkan anda cari kode berikut pada kode template milik anda :

    6. <b:widget id='Feed1' locked='false' title='Blog Kang Rohman' type='Feed'>
      <b:includable id='main'>
      <h2><data:title/></h2>
      <div class='widget-content'>
      <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
      <b:loop values='data:feedData.items' var='i'>
      <li>
      <span class='item-title'>
      <a expr:href='data:i.alternate.href'>
      <data:i.title/>
      </a>
      </span>
      <b:if cond='data:showItemDate'>
      <b:if cond='data:i.str_published != ""'>
      <span class='item-date'>
       - <data:i.str_published/>
      </span>
      </b:if>
      </b:if>
      <b:if cond='data:showItemAuthor'>
      <b:if cond='data:i.author != ""'>
      <span class='item-author'>
       - <data:i.author/>
      </span>
      </b:if>
      </b:if>
      </li>
      </b:loop>
      </ul>
      <b:include name='quickedit'/>
      </div>
      </b:includable>
      </b:widget>

    7. Tambahkan kode marquee seperti pada contoh kode berikut :



      <b:widget id='Feed1' locked='false' title='Blog Kang Rohman' type='Feed'>
      <b:includable id='main'>

      <h2><data:title/></h2>
      <marquee align='center' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
      <div class='widget-content'>
      <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
      <b:loop values='data:feedData.items' var='i'>
      <li>
      <span class='item-title'>
      <a expr:href='data:i.alternate.href'>
      <data:i.title/>
      </a>
      </span>
      <b:if cond='data:showItemDate'>
      <b:if cond='data:i.str_published != ""'>
      <span class='item-date'>
       - <data:i.str_published/>
      </span>
      </b:if>
      </b:if>
      <b:if cond='data:showItemAuthor'>
      <b:if cond='data:i.author != ""'>
      <span class='item-author'>
       - <data:i.author/>
      </span>
      </b:if>
      </b:if>
      </li>
      </b:loop>
      </ul>
      <b:include name='quickedit'/>
      </div>
      </marquee>
      </b:includable>
      </b:widget>


    8. Klik tombol Simpan Template.

    9. Selesai. Silahkan lihat hasilnya !




    Perlu di ketahui bahwa, pemasangan kode marquee kurang begitu bagus kalau di lihat pada browser mozilla/firefox, kode ini berfungsi secara baik apabila di lihat pada browser internet explorer.



    Selamat mencoba !

    Jumat, 11 Januari 2008

    Pasang Google Talk di Blog




    add google talk



    Beberapa bulan yang silam, saya pernah mengulas tentang bagaimana cara menampilkan status online Yahoo! Messengerdi blog pada postingan yang ini. Rupanya ada beberapa sahabat yang berkeinginan lain yaitu ingin mengetahui bagaimana cara memasang Google Talk di blog. Apa itu google talk? google talk adalah suatu layanan dari google yang dapat di pergunakan oleh mereka yang mempunyai akun di google agar satu sama lain bisa saling berkomunikasi atau lebih di kenal dengan istilah chatting. Apakah fasilitas google talk tersebut bisa di pasang di blog? jawabannya adalah bisa. Belum mengetahui caranya? silahkan ikuti saja langkah-langkah berikut ini :



    Untuk template baru :

    1. Sign in di blogger dengan ID anda.

    2. Klik Layout.

    3. Klik tab Elemen Halaman.

    4. Klik Tambahkan sebuah Elemen Halaman.

    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.

    6. Copy lalu paste pada kode berikut pada pop up window yang muncul.











    7. Klik tombol SIMPAN PERUBAHAN.

    8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di inginkan.

    9. Klik tombol SIMPAN yang ada di sebelah atas.

    10. Selesai. Silahkan lihat hasilnya!




    Jika anda merasa kesulitan dengan langkah di atas, saya mempunyai cara yang sangat praktis. Silahkan anda login dulu di blogger kemudian klik pada tombol Tambahkan ke blog saya di bawah ini, maka widget google talk akan secara otomatis di simpan di sidebar anda !











    Untuk template Klasik :

    1. Sign in di blogger dengan ID anda.

    2. Klik Layout.

    3. Klik tab Edit HML.

    4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).

    5. Copy lalu paste kode berikut di tempat yang anda inginkan.











    6. Klik tombol Simpan Perubahan Template yang ada di sebelah atas.

    7. Selesai. Silahkan lihat hasilnya!




    Selamat mencoba !

    Kamis, 10 Januari 2008

    Blog Bukan Sekedar Untuk Hobby



    klik saja di sini kalo mau mampir ke tempatnya mba mika


    Sebagian orang mungkin masih beranggapan bahwa blog hanyalah sebuah sarana
    untuk menyalurkan hobby dalam hal menulis, entah itu menulis tentang pengalaman pribadi,
    puisi-puisi, unek-unek dalam hati dan lain sebagainya. Namun tahukah anda
    bahwa blog tidak hanya sekedar untuk hobby semata namun bisa juga di
    jadikan sebagai sarana untuk berbisnis, baik itu bisnis yang secara totalitas
    dilakukan di internet (online) atau ada juga yang di jadikan sarana pendukung untuk
    kelancaran berbisnis di dunia nyata (offline).


    Sebuah contoh kongkrit adalah seperti yang di lakukan oleh salah satu sahabat saya
    yang bernama mba mika. Wanita yang mempunyai paras cantik ini pandai untuk memanfaatkan
    sarana yang ada, dalam hal ini adalah blog. Beliau ini mencoba untuk memanfaatkan blog sebagai
    sarana untuk mendukung kelancaran bisnis offline yang di milikinya. Bagi yang penasaran, silahkan mampir
    ke blog milik beliau di  http://yukmampir.blogspot.com.


    Usaha yang di geluti adalah dalam bidang produk sepatu dan sandal. Dengan adanya
    blog maka informasi tentang produk yang di jual dapat dengan mudah di ketahui oleh khalayak ramai,
    tak hanya oleh tetangga dekat saja bahkan seluruh dunia dapat dengan mudah mengakses
    dan mengetahui tentang adanya bisnis yang beliau geluti.


    Menurut keterangan beliau yang saya kutip dari sebuah pesan di inbox mail saya, pada awalnya
    sarana blog hanyalah sekedar untuk iseng saja, namun ternyata dengan mudahnya informasi yang bisa
    di akses melalui blog, maka usaha beliau bisa lebih maju dari sebelumnya. Satu lagi keterangan
    yang saya catat yaitu katanya pesanan justru lebih banyak datang dari luar kota di bandingkan
    dengan yang di dalam kota.


    Dari kenyataan yang ada maka beliau dapat membuktikan kepada kita kita blogger mania bahwa blog
    bisa juga di jadikan sarana sebagai sumber rezeki yang halal tentunya. Ingin tahu lebih banyak
    tentang usaha yang beliau geluti atau mungkin ada yang mau sekedar sharing dengan mba mika, silahkan langsung saja meluncur ke
    http://yukmampir.blogspot.com

     


     




    Note : thanks ya mba atas uang kopinya, anak-anak senang lho nerima nya emoticon3.gif .






    Rabu, 09 Januari 2008

    Comment box inside post untuk template klasik


    Dulu ketika saya pertama kali membuat blog, saya lebih menyukai
    template klasik daripada template yang baru, alasan utamanya yaitu
    untuk template klasik kode html templatenya sangat mudah untuk
    di otak-atik dan tidak seribet template baru yang sering muncul
    pesan error ketika melakukan editting. Maka pada waktu
    tutorial yang saya tulispun lebih dominan membahas tentang yang berhubungan
    dengan template klasik.


    Seiring berjalannya waktu saya tergoda untuk memakai template baru karena
    semakin hari semakin banyak pula fasilitas yang di tawarkan oleh pihak blogger,
    maka akhirnya saya putuskan untuk bermigrasi ke
    template baru. Setelah perpindahan tersebut rupanya perilaku saya dalam menulispun
    ikut terbawa, sekarang tulisan saya hampir semuan berhubungan dengan
    yang namanya template baru sehingga template klasik hampir sudah di lupakan.


    Hal ini rupanya membuat sedikit kurang nyaman bagi pembaca setia blog saya yang masih menggunakan
    template klasik, ambil contoh saya pernah memposting sebuah artikel yang membahas tentang bagaimana cara membuat
    kotak komentar yang langsung di dalam halaman posting
    tanpa harus membuka window baru layaknya kotak komentar blogger pada umumnya. Tulisan tersebut
    memang saya tujukan bagi mereka yang menggunakan template baru, terus bagaimana
    kalau untuk template klasik?
    begitulah permintaan beberapa orang pembaca yang
    masih menggunakan template klasik.


    Hmmmmmm.... tampaknya memang tak adil juga ya perilaku saya selama ini. Untuk
    sedikit memenuhi hasrat beliau-beliau yang masih menggunakan template klasik,
    maka tulisan kali ini saya akan mencoba membahas bagaimana cara membuat kotak
    komentar yang langsung di bawah postingan.


    Sebelumnya saya tegaskan bahwa tulisan ini khusus bagi anda yang memakai
    template klasik bukan untuk template baru, namun demikian kalau untuk sebatas
    pengetahuan saja tentunya tidak di larang, silahkan saja di baca.


    Perlu anda ketahui bahwa desain template sangatlah variatif, sehingga mungkin
    kode-kode yang saya terangkan tidak akan sama persis dengan kode template yang anda miliki.
    untuk itu tulisan ini saya merujuk kepada kode template yang standar di pake oleh template blogger
    dalam hal ini saya mengambil contoh pada template minima (template asli blogger).


    Terlalu lama berbasa-basi? Ok,.. langsung saja. Untuk membuat kotal komentar
    langsung di dalam posting pada template klasik, silahkan ikuti langkah-langkah berikut :


    Langkah #1



    1. Sign in di blogger dengan ID anda.


    2. Pada halaman dashboard, klik Pengaturan.


    3. Klik tab Komentar.


    4. Cari tulisan Tampilkan komentar dalam sebuah window popup?, pilih ya. Perhatikan gambar di bawah :


    5. kotak komentar

       


    6. Klik tombol   simpan pengaturan

     



    langkah #2

    1. Klik tab Edit HTML


    2. Copy seluruh kode html template anda, lalu paste pada notepad kemudian Save dulu untuk backup (penting jangan sampai tidak di lakukan).


    3. Cari kode seperti di bawah ini :




    4. <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>

      <span style="text-transform:lowercase"><$I18NNumComments$></span></a>


       


    5. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















    6. Cari kode seperti ini :




    7. <BlogItemCommentsEnabled><a name="comments">



    8. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















    9. Coba tuju ke bagian bawah, lalu cari kode seperti berikut :




    10. <p class="comment-timestamp">

      <a href="<$BlogURL$>"><< <$I18NHome$></a>

      </p>


      </div>

      </itempage>




    11. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















    12. Klik tombol Simpan Perubahan Template.


    13. Selesai. Silahkan lihat hasilnya!


     



    Manilik kepada pengalaman yang lalu pada template baru, ada beberapa
    komentar yang masuk bahwa beliau-beliau ini sudah berulang kali mencoba
    akan tetapi gagal terus, setelah saya coba riview blog nya ternyata kotak komentarnya
    sudah berhasil di buat, ini ada kemungkinan beliau ini meriview blognya di bagian
    halaman depan saja dan tidak membuka halaman posting. Untuk itu saya
    tegaskan bahwa ketika anda ingin melihat hasilnya, anda harus membuka sebuah
    halaman posting. Caranya yaitu apabila halaman post anda mempunyai sistem Read more..
    maka klik lah link Read more.. tersebut untuk membuka sebuah poastingan.
    Jika tidak mempunyai sistem Read more.., silahkan klik pada judul yang ada
    di posting sebelumnya (untuk template klasik).


    Untuk sekedar melihat contoh dari yang saya terangkan di atas, silahkan anda klik di sini!


    Informasi tambahan saja bahwa sebenarnya tutorial ini pernah di bahas oleh sahabat
    saya mas abi,
    bagi yang merasa kesulitan dengan yang saya terangkan, coba kunjungi saja blog beliau. Mungkin pembahasan beliau
    lebih mudah untuk di pahami.


    Selamat mencoba !

    Senin, 07 Januari 2008

    Free template : Hello Wiki 3 Columns



    Ada koleksi template baru di uniQue template. Sebuah theme wordpress
    yang telah di adaptasikan untuk bisa di pakai di blogger. Template ini
    mempunyai nama Hello Wiki 3 Columns, secara original
    template Hello Wiki mempunyai 2 kolom, untuk mengikuti trend yang lagi in yaitu
    template 3 kolom, maka sengaja saya buatkan dalam bentuk tiga kolom.


    Demo :



    hello wiki template


    Silahkan kunjungi http://hello-wiki.blogspot.com untuk melihat demo.


    Lisensi


    Bagi yang tertarik untuk memakai template Hello Wiki 3 Columns ini bisa didownload secara gratis, namun
    ada beberapa ketentuan yang harus di taati, antara lain yaitu :




    1. Anda tidak boleh menghapus credits link ke blog ini serta ke situs
      ini yang berada di bagian bawah template.




    2. Anda tidak boleh untuk menjualnya kepada pihak lain.




    3. Anda boleh memodifikasi seluruh isi template.




    4. Anda boleh memakai template ini untuk di pakai secara personal ataupun perusahaan.







    Cara menginstall template



    Sesudah anda mendownload templatenya, jangan langsung di upload ke blogger tapi
    di ekstrak dulu karena file yang di download masih dalam bentuk file zip.
    Selain file XML (file template), disana sudah saya sertakan gambar-gambar dari
    template tersebut, silahkan upload ke server tempat anda menyimpan gambar, gantilah
    alamat gambar yang ada di template dengan alamat milik anda, ini untuk menghindarkan
    server down apabila terlalu banyak yang menggunakan alamat gambar milik saya.
    Jangan lupa untuk membackup template lama anda, mungkin setelah anda mengganti template dengan
    yang baru tidak merasa cocok, anda bisa mengembalikan nya kembali ke template yang lama.
    Selain membackup template yang lama, jangan sampai lupa untuk membackup data widget.
    Untuk cara membackup widget bisa di baca pada postingan yang ini.
    atau jika mau iseng membaca dalam versi bahasa inggris, bisa di baca pada postingan yang ini
    atau juga postingan yang ini.



    Untuk cara-cara menginstall bisa di baca pada postingan yang ini atau juga posting yang ini.




    Tips-tips mengganti template



    Ada beberapa tips yang sekiranya boleh untuk di pertimbangkan, diantaranya :



  • Jangan lupa untuk membackup template dan widget.




  • Jangan langsung mengganti template yang lama dengan yang baru, cobalah buat
    satu blog percobaan (membuat blog yang baru sangat gampang) karena mungkin saja
    setelah di upload anda tidak merasa cocok dengan template yang baru. Hal ini lebih
    efektif karena apabila langsung pada blog utama anda tentu saja berbagai widget akan
    terhapus, trus apabila tidak merasa cocok akan repot dua kali.




  • Apabila sudah merasa cocok dan siap untuk mengganti template pada blog utama anda. jika
    dalam template lama terdapat menu navigasi, hapuslah terlebih dahulu menu-menu
    navigasi tersebut. Karena apabila terdapat menu navigasi yang langsung di tanam
    pada kode template, sering terjadi Error saat mengganti template atau kadang-kadang link
    yang ada pada menu navigasi tersebut tidak hilang serta tidak bisa di hapus lagi.




  • Apabila terjadi Error dengan isu IDs Widget harus Unik, untuk mengatasi error tersebut
    coba baca postingan yang ini.








  • Bagi yang berminat, silahkan download di
    http://template-unik.blogspot.com, atau
    bisa juga di http://rohman-freeblogtemplate.blogspot.com




    Selamat berdownload ria !

    Kamis, 03 Januari 2008

    Pasang Fasilitas "Print" di blog



    Sudah beberapa hari tidak ada tulisan baru di blog ini, harap
    dimaklumi ya soalnya kemarin baru liburan ke bandung selama tiga hari.
    Iseng melihat dokumen yang ada di shoutbox, rupanya banyak juga
    pengunjung baru blog ini. Buat anda yang terbilang sebagai pengunjung
    baru dan belum kenal dengan saya, salam kenal saja dari saya Kang Rohman,
    sering-sering berkunjung kemari ya.



    Pada kesempatan kali ini saya mau mencoba mengulas sebuah pertanyaan mengenai
    bagaimana cara memasang fasilitas print di blog, layak nya
    yang banyak terdapat di situs-situs internet.
    . Memang, dengan memasang
    falitas print di blog, maka akan lebih memudahkan para pembaca blog yang ingin
    membaca artikel kita secara offline.




    Untuk memasang falitas ini, banyak cara yang bisa di tempuh. Ada yang memasang
    script dari yang rumit nya minta ampun sampai dengan script yang sederhana. Untuk
    mendapatkan script tersebut sangatlah mudah, coba lakukan googling Silahkan
    tulis keyword atau kata kunci yang berhubungan
    semisal script print this page pada mesin pencari (search engine) yang ada di sebelah
    kanan atas blog ini. Bagi yang sedikit malas untuk ber googling ria, silahkan baca
    artikel ini sampai selesai.



    Agar tidak membingungkan, saya memilih cara yang sederhana tapi tetap berfungsi secara
    semestinya yaitu memasang script yang sederhana tapi tetap berfungsi secara baik.
    Agar telihat lebih manis, ada banyak pembuat situs menggandengkan link untuk print
    berderetan dengan icon berbentuk printer, maka dari itu saya pun akan
    mencoba membuat link untuk print beserta icon print.



    Langkah pertama yaitu membuat icon berbentuk print, jika anda tidak mahir menggambar
    tentu saja ada banyak situs penyedia icon secara gratis di internet. Lagi-lagi silahkan tulis
    keyword yang berhubungan semisal free icon pada mesin pencari di sebelah
    kanan atas blog ini. Sebagai contoh, saya mempunyai icon printer seperti ini print this page.
    Jika anda sudah mempunyai icon yang mau di pasang, langkah selanjutnya adalah mengupload
    icon tersebut ke server tempat anda biasanya menyimpan gambar. Sebagai contoh saya menyimpan icon print
    di google pages, untuk cara-cara upload ke google pages sudah saya ulas pada postingan yang ini.



    Sebagai contoh, icon yang saya upload mempunyai alamat seperti ini :


    http://amen24.googlepages.com/printer.png



    Untuk script fasilitas print, anda tinggal memakai script di bawah ini (silahkan
    ganti alamat gambarnya dengan milik anda):





    <a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/>&#160;Print this page</a>



    Hasilnya akan seperti ini (silahkan klik untuk membuktikannya!) :


    print this page Print this page


    Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau
    yang lainnya, perhatikan saja kodenya.


    Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :



    1. Silahkan login di blogger dengan id anda.


    2. Klik Layout.


    3. Klik Elemen Halaman.


    4. Klik tulisan Tambahkan sebuah Elemen Halaman.


    5. Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.


    6. Copy lalu paste kode berikut pada elemen halaman tadi :








    7. Klik tombol simpan perubahan.


    8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.


    9. Klik tombol SIMPAN.


    10. Selesai. Silahkan lihat hasilnya.


     


    Selain bentuk link seperti yang saya terangkan di atas, ada juga yang memasang
    fasilitas ini dalam bentuk tombol, kodenya seperti ini :






    hasilnya akan seperti ini (coba klik untuk membuktikannya !) :






    Untuk langkah-langkah pemasangan silahkan merujuk pada langkah-langkah yang di atas, langkahnya
    sama yang berbeda hanya kode yang di pasang saja.


    Selamat mencoba !