Kamis, 26 Juni 2008

Tips Atasi Error Hasil Copy Paste Kode Dari Posting Wordpress

Dua hari yang lalu, ada pertanyaan yang masuk ke postingan Yang ini. Pertanyaan seperti ini :

aneh, sewaktu aku menambahkan tag script di template supa menampilkan read more githu deh di blog, bloger bilang ada kesalahan,

Dia bilang seperti ini : maafkan kami, kami minta maaf atas ketidaknyamanan ini, kirimkan kode error berikut untuk menyelesaikan masalah anda.

kode itu dikirim kemana ? Kenapa hal itu terjadi

Saya menambahkan scriptnya itu dari disini dan setelah aku simpan, terjadilah kesalahan itu.

Menurut yang berpengalaman, bagaimana menyelesaikannya

http://genalmadep.blogspot.com

makasih sebelumnya


Hayoh kenapa bisa error? begini nih ceritanya... sebenarnya mas fatih sendiri sudah menerangkan di akhir postingannya yaitu seperti ini :

Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ‘ dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN


Akan tetapi ternyata masih tetap ada yang belum paham, ini terbukti dengan adanya pertanyaan yang seperti tadi di atas, Untuk itu kang rohman akan mencoba sedikit mengulasnya dan tentu saja dengan pandangan dan bahasa kang rohman sendiri. Namun sebelumnya saya mohon maaf untuk mas fatih guru ngeblog saya, bukan bermaksud untuk so so an pamer kepandaian namun hanya bermaksud berbagi informasi kepada teman-teman yang lain yang belum mengerti.

Kembali kepada pertanyaan di atas, kenapa sampai ada pesan error dari blogger? itu karena anda meng copy paste kode dari postingan blog yang menggunakan mesin Wordpress bukan dari postingan blog yang menggunakan mesin Blogger. Lho... ko ada apa dengan mesin worpress. Begini, antara mesin wordpress dengan blogger tentu saja ada perbedaan, begitupun dengan mesin posting nya. Jika anda menuliskan kode atau script semisal HTML ataupun javascript di dalam postingan, maka tanda kutip satu ( ' ) ataupun tanda kutip dua ( " ) akan secara otomatis di ubah. Apakah terlihat perubahannya? perubahannya tidak terlalu terlihat namun memang ada. tanda kutip yang asli bentuknya hampir tegak lurus dan kalau yang sudah di ubah, bentuk tanda kutif akan terlihat miring.

Kenapa hanya di karenakan bentuknya yang miring tapi fatal kejadiannya? tentu saja ini fatal, karena tanda kutif yang sudah di ubah oleh mesin posting wordpress tadi tidak di anggap atau bukan bagian dari bahasa perintah suatu script. Bagaimana cara mengantisipasinya? cara menantipasinya adalah tentu saja anda harus mengubah tanda kutip yang ada pada kode hasil dari copy paste dengan tanda kutip yang baru, berikut adalah ilustrasi dengan memakai bantuan gambar :


kode



Jika anda cermati gambar di atas, terlihat bahwa kode script hasil dari copy paste, tanda kutipnya terlihat bengkok-bengkok dan tanda kutip yang sudah di perbaiki terlihat tekag lurus. Sedikit tips dari kang rohman untuk lebih mempercepat penggantian tanda kutip tersebut adalah dengan menggunakan fasilitas replace, caranya adalah seperti ini :

  1. Copy paste kode yang mau di ubah ke dalam notepad.


  2. Klik menu Edit yang ada di bar menu bagian paling atas. Setelah keluar option pilihan, pilih Replace....



  3. replace option


  4. Copy tanda kutip dua ( “ ) yang ada (yang mau di ubah), kemudian paste pada kolom find what (ingat! harus di copy paste, jangan di ketik). Ketik tanda kutip dua ( " ) secara manual dari keyboard anda pada kolom Replace With. Kemudian klik pada tombol Replace All, maka secara otomatis seluruh tanda kutip dua ( “ ) akan di ubah semuanya dalam hitungan detik saja.



  5. replace all


  6. Ulangi langkah di atas untuk tanda kutip satu ( ' ).


  7. Selesai.


Perlu di perhatikan pula bahwa hasil pengubahan oleh mesin wordpress tersebut mengubah tanda kutip satu (') dan kutip dua ( " ) menjadi dua bentuk yaitu berdiri dan terbalik ( silahkan perhatikan benar-benar kodenya ), sehingga ketika melakukan langkah di atas anda harus melakukan unutk ke empat bentuk tersebut.

Langkah di atas bisa lebih mempersingkat kerja anda, karena walaupun tanda kutip berjumlah ribuan akan di ubah secara otomatis hanya dalam beberapa detik saja. Langkah selanjutnya tentu saja adalah kode yang di ubah sudah siap untuk di pasang pada template anda.

Buat anda pengguna wordpress.com yang suka menuliskan kode atau script di dalam postingan, agar terhindar dari hal yang tidak menyenangkan karena pembaca anda banyak yang berkomentar mengalami kegagalan ketika mengcopy paste kode dari anda, alangkah baiknya menyimpan script yang asli pada server lain semisal google pages. Misalkan di dalam postingan anda terdapat kata-kata seperti ini : kode lengkapnya bisa anda copy paste di sini!. Atau jika anda menggunakan mesin wordpress dengan hosting sendiri, anda bisa menggunakan plugin IG Syntax agar bisa menampilkan kode atau script langsung di dalam postingan anda.

Selamat mencoba.

Kamis, 19 Juni 2008

Free Logo Maker

Sebuah informasi ringan namun mudah-mudahan bermanfaat. Bagi anda yang ingin membuat sebuah logo yang unik untuk blognya, namun sedikit gaptek terhadap software-software grafik design, anda tidak usah berbingung ria dan larut dalam kesedihan yang amat sangat mendalam karena di alam cyber sana banyak sekali situs alias website yang menyediakan tool pembuat logo atau istilah kerennya yaitu Logo Maker Tool (hihihi.. ko segala istilah yang berbau bahasa bule di bilang keren ya. Padahal belum tentu lho!) yang di persembahkan untuk anda secara gratiss..tiss..tiss alias tidak bayar dhenk. Satu diantara ribuan website penyedia layanan ini yang perbah kang rohman jajal kemampuanya yaitu situs yang beralamat di http://www.logoease.com. Logo sederhana yang pernah saya coba adalah seperti gambar berikut ini :


 logo ku


Buat anda yang ingin mencoba, silahkan daftar dulu sebelum membuat sebuah logo, karena itu salah satu syarat yang dia minta. Proses cepat dan tidak rumit. Jika penasaran, coba saja kunjungi http://www.logoease.com.

Rabu, 11 Juni 2008

Tutorial navigasi : Dynamic-FX Slide-In Menu (v 6.5)

slide in menu Beberapa hari yang lalu sahabat Wizurai meminta kang rohman untuk membuatkan tutorial cara membuat menu yang ada di blognya dengan alasan banyak sekali dari teman-temannya yang menanyakan cara membuat menu tersebut kepada beliau, dan..yepp.. kang rohman buatkan nih tutorialnya.

Menu yang ada di blog sobat Wizurai tersebut di namakan dengan Dynamic-FX Slide-In Menu (v 6.5), original source code serta contoh dari menu tersebut bisa anda lihat di dynamicdrive.com. Apa keunikan dari Dynamic-FX Slide-In Menu (v 6.5)? keunikanya yaitu menu atau navigasi tersembunyi di sebelah kiri layar monitor dan yang terlihat hanyalah bar menu nya saja, apabila menu tersebut di sorot oleh mouse komputer maka keluarlah menu-menu yang ada di dalamnya. Yang lebih menarik perhatian adalah menu tersebut selalu bergerak mengikuti gerakan scrolling sehingga akan selalu muncul di layar sebelah kiri layar monitor.

Tertarik membuat menu tersebut di blog anda, nih kang rohman tuliskan tutorial cara membuatnya :

Silahkan download dahulu source code yang nanti akan anda pakai. Klik pada gambar di bawah :


download here!



Setelah anda download file yang tadi, silah di ekstrak terlebih dahulu dengan software ekstraktor seperti winzip atau winrar.

ekstrak seperti ini!

Apabila file tersebut sudah diekstrak, maka akan menghasilkan dua buah file java seperti yang tampak pada ilustrasi gambar di atas. dua buah file java tersebut mempunyai nama ssm.js dan ssmItems.js, yang harus anda lakukan sebelum file tersebut di upload ke file server adalah melakukan editing untuk file ssmItems.js yaitu mengganti link-link yang ada dengan link yang anda inginkan untuk di simpan pada menu tersebut. Bagaimana cara mengedit file tersebut? agar tidak terlalu repot, maka saya akan menerangkan mengedit file tersebut dengan hanya menggunakan notepad, caranya adalah seperti ini :

  1. Klik kanan pada file yang bernama ssmItems.js, kemudian pilih open with lalu pilih notepad karena yang akan di gunakan adalah software tersebut.


  2. Setelah itu anda akan melihat file seperti ini :



  3. <!--

    /*
    Configure menu styles below
    NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
    */
    YOffset=150; // no quotes!!
    XOffset=0;
    staticYOffset=30; // no quotes!!
    slideSpeed=20 // no quotes!!
    waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    menuBGColor="black";
    menuIsStatic="yes"; //this sets whether menu should stay static on the screen
    menuWidth=150; // Must be a multiple of 10! no quotes!!
    menuCols=2;
    hdrFontFamily="verdana";
    hdrFontSize="2";
    hdrFontColor="white";
    hdrBGColor="#170088";
    hdrAlign="left";
    hdrVAlign="center";
    hdrHeight="15";
    linkFontFamily="Verdana";
    linkFontSize="2";
    linkBGColor="white";
    linkOverBGColor="#FFFF99";
    linkTarget="_top";
    linkAlign="Left";
    barBGColor="#444444";
    barFontFamily="Verdana";
    barFontSize="2";
    barFontColor="white";
    barVAlign="center";
    barWidth=20; // no quotes!!
    barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.

    ///////////////////////////

    // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
    ssmItems[0]=["MENU"] //create header
    ssmItems[1]=["Home", "http://www.blogspottutorial.com", ""]
    ssmItems[2]=["Free Template", "http://www.blogspottutorial.com/search/label/free%20template",""]
    ssmItems[3]=["Top Download", "http://www.blogspottutorial.com/2008/05/magazine-template-1.html", ""]
    ssmItems[4]=["SEO Ebook", "http://www.blogspottutorial.com/2008/05/free-seo-ebook-search-engine.html", "_new"]
    ssmItems[5]=["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""]
    ssmItems[6]=["Link to Us", "http://www.blogspottutorial.com", ""]

    ssmItems[7]=["FAQ", "#nogo", "", 1, "no"] //create two column row
    ssmItems[8]=["Email", "#nogo", "",1]


    ssmItems[9]=["External Links", "", ""] //create header
    ssmItems[10]=["Blog Kang Rohman", "http://kolom-tutorial.blogspot.com", ""]
    ssmItems[11]=["Kang Rohman Dot Com", "http://kangrohman.com", ""]
    ssmItems[12]=["Unique Template", "http://template-unik.blogspot.com", ""]


    buildMenu();

    //-->



Pada prinsip dasarnya, kode-kode di atas adalah untuk mengatur tampilan dari Dynamic-FX Slide-In Menu (v 6.5) semisal warna tulisan warna background, bentuk hurup, besarnya hurup dan lain-lain. Akan tetapi karena keterbatasan waktu (cape dhenk kalo di bahas atu-atu mah), maka kang rohman hanya akan menerangkan acara mengganti tulisan menu serta link yang ada dengan link yang anda inginkan untuk dipasang pada menu ini, untuk kreasi yang lainnya silahkan explor sendiri oleh anda. Untuk mempermudah pengeditan, pada kode di atas sengaja kang rohman bedakan, ada yang berwarna hijau, biru serta warna merah. Tulisan yang berwarna hijau dengan tulisan SIDE MENU adalah tulisan yang akan muncul pada bar menu tersebut, anda bisa mengubahnya sesuka hati anda, misal mengganti tulisan tersebut dengan MY MENU, MENU GUE, NAVIGASI atau apa sajalah terserah anda. Tulisan yang berwarna biru adalah tulisan link yang akan muncul pada menu tersebut, tulisan-tulisan ini tentu saja bebas untuk anda ubah sendiri sesuai dengan keinginan, misal tulisan Home anda ingin ubah menjadi Depan atau apa saja.

Tulisan yang biru ini akan berpasangan dengan tulisan yang berwarna merah yang ada di sampingnya. Tulisan yang berwarna merah adalah link target yang anda inginkan, misal : tulisan Home apabila di klik ingin menuju halaman yang beralamat http://www.blogspottutorial.com, nah alamat http://www.blogspottutorial.com harus di ubah dengan alamat yang anda inginkan. Mudah-mudah dapat di mengerti.

Apabila anda sudah mengedit kode-kode di atas tadi, maka langkah selanjutnya adalah menyimpan file tersebut, caranya adalah klik pada file yang ada di bar menu, kemudian klik Save.

Setelah anda melakukan semua hal-hal yang saya tulis di atas, langkah yang harus anda lakukan adalah mengupload kedua file java tersebut ke server, agar lebih mudah silahkan anda upload file tersebut ke google pages. Belum tahu cara upload file ke google pages? hihihi..... sok atuh baca dulu tulisan kang rohman yang ini!. Kalau sudah di upload, jangan lupa untuk meng copy alamat URL kedua file tersebut.

Sekarang kita waktunya untuk beraksi, silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan logi ke blogger dengan ID anda.


  2. Klik Tata Letak.


  3. Klik Edit HTML.


  4. Copy paste kode berikut di atas kode </head>


  5. <style type="text/css">
    <!--
    A.ssmItems:link {color:black;text-decoration:none;}
    A.ssmItems:hover {color:black;text-decoration:none;}
    A.ssmItems:active {color:black;text-decoration:none;}
    A.ssmItems:visited {color:black;text-decoration:none;}
    //-->
    </style>

    <SCRIPT SRC="http://kangrohman.googlepages.com/ssm.js" language="JavaScript1.2">
    //Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
    //Updated July 8th, 03' for doctype bug
    //For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

    </SCRIPT>
    <SCRIPT SRC="http://kangrohman.googlepages.com/ssmItems.js" language="JavaScript1.2"></SCRIPT>


  6. Gantilah kode yang berwarna merah dengan kode milik anda (file yang tadi di upload).


  7. Klik tombol SIMPAMN TEMPLATE.


  8. Selesai. Silahkan lihat hasilnya.



Selamat mencoba!

Rabu, 28 Mei 2008

Web Indonesia

Membangun Komunitas Link Web Indonesia

web indonesia

1.FREE-7.NET- http://free-7.net
2. Kolom Tutorial- http://kolom-tutorial.blogspot.com
3.URL web anda-Judul web anda

Ada sebuah Filosofi politik yang mengatakan "Tidak ada teman dan tidak ada musuh yang abadi, yang ada adalah kepentingan bersama" . Mungkin filosofi ini yang meng-ilhami perushaan IBM bekerja sama dengan komunitas open source untuk menghadapi dominasi Microsoft dalam aplikasi sever.

Ter-inspirasi dari filosofi itu dan dari membaca dan berusaha memahami masalah link building dari posting Darren Rowse di problogger.net-nya (12 Tools and Techniques for Building Relationships with Other Bloggers) juga dari membaca ebook link building secret yg saya temukan , maka saya mencoba menarik kesimpulan intinya dan mencoba membangun ide untuk mengajak para blogger Indonesia bersama-sama menciptakan suatu komunitas online bagi blogger indonesia , untuk saling mengenal dan membangun suatu kerjasama win and win bukan win and lose (menang dan menang bukan menang dan kalah) dalam hal traffic , untuk menghadapi apa? yah boleh kalau di bilang untuk menghadapi web-web full komersil yang memiliki budged cukup untuk membeli segala fasilitas mendatangkan traffic , atau paling tidak ini adalah suatu cara untuk berkenalan dan saling mengenal dengan para blogger Indonesia yang lain dan kelak bisa kita jadikan Katalog Pribadi Web/Blog Indonesia.

Yap, ini bicara promosi blog , yang saya rasa lebih efektif di banding sekedar bertukar link lalu memasangnya di sidebar sebagai blogroll, karena umumnya pengunjung blog kita tidak melirik sama sekali link-link dalam blogroll kita.

Oke, yang saya maksud di sini adalah menyebarkan posting saya ini secara berantai, karena posting utama akan paling menjadi perhatian pengunjung blog kita.

Yap ini ajakan suka-rela ,silahkan yang tertarik, dan yang tidak abaikan saja, bagi rekan-rekan senior yang trafficnya sudah tinggi juga silahkan jika ingin berbagi bersama, di bawah ini langkahnya:

1. Buat sebuah posting dengan judul Web Indonesia.

2. Copy-paste seluruh isi posting ini untuk isi posting anda.

3. Pada bagian atas kumpulan kode dalam teks area di atas ,masukan url-judul web anda di bawah url-judul web saya dan menambahkan nomor urut setelah web saya, jadi angka nomor urut anda adalah setelah no urut web saya....dan seterusnya secara berantai.

4. Setelah itu abadikan link url posting misalnya di letakan di sidebar, supaya kelak gampang di cari.

Salah satu tujuan utama saya adalah dalam rangka menyebarkan budaya ngeblog, saling mengenal dan membantu traffic bagi rekan2 pemula .

Anda tidak akan saya curangi untuk memasang anchor text atau link web saya atau web lain-nya, tak ada satu link pun yang menuju alamat web atau blog saya atau lain-nya , tapi hanya sekedar alamat dalam bentuk teks untuk saling mengenal. juga logo web indonesia di atas cuma sekedar logo bersama, tak ada link atau keyword yang saya sisipkan.

Dan jika masih ada pemikiran di akali karena web saya ada di urutan atas dari link anda , maka abaikan tulisan ini.

Jika berjalan lancar, saya rasa cara promosi ini tidak kalah efektif di banding berburu link dan mencari RSS submissions sebanyak banyaknya dengan melelahkan, bahkan RSS atau tukar link banyak kemungkinan link anda akan terhapus karena banyak sebab, tapi posting secara umum akan tetap ada sampai kapanpun .

Dan ini bisa menjadi acuan untuk pelacakan hubungan link secara berantai melalui dari mana anda mendapatkan posting ini.

Hasil dari copy-paste dan penyebaran posting ini seterusnya adalah persis seperti isi posting ini dengan daftar link di bawah logo Web Indonesia yang semakin bertambah.

Jika ingin copy-paste kode HTML secara langsung klik di sini (paragraf terakhir ini terserah anda mau di ikutkan atau tidak ).


Ajakan ini adalah datangnya dari salah seorang sahabat terbaik kang rohman di dunia online yaitu iwan free 7.
Silahkan kunjungi halaman asli di http://free-7.net/2008/05/28/web-indonesia.

Selasa, 27 Mei 2008

Ziddu.com : Free File Hosting dan Tempat Cari Uang


Update : Maaf! situs ziddu sudah di anggap berbahaya oleh google. jadi tulisan ini terpaksa saya hapus.




Buat Tulisan Bergaya Web 2.0 Secara Online

Mau buat tulisan bergaya web 2.0 yang ciamik tapi tidak mempunyai software pengolahnya? atau punya softwarenya namun bingung cara buatnya? atau sedang malas dan ingin yang instant? bagaimana kalau coba membuatnya secara online yang dengan satu menit saja tulisan anda sudah bisa di nikmati, misalkan tulisan yang seperti ini :

tulisan gaya web2

Jika anda mau mencobanya, silahkan coba di http://web2.0stylr.com. Anda tinggal tulis yang anda mau kemudian klik tombolnya dan jadilah tulisan anda bergaya web2 yang ciamik abis.

Masih bingung cara bikinnya? duuuuhhh.... ya udah deh saya tuliskan cara membuatnya.

  1. Silahkan kunjungi situsnya.


  2. Tuliskan kata-kata yang ingin anda buat di bawah tulisan Logo Text. contoh : Kang Rohman


  3. Klik drop down menu di bawah tulisan Logo Font untuk memilih style dari hurup yang di iginkan.


  4. Tulis alamat URL untuk gambar icon di bawah tulisan URL For Icon Image (Optional) jika mau.


  5. Tulis alamat URL web atau blog anda di bawah tulisan Your URL Jika mau.


  6. Pilih warna awal yang di kehendaki di bawah tulisan start gradient.


  7. Pilih warna akhir yang di kehendaki di bawah tulisan end gradient.


  8. Pilih Gradient Blend type nya di bawah tulisan Gradient Blend Type.


  9. Pilih warna background yang di kehendaki di bawah tulisan bgcolor.


  10. Klik tombol bertuliskan Web 2.0 Styl It!. Tunggu beberapa saat.


  11. Klik kanan pada tulisan yang sudah jadi (di sebelah kanan), kemudian pilih Save Image As... jika anda memakai FF browser atau Save Picture As... jika anda memakai internet explorer.


  12. Simpan pada komputer anda.


  13. Silahkan upload gambar tersebut (karena tulisan yang anda buat sebenarnya adalah sebuah gambar) pada image hosting yang biasa anda pakai.
  14. Silahkan tampilkan di blog anda agar blog anda tampak lebih ciamik...


  15. Selesai.


Gampang banget bukan? Selamat mencoba deh.