Sabtu, 15 Desember 2007

How to fix error message "Widget IDs should be unique" ?


Possibly you ever have the pip when doing Edit HTML
at your template code always experience of failure with error message like this :









We were unable to save your template.




Please correct the error below, and submit your template again.



    More than one widget was found with id: HTML1. Widget IDs should be unique.







Or maybe like this:





We were unable to save your template.




Please correct the error below, and submit your template again.



    More than one widget was found with id: Feed1. Widget IDs should be unique.






Error message is same , the different only at ID, that is HTML1 and Feed1.
And that is just an example, ID which emerge possibly HTML2, HTML3, HTML4 etc,
or possibly also Feed2, Feed3, Feed4 etc. Possibly you will feel
to confuse with this error message, because you can't edit your template code.
The question possibly emerge that is what do cause can emerge the error message like that? if I may answer possible it be like this : error message emerge because in your template code is have two widgets or more with same ID. Still confuse? I give an example. For example in your template code have widget code be like this :






<div id='sidebar-wrapper'>

<b:section class='sidebar' id='upsidebar' preferred='yes'>

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>

<b:widget id='HTML3' locked='false' title='' type='HTML'/>

</b:section>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>

<b:widget id=''HTML1' locked='false' title='Free Download' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

<b:widget id='HTML6' locked='false' title='' type='HTML'/>

<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>

<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>

<b:widget id='HTML9' locked='false' title='' type='HTML'/>

<b:widget id='HTML10' locked='false' title='' type='HTML'/>

</b:section>







At the example above seen two widget codes with the same ID, that is HTML1 (attention the red letter):






<b:widget id='HTML1' locked='false' title='' type='HTML'/>



<b:widget id='HTML1' locked='false' title='Free Download' type='HTML'/>






If the case such as the example, of course you can't Saving your template code because it will always error.
What must be doing if the case like that? you must change one of widget ID with diffrent ID. Example :
change HTML1 with HTML15
or other number, but the number must be different with other widget ID.






<div id='sidebar-wrapper'>

<b:section class='sidebar' id='upsidebar' preferred='yes'>

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>

<b:widget id='HTML3' locked='false' title='' type='HTML'/>

</b:section>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>

<b:widget id='HTML1' locked='false' title='Free Download' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

<b:widget id='HTML6' locked='false' title='' type='HTML'/>

<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>

<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>

<b:widget id='HTML9' locked='false' title='' type='HTML'/>

<b:widget id='HTML10' locked='false' title='' type='HTML'/>

</b:section>







You just change one of widget ID with different number, example : HTML1 changed with HTML15, for example :






<div id='sidebar-wrapper'>

<b:section class='sidebar' id='upsidebar' preferred='yes'>

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>

<b:widget id='HTML3' locked='false' title='' type='HTML'/>

</b:section>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>

<b:widget id='HTML15' locked='false' title='Free Download' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

<b:widget id='HTML6' locked='false' title='' type='HTML'/>

<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>

<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>

<b:widget id='HTML9' locked='false' title='' type='HTML'/>

<b:widget id='HTML10' locked='false' title='' type='HTML'/>

</b:section>








If you had changing your widget ID, click Save Template button. And you will never se the error message.





Rabu, 12 Desember 2007

Tips Membackup Blog Secara Online



Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia
mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot)
tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah
di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari
kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi.
Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada.
Kenapa bisa demikian? jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu
pihak Blogger.com.




Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com)
tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat
lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika
semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.



Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel
yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana.
Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan
terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah
ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.



Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita?
jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan
backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya.
Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau
saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.



Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas
semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader,
serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena
diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.



  • Backup Online di Wordpress.com




  • Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah
    diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import
    maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account
    blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang
    harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !.
    Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress.
    Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :




    1. Silahkan login dulu di wordpress dengan id sobat




    2. Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya
      ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan
      ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan
      perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping
      tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu
      pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat
      menjadi berbahasa indonesia.




    3. Klik menu Kelola.




    4. Klik sub menu bertuliskan Impor.




    5. Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik
      tombol Otorisasi.




    6. Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger
      dengan id sobat.




    7. Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.




    8. Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger,
      maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang
      berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.




    9. Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung
      dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu
      lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung




    10. Selesai.





    Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu
    setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress,
    oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang
    boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan
    di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama
    seperti pada saat melakukan impor yang pertama.



    Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara
    otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu
    apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis
    di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com.
    mau tahu caranya? di baca saja deh kelanjutan ceritanya.




  • Backup Online melalui Google Reader




  • Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader.
    Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel
    tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader
    melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.





  • Backup Online melalui Multiply.com




  • Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com.
    Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting
    artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang
    paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat.
    Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.




    Mau melihat contoh contoh backup dari blog saya, silahkan bisa di kunjungi di sini! atau juga di sini!



    Tidur dulu ah, ngantuk banget nih!




    Jumat, 07 Desember 2007

    Tutorial software PopUp Generator


    Sudah lama tidak posting tentang tutorial software yang disediakan oleh
    http://www.obralplus.com/?id=rohman
    serta oleh http://www.resepbisnis.com/?id=rohman bagi para anggotanya. Mau iseng-iseng mengulas tentang cara penggunaan dari software
    PopUp generator yang bisa di download di halaman member http://www.resepbisnis.com/?id=rohman.



    Pernah mendengar tentang iklan popup di internet? sudah dipastikan sobat pernah mendengar istilah ini dan tentunya tidak
    perlu lagi saya ulas. Atau mungkin ada yang belum tahu? khusus bagi yang belum tahu sedikit akan saya ulas. Agar lebih mudah
    di mengerti saya beri sedikit gambaran. Mungkin sobat pernah mengunjungi situs di internet dan secara tiba-tiba muncul
    window baru (biasanya iklan situs) di layar monitor tanpa kita bermaksud untuk memanggil atau mengunjungi situs tersebut, dan
    window baru itulah yang di sebut dengan iklan dalam bentuk Popup, Fahamm ? (kata ustad sobat dalam film si entong begitu).




    Banyak orang yang tidak menyukai akan iklan popup ini dengan berbagai alasan, diantaranya yaitu
    terkadang iklan yang muncul berupa gambar yang tidak enak di pandang mata alias kurang senonoh dan popup ini membuat
    koneksi internet menjadi sedikit lambat di karenakan jendela browser lebih dari satu, selain itu pula tidak jarang
    iklan popup sebagai sarana untuk menyusupkan berbagai virus ke komputer. Untuk mengatasi hal ini, banyak pengguna komputer menghidupkan fitur
    PopUp bloker pada browsernya.



    Namun dengan berbagai alasan di atas, pada relitanya banyak sekali pemilik situs masih menggunakan iklan melalui popup dan
    dari alasan itu saya mengira iklan PupUp masih efektif untuk sarana beriklan. Nah.... bagi yang berminat untuk beriklan melalui PopUP,
    ada software yang sangat simpel dan praktis tapi sangat handal yaitu PopUp generator. Dengan menggunakan software ini,
    kita dapat membuat iklan PopUp dalam waktu dua setengah menit atau mungkin bisa kurang. Akan tetapi setelah saya melakukan serangkaian
    uji coba, script yang di hasilkan oleh software ini hanya berfungsi secara baik pada template blogger versi baru (XML), sedangkan untuk
    template klasik (html) saya masih belum bisa menerapkannya alias tidak bisa berfungsi secara baik.



    Sudah jenuh dengan intermezo diatas dan ingin langsung ke topik bahasan tentang tutorial software ini? hmmmmm... kita
    langsung aja deh. Bagi sobat yang telah tergabung di resep bisnis, silahkan download dulu software ini di halaman member. Kapasitas
    data yang didownload tidaklah terlalu besar yakni sebesar 949kb dalam format file zip, setelah di download tentu saja harus
    di ekstrak terlebih dahulu dengan software winzip. Setelah di eksrtak, sobat akan menemukan beberapa file. Yang harus di jalankan
    adalah file Popup.exe, tidak perlu di install. setelah di jalankan, sobat akan melihat panel seperti ini :


    PopUp gif


    Dari tampilan panel diatas, terlihat ada beberapa tulisan. Nah...tulisan tersebut masing-masing mempunyai
    fungsi yang berbeda, agar lebih jelas sedikit akan saya uraikan :




  • Function Name




  • Function name hanyalah sebagai penentu Function untuk javascript, secara default tertulis di sana popupgenerator,
    tulisan ini boleh di ubah sekehendak kita asal hanya satu kata tidak boleh ada spasi, atau bila tidak di ubahpun tidak apa-apa.



  • Popup Name




  • Hampir mirip dengan Function name, bisa di ubah bisa juga di biarkan sesuai defaultnya.



  • Dimensions




  • Dimension ini adalah untuk mengatur ukuran dari popup yang ingin di munculkan, satuan yang di pakai
    adalah pixel. Jadi sobat hanya perlu memberi tanda ceklis pada kotak di samping tulisan Popup Size,
    kemudian menuliskan ukuran dari window popup yang ingin di munculkan.



  • Fullscreen




  • Selain ukuran dimensi bisa kita atur, kitapun bisa menampilkan dalam satu layar penuh. Caranya dengan memberi
    tanda pada radio button di samping tulisan fullscreen.



  • Position




  • Apabila sobat berkeinginan ingin mengatur letak munculnya window popup, sobat hanya tinggal membubuhkan nilai
    koordinat dari layar monitor dalam satuan pixel.



    » "Top" berarti koordinat di hitung dari sebelah atas layar.


    » "Left" berarti koordinat di hitung dari sebelah kiri layar.




  • Options




  • Options ini memberikan kebebasan kepada kita untuk memilih mana yang akan kita pakai dengan cara memberi tanda ceklis
    pada kotak di samping tulisan yang tertera, yaitu antara lain :



    » Location Bar : bila hanya memilih ini, maka popup yang akan muncul pada window browsernya hanya mempunyai Location Bar saja.



    » Directories : window yang akan muncul hanya menampilkan Links dalam browser IE.



    » Menu Bar : hanya memunculkan teks dalam menu bar nya. Normalnya seperti : File, Edit, View, dan lain-lain.



    » Tool Bar : ini akan memunculkan Tool bar yang ada dalam browser seperti : Forward, back, Search, Home, serta
    yang lainnya.



    » Status Bar : dalam browser IE, dibagian bawah terdapat status bar untuk menampilkan alamat URL apabila mouse menyorot sebuah link.



    » Scroll bar : pilihan ini akan membuat popup yang tercipta mempunyai scroll bar.



    » Resizable : window pupup yang akan tercipta akan bisa di ubah, misal ingin di maximize atau di minimize.



    Dari berbagai options pilihan di atas, kita bisa memilih satu atau beberapa atau mungkin memilih semuanya.



  • URL of Window




  • Alamat URL yang tertera harus di ganti dengan alamat URL situs yang di tuju. Misal : http://www.resepbisnis.com/?=rohman.



  • Select Trigger




  • Ini akan menentukan bagaimana window popup itu akan muncul.



    » Standar Link : pilihan ini adalah seperti link biasa pada umumnya, yaitu ada sebuah link jika ada
    pengunjung yang meng klik nya, maka akan muncul window baru.



    » Form Button : seperti link biasa, akan tetapi dalam bentuk tombol.



    » When Page Loads : Pilihan ini agar window popup akan muncul secara otomatis ketika ada
    pengunjung yang datang mengunjungi blog sobat.



    » When Page Unloads : Windows popup akan muncul secara otomatis apabila ada pengunjung blog sobat
    yang menutup (meninggalkan) blog sobat, pilihan ini di rasa lebih baik karena window popup yang muncul tidak
    akan menggangu perhatian pengunjung terhadap blog sobat karena justru ketika pengunjung blog meninggalkan blog sobat,
    window popup nya baru akan muncul.



  • Location Of Window




  • Lokasi munculnya window pun dapat kita atur.



    » In front : window popup yang muncul akan keluar dan langsung berada di depan blog sobat. Sehingga
    blog sobat akan tertutup.



    » In Back : window yang muncul posisinya akan berada di belakang halaman blog sobat.



  • Days To Repeat Popup




  • Ada dua pilihan :



    » jika menuliskan angka "0" (nol) maka popup yang tampil akan selalu muncul setiap kali ada yang berkunjung
    walaupun pengunjung tersebut orangnya itu-itu juga.



    » jika menuliskan angka "999", maka popup yang tampil akan muncul hanya satu kali saja pada pengunjung yang sama. jadi
    orang yang pernah melihat popup sobat tidak akan melihatnya lagi dengan catatan pengunjung tersebut tidak melakukan delete Cookies.



  • 1.Generate Code




  • Tombol ini berfungsi untuk membuat kode apabila sobat telah selesai melakukan pengesetan tentang yang tadi di atas terangkan.



  • Reset




  • Tombol untuk reset agar kode yang sudah di generate menjadi kosong lagi.



  • 2.Test/View Popup




  • Tombol untuk melihat contoh window popup yang telah di buat.



  • 3.Get Code




  • Tombol untuk mendapatkan Javascript yang akan di pasang di blog.




    Sekilas tentang fitur-fitur yang ada di panel sudah cukup, semoga mudah untuk di mengerti.





    Sekarang tiba waktunya untuk beraksi yaitu menempatkan kode yang di hasilkan dari software ini ke blogger.com.



    » Langkah #1




    1. Jalankan software PopUp generatornya.




    2. Lakukan setting sesuai yang di inginkan.




    3. Klik tombol 1.Generate Code, kemudian klik tombol 3.Get Code. Akan muncul panel baru seperti gambar di bawah ini :



    4. panel kode popu generator



    5. Silahkan diamkan dulu untuk nanti keperluan di ambil kodenya.






    » Langkah #2




    1. Silahkan login di blogger dengan ID sobat.




    2. Klik Layout.




    3. Klik menu Edit HTML.




    4. Klik tulisan Download Template Lengkap. Silahkan save dulu untuk backup kode template, agar aman apabila terjadi kesalahan.




    5. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :



    6. panel kode popup generator



    7. Klik pada tombol Grab Text yang bagian atas. Lalu klik kanan, pilih copy.





    8. Paste kode yang tadi di copy di atas kode </head> (pada kode template)






    9. Ada satu catatan penting yaitu sobat harus merubah kode yang bertuliskan :




      </script>




      Menjadi hurup kapital semua, yaitu seperti ini :




      </SCRIPT>







      Misalkan kode yang di dapat seperti ini :





      <SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

      <!--

      /****************************************************

      Created With: PopupGenerator

      URL: http://www.popupgenerator.com

      ****************************************************/

      var win=null;

      function NewWindow(mypage,myname,w,h,pos,infocus){

      if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

      if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

      else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

      settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings);

      win.focus();}

      // -->


      </script>





      Maka kodenya di uabah menjadi seperti ini :





      <SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

      <!--

      /****************************************************

      Created With: PopupGenerator

      URL: http://www.popupgenerator.com

      ****************************************************/

      var win=null;

      function NewWindow(mypage,myname,w,h,pos,infocus){

      if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

      if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

      else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

      settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings);

      win.focus();}

      // -->


      </SCRIPT>








    10. Cari kode pada template sobat yang seperti di bawah ini :






    11. <body>






    12. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :



    13. panel kode popup generator



    14. Klik pada tombol Grab Text yang bagian bawah. Lalu klik kanan, pilih copy.




    15. Gantilah kode <body> dengan kode yang tadi di copy pada popup generator.




    16. misalkan kode <body> di ubah menjadi seperti ini :





      <body onLoad='NewWindow("http://www.resepbisnis.com/?id=rohman","iklan","640","480","center","front");'>







    17. Klik tombol SIMPAN TEMPLATE.




    18. Selesai. Silahkan lihatt bagaimana hasilnya.








    Apabila sobat ingin melihat contoh hasil dari yang tadi sya tulis, silahkan klik di sini ! dengan catatan untuk
    popup blocker nya di buka sementara.



    Selamat mencoba !

    Kamis, 06 Desember 2007

    Horizontal tab menu 10


    Pernah melihat menu navigasi yang seperti di bawah ini?



    tab-10







    Tertarik untuk memasang menu ini di blognya?




    Silahkan baca tutorial lengkapnya di :




    Selamat bereksperimen ria!

    Rabu, 05 Desember 2007

    Horizontal Tab menu J


    Jika kemarin lusa telah di perkenalkan menu navigasi horizontal
    yang cukup menarik yaitu Horizontal menu F yang saya posting di sini,
    maka hari ini ada tambahan perbendaharaan menu navigasi yang
    berbentuk horizontal yaitu Horizontal Tab menu J. Ingin tahu
    seperti apa bentuknya? silahkan arahkan mouse komputer sobat ke menu navigasi di bawah ini :


















    Tertarik ingin segera mengetahui bagaimana cara membuat menu navigasi ini?
    Silahkan baca tutorialnya di sini !



    Selamat menikmati tampilan baru navigasi sobat!

    Senin, 03 Desember 2007

    Comment Box Inside Post


    Update : Tulisan ini sudah tidak up to date, karena sekarang kotak komentar blogger sudah ada yang baru. Silahkan baca di sini!.



    Setelah melihat-lihat beberapa pertanyaan yang di ajukan oleh para sobat, rupanya banyak yang tertarik ingin mengetahui bagaimana cara membuat kotak komentar langsung berada di bagian bawah postingan tanpa harus membuka jendela baru seperti yang ada dalam blog ini. Memang, sepertinya kotak komentar yang bisa langsung berada di bawah postingan merupakan dambaan dari blogger yang menggunakan jasa di blogspot. Dulu, saya pernah mengulas mengenai cara membuat kotak komentar yang bisa langsung di bawah postingan dengan menggunakan fasilitas dari HaloScan yang saya posting di sini, akan tetapi entah mengapa katanya banyak yang tidak berhasil alias gatot (gagal total), padahal saya pernah mempraktekan langsung tutorial yang saya tulis sendiri dan hasilnya tidak ada masalah, tidak percaya? sok lah bisa di lihat contohnya di sini! dan saya pun sering blogwalking ke para sobat setia blog ini dan banyak juga yang berhasil. Udah ah, rasanya tidak terlalu penting membahas antara yang sukses dengan yang gagal, semuanya tergantung kepada usaha sendiri-sendiri, mending kita langsung ke topik utama pembahasan kali ini yaitu mengenai cara membuat kotak komentar seperti yang ada pada blog ini. Trik ini sebenarnya telah lama di bahas di blognya jackbook, kalau mau baca langsung di sana silahkan saja, namun bahasa yang di gunakan adalah dalam bahasa inggris. Mau yang bahasa indonesia? ya sudah baca saja di blog ini, gitu aja ko repot *kata guspur* begitu biasanya. Yang berminat silahkan ikuti langkah-langkah berikut ini :





    Langkah #1


    1. Silahkan Sign in di blogger dengan id sobat

    2. Klik Layout

    3. Klim menu Pengaturan

    4. Klik menu Komentar

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


    6. Klik tombol simpan pengaturan


    Step #2


    1. Klik menu Edit HTML

    2. Klik tulisan Download Template Lengkap. Silahkan save dulu, biar aman dari marabahaya yang mengancam.

    3. Centang kotak kecil yang berada di samping tulisan Expand Template Widget


    4. Tunggu beberapa saat sampai proses selesai.

    5. Cari kode yang seperti di bawah ini :


    6. <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>
      <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/>
      <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='"#comment-" + data:comment.id' title='comment permalink'>
      <data:comment.timestamp/>
      </a>
      <b:include data='comment' name='commentDeleteIcon'/>
      </span>
      </dd>
      </b:loop>
      </dl>
      <p class='comment-footer'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p>
      </b:if>
      <div id='backlinks-container'>
      <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:if cond='data:post.showBacklinks'>
      <b:include data='post' name='backlinks'/>
      </b:if>
      </div>
      </div>
      </div>
      </b:includable>

    7. ganti kode di atas dengan kode di bawah ini :



    8. <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'>
      <!-- jackbook.com part 1 start --> <!-- <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> --> <div class='onepx'> <dl id='comments-block' style='height: 1px;overflow:hidden;'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <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='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a>
      <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <!-- <p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> --> <!-- jackbook.com part 1 ends --> <!-- actually i almost do nothing with your template, just add that comment, you did it :) -->
      <div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");' style='margin-bottom: 50px;'> <h3 id='hoverme' style='display:block;'> <img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://img229.imageshack.us/img229/5559/htmlcodeleavecommentfi5.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/> </h3>
      <!-- this iframe below is your comment form. you can change the height, or add more style property into it --> <div id='comment-child' style='border:none; display: none; height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> <iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' style='border:none;' width='100%'/> <br/> <a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a> </div> <!-- end of iframe -->
      </div>
      </b:if>
      <div id='backlinks-container'>
      <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:if cond='data:post.showBacklinks'>
      <b:include data='post' name='backlinks'/>
      </b:if>
      </div>
      </div>
      </div>
      </b:includable>

    9. Simpan kode ini di atas kode </body>



    10. <!-- www.jackbook.com --><!-- this to hide and show el -->
      <script languange='javascript'> function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}
      </script><!-- www.jackbook.com -->

    11. Cari kode seperti di bawah ini :



    12. <span class='post-comment-link'>
      <b:if cond='data:blog.pageType != "item"'>
      <b:if cond='data:post.allowComments'>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <b:if cond='data:post.numComments == 1'>1
      <data:top.commentLabel/>
      <b:else/>
      <data:post.numComments/>
      <data:top.commentLabelPlural/>
      </b:if></a>
      </b:if>
      </b:if>
      </span>

    13. gantilah kode di atas dengan kode di bawah ini :


    14. <span class='post-comment-link'>
      <b:if cond='data:blog.pageType != "item"'>
      <b:if cond='data:post.allowComments'>
      <a class='comment-link' expr:href='data:post.url + "#comments"' >
      <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
      <b:else/><data:post.numComments/>
      <data:top.commentLabelPlural/>
      </b:if></a>
      </b:if>
      </b:if>
      </span>

    15. Klik tombol simpan template

    16. Selesai. Silahkan lihat hasilnya.



    Pada langkah yang ke 5 ada kode yang seperti ini :




    <div style='height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>



    Kode width: 440px;, angka 440px menandakan bahwa lebar kotak komentar adalah sebesar 440 pixel, saran saya agar tampil lebih menarik sebaiknya nilai ini di ganti sesuai dengan lebar kolom posting pada template yang sobat pakai, contoh pada blog saya yaitu width:520px Untuk lebih mempermudah pencarian kode, sebaiknya sobat menggunakan mesin pencari pada masing-masing browser. contoh pada Internet explorer, bila sobat mencari kode yang sebagiannya mengandung kode seperti ini : <span class='post-comment-link'>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <span class='post-comment-link'> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut. Perhatikan gambar di bawah ini : find



    Karena langkah-langkah di atas banyak sekali mengubah kode-kode template yang ada di edit HTML, maka sebaiknya jangan sampai lupa untuk membuatkan sebuah backup template, jika seandainya sobat melakukan kesalahan, maka jangan panik. Upload kembali backup nya, nanti setelah itu kondisi akan kembali seperti semula yaitu sebelum kode template di ubah-ubah.