Sabtu, 12 Juli 2008

Cara Membuat Efek Photo Samar (blur)

Duh tak terasa ya sudah dua minggu ya saya tidak ngeblog, tapi tenang saja saya masih ada di sini bersama blog ini, hihihi... so jadi artis saja ya,  absen ngeblog pake acara pengumumam segala rupa.  Walaupun sedikit agak kaku untuk membuat tulisan, tapi biar di paksain saja deh soalnya kalau tidak ngeblog saku juga jadi kempes nih, hehehe.

Banyak sekali yang bertanya, dan yang paling dominan di tanyakan oleh banyak orang yaitu bagaimana cara mengembalikan kotak komentar dari haloscan ke kotak komentar blogger? duh gimana ya, agak sedikit ribet memang, walaupun begitu saya pernah di minta bantuan oleh seorang teman melalui chatting untuk mengerjakan hal yang tadi dan hasilnya sukses. Akan tetapi saya lupa untuk mencatat apa saja yang saya ganti, jadi untuk yang punya masalah seperti ini di tunggu saja ya soalnya saya harus melihat lagi kode apa yang harus di ganti.

Beralih ke pertanyaan lain yaitu bagaimana cara membuat efek photo samar (blur) pada blog/web? wah sepertinya ini tidak terlalu sulit untuk di terangkan, soalnya masih sedikit kaku nih jadi mending yang gampang-gampang saja dulu. Setelah melihat contoh yang di berikan oleh sahabat yang betanya, ternyata memang menarik juga untuk di pasang. Efek photo yang di maksud adalah photo (gambar) akan terlihat samar ketika pertama kali dilihat, namun apabila photo atau gambar tersebut di sorot oleh mouse komputer anda maka photo atau gambar tersebut menjadi terlihat jelas, bingung? sok di sorot dahulu photo di bawah ini agar jelas apa yang sedang saya bicarakan :

 

kang rohman

 

 

 

Tertarik juga untuk membuat efek yang seperti di atas, begini nih caranya :

 

Langkah #1

 

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata letak.
  3. Klik tab Edit HTML.
  4. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).
  5. Silahkan cari kode berikut : ]]></b:skin>
  6. Copy paste kode berikut di atas kode ]]></b:skin>

     

    .linkopacity img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    .linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    }
    .linkopacityxtra:hover img {
    filter:alpha(opacity=1.1);
    -moz-opacity: 1.1;
    opacity: 1.1;
    border:0;
    }

      

  7. Klik tombol Simpan Template.
  8. Langkah #1 selesai.

 

 

Langkah #2

 

Setiap anda memasang photo atau gambar, sisipkan kode seperti ini :

 

<a href="url tujuan" class="linkopacity"><img src="url sumber gambar"></a>

 

Misalkan kang rohman mempunyai alamat gambar seperti ini :



http://24rohman.googlepages.com/Water-06.jpg



Semisal gambar ini ingin nge link ke http://www.blogspottutorial.com, maka kode yang di pasang adalah seperti di bawah ini :

<a href="http://www.blogspottutorial.com" class="linkopacity"><img src="http://24rohman.googlepages.com/Water-06.jpg"></a>

Maka hasilnya akan seperti ini, silahkan arahkan mouse anda dan di klik saja jika mau :


blogspot tutorial


Jika gambar anda tidak ingin nge link ke mana-mana, maka cukup gantikan saja alamat url tujuan dengan dengan kode #nogo, contoh :


<a href="#nogo" class="linkopacity"><img src="http://24rohman.googlepages.com/Water-06.jpg"></a>


Maka hasilnya akan seperti ini, silahkan arahkan mouse anda dan di klik dan pasti tidak akan terjadi apa-apa :


klik saja soalnya ga akan ke mana-mana


Sudah paham? pastinya sudah, soalnya tentang cara nampilin gambar pernah saya tulis panjang lebar pada postingan tentang Google page creator, di baca lagi jika masih belum paham betul.


Sedikit clue tentang kode CSS yang di atas, anda bisa mengubah tingkat pengkaburan gambar (blur) dengan cara menambah atau mengurangi nilai opacity, contoh :

 

.linkopacity img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}



Jika nilai opacity=30 di kurangi, misal menjadi opacity=10, maka gambar akan terlihat lebih samar, contoh :

 

.linkopacity img {
filter:alpha(opacity=10);
-moz-opacity: 0.10;
opacity: 0.10;
border:0;
}



Silahkan bereksperimen sendiri untuk mendapatkan hasil yang lebih baik. Sampai jumpa pada posting berikutnya. Don't miss it dude.

Senin, 30 Juni 2008

Kotak Komentar Di bawah Posting

Duh rupanya banyak yang salah paham nih tentang postingan kang rohman yang kemaren, saya tegaskan bahwa postingan itu khusus bagi anda yang sudah me modifikasi kotak komentar dengan kotak komentar yang di buat oleh jackbook. Bagi anda yang belum pernah memodifikasi kotak komentar sebelumnya alias masih perawan, silah baca postingan oom yang di sini atau mungkin ingin kang rohman yang nulis :D ya udah kalau gitu kang rohman tulis aja deh sekalian.


Sekali lagi saya tegaskan bahwa tutorial pasang kotak komentar di bawah posting ini khusus bagi anda yang belum pernah memodifikasi kotak komentar anda sebelumnya atau dengan kata lain masih asli dari sononya. Yukkk...kita mulai saja biar cepat kelar.

  1. Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.


  2. Tuju pada blog yang akan anda pasang kotak komentarnya. Klik pada Pengaturan


  3. Klik tab Komentar, tuju ke tulisan Penempatan Formulis Komentar, kemudian beri tanda pada radio button untuk Disemat di bawah entri. Biar lebih jelas, sok dilihat gambarnya :


  4. pilihan komentar bawah posting

  5. Klik tombol Simpan Pengaturan yang ada di bagian bawah layar monitor anda.


  6. Selesai. Silahkan lihat hasilnya, mudah-mudahan langsung sukses.



Duhhh... saya belum berhasil nih!!! gimanaaaa??????

Jika belum berhasil, bisa mencoba langkah-langkah di bawah ini (biasanya jarang ada yang gagal kalau yang ini).

Langkah #1
  1. Masih dalam posisi yang tadi, klik Tata Letak.


  2. Klik Edit HTMl.


  3. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).


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






  5. Tunggu beberapa saat sampai proses selesai.


  6. Cari kode yang seperti di bawah ini( karena kadang kode template berbeda-beda, silahkan fokus ke kode yang warna hijau, dan biasanya kode ini ada dua, pilih kode yang posisinya di bagian bawah ya!)
  7.  


    <p class='comment-footer'>

            <b:if cond='data:post.allowComments'>

            <a expr:href='data:post.addCommentUrl'            
    expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

        </b:if>


    </p>



     


  8. Hapus / delete kode diatas, lalu ganti dengan kode di bawah ini :




  9.  



    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>

    <b:include data='post' name='comment-form'/>

    <b:else/>

    <b:if cond='data:post.allowComments'>


    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

    </b:if>

    </p>



     


  10. Klik tombol Simpan Template.




  11. Langkah #1 selesai, yuk dulu biar lebih santai gitu lhohhh..





Sudah belum minum nya? kalau sudah, kita mulai lagi dech. nyok encang encing enya babeh kita mulai lagi main bajidor nya ya.



Langkah #2


  1. Klik pada Pengaturan




  2. Klik tab Komentar, tuju ke tulisan Penempatan Formulis Komentar, kemudian beri tanda pada radio button untuk Disemat di bawah entri. Biar lebih jelas, sok dilihat gambarnya :




  3. pilihan komentar bawah posting




  4. Klik tombol Simpan Pengaturan yang ada di bagian bawah layar monitor anda.




  5. Selesai. Silahkan lihat hasilnya.





Biasanya kalau dengan cara yang kedua ini jarang gagal, jika masih gagal juga, ya udah kang rohman ucapkan "kaciaaaaaaaaan dech loe"

Sabtu, 28 Juni 2008

Setting Kotak Komentar Dibawah Posting

Akhirnya sekarang pengguna blogspot boleh untuk sedikit berbangga hati karena pihak blogger.com sudah meluncurkan fitur-fitur barunya walaupun masih dalam tahap uji coba seperti yang telah kang rohman tulis di sini. Kini anda tidak perlu lagi minder karena sering mendapat cemoohan di sebabkan urusan kotak komentar Blogspot yang konon katanya sangat ribet, kini anda bisa membuat backup blog hanya dengan satu kali klik saja, tidak perlu lagi khawatir tidak akan terindeks di google karena Webmaster Tools sudah terintegrasi dengan blogger. Duh... semakin hari saya makin Love aza nih ama blogspot...iiiiiihhhh.. gregetan deh jadinya


Seperti janji kang rohman kemarin bahwa akan membuat tutorial cara mengembalikan template yang sudah di modifikasi seperti yang kang rohman tulis di sini. Yuk... kita mulai aja biar cepat-cepat merasakan kotak komentar langsung di bawah posting.

Langkah #1
  1. Silahkan Login ke http://draft.blogger.com dengan ID blogger anda, ini di maksudkan agar nanti memasang kotak komentarnya langsung bisa di lakukan.


  2. Tuju pada blog yang akan anda ubah kodenya. Klik pada Tata Letak


  3. Klik tab Edit HTML.


  4. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).


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






  6. Tunggu beberapa saat sampai proses selesai.


  7. Cari kode yang seperti di bawah ini :


  8. <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>


  9. Gantilah kode di atas dengan kode di bawah ini :




  10. <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>

     



  11. Cari kode seperti di bawah ini, lalu hapus / delete saja :



  12. <!-- 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 -->




  13. Cari kode yang seperti di bawah ini :



  14. <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>

     


  15. Ganti kode di atas dengan kode di bawah ini :



  16. <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>



  17. Langkah #1 Selesai, silahkan sejenak beristirahat dulu agar suasana menjadi tambah rileks.



Sudah istirahatnya? siap untuk melanjutkan? yuuukkkk.... mulai lagi jika sudah siap.

Langkah #2

  1. Masih dalam posisi Edit HTML dan pastikan kotak kecil di samping tulisan Expand Template Widget masih dalam keadaan tercentang.


  2. Cari kode yang seperti di bawah ini( karena kadang kode template berbeda-beda, kalau kata oom "focus saja ke kode yang warna hijau.


  3.  

    <p class='comment-footer'>
            <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl'             expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </b:if>
    </p>



  4. Hapus / delete semua kode di atas lalu ganti dengan kode di bawah ini :


  5.  

    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>
    </p>



  6. Klik tombol Simpan Template.


  7. Akhirnya langkah #2 pun selesai juga, silahkan santai sejenak kembali untuk menghapai ujian yang terakhir.



Sudah habis nya? siap menghadapi ujian yang terakhir :D yukkkk....


Langkah #3

  1. Klik tab Pengaturan.


  2. Klik sub tab Komentar. Tuju Penempatan Formulis Komentar, pilih untuk pilihan Disemat di bawah entri.

    pilihan komentar bawah posting



  3. Klik tombol Simpan Pengaturan yang ada di bagian bawah layar monitor anda.


  4. Selesai. Silahkan lihat hasilnya, mudah-mudahan langsung sukses.



hore berhasil...berhasil hore berhasil...berhasil hore berhasil...berhasil LUV U Blogger

Fitur Fitur baru Dari Blogger.com

Setelah sekian lama menunggu, akhirnya blogger akan segera meluncurkan fitur-fitur barunya. Ini di terangkan pada blog mereka yakni di http://bloggerindraft.blogspot.com, bahwa mereka sudah membuat fitur fitur baru yang sangat di nanti-nanti oleh jutaan pengguna blog di blogger alias blogspot. Fitur-fitur tersebut adalah Webmaster Tools Verification, Star ratings, Impost/export of blogs, New Post Editor, dan yang paling di nanti-nanti selama ini adalah fitur Embedded comment form alias Kotak Komentar langsung di bawah Posting. Walaupun masih dalam tahap draft alias masih percobaan, anda sudah bisa mencobanya melalui http://draft.blogger.com, tinggal login dengan user name serta password blogger anda.

Ada satu yang lucu yaitu karena akhir-akhir ini kang rohman jarang Online di blog, informasi ini pertama kali kang rohman dapat bukan dari situs asli blogger in draft akan tetapi dari blog sahabat kang rohman yaitu OOM. Tentang semua yang kang rohman tulis di atas sudah di bahas tuntas, silahkan baca di sini, di sini, di sini, di sini, dan di sini.

Khusus untuk kotak komentar langsung di bawah posting, bagi anda yang kode kotak komentarnya masih perawan alias belum di otak atik semisal bikin komentar memakai iframe seperti blog saya ini sebelumnya, tentu cukup hanya melakukan tutorial yang oom berikan. Namun bagaimana kalau sudah di otak atik seperti yang kang rohman posting di sini!, tentu saja anda tidak bisa begitu saja membuat kotak komentar langsung di bawah posting namun harus mengembalikan kepada kondisi semula.

Jikalau anda sedikit kreatif, tentu saja langkahnya sangat gampang yaitu anda tinggal baca tutorial kang rohman tersebut secara terbalik dari posting bawah ke posting atas, benarkan? namun jika masih bingung, pada posting berikutnya akan kang rohman posting. Kenapa tidak sekalian sekarang aja? hihihi... udah malem banget nih, kang rohman nnnngantuxxx..zzzzzz... jadi tunggu aja ya, besok pagi saya buatin dech... yu babay ah...mo tidur dulu........zzzzzzzzzz.

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.