Sunday, August 28, 2011

Cara menghapus pesan dan melihat IP Cbox

Sudah ada buku tamu atau guest book kan di blog kamu? buku tamu Selain bisa dibuat tersembunyi, Buat temen2 yang ingin tau cara melihat IP pada cbox,ternyata caranya sangat mudah,kamu bisa menghapus juga pesan spam yang ada di cbox kamu.

Untuk melihat IP caranya sebagai berikut:

Silahkan log ini di akun cbox kamu!,maka kamu akan melihat tampilan seperti dibawah ini:



Cara menghapus pesan dan melihat IP Cbox



Klik message,maka akan terlihat gambar seperti dibawah ini:



Cara menghapus pesan dan melihat IP Cbox



Nah,dari situ kamu bisa melihat IP pengirim pesan cbox kamu,serta kamu bisa menghapus pesan2 yang tidak kamu inginkan. semoga bermanfaat!



Tuesday, August 23, 2011

Cara Edit Aplikasi Mig33

Lama sekali kayaknya aku tidak posting tentang mig33, sejak aplikasi mig33 terbaru v4.6 diluncurkan kali ini saya akan memberi tutorial tentang cara edit aplikasi mig33,aplikasi java khususnya mig33 memang bisa juga di edit menggunakan hp,tapi kali ini saya jelaskan cara edit aplikasi mig33 menggunakan pc/komputer.



Langka-langkah:

  • Downlaod aplikasi mig33 jar disini (v4.2)
  • copy aplikasi mig33 tersebut menjadi dua dulu.



    copy mig33

  • Extract copy mig33 kamu yang kedua.
  • Setelah itu akan ada folder META-INF.
  • Buka folder tersebut,maka akan ada file bernama MANIFEST.MF.
  • Untuk merubah nama aplikasi mig33,silahkan kamu edit file MANIFEST.MF tersebut.dan inilah yang perlu di edit dari file manifest.mf tersebut:

    Manifest-Version: 1.0

    Ant-Version: Apache Ant 1.7.1

    MIDlet-Vendor: Project Goth, Inc.

    MIDlet-Version: 4.20

    MicroEdition-Configuration: CLDC-1.0

    MIDlet-1: mig33v42,MiG33.png,com.projectgoth.Roshan.Main

    MIDlet-Install-Notify: http://www.mig33.com/midlet/member/c_info.php?a

    wtrack=wap

    Created-By: 10.0-b19 (Sun Microsystems Inc.)

    MIDlet-Name: mig33v42

    MicroEdition-Profile: MIDP-2.0




    * Editlah kedua tulisan yang berwarna merah diatas sesuai keinginan anda, misalnya \'sabar v4.20\'. Kalau mau anda juga bisa mengedit Midlet vendor juga (test warna kuning). Hasilnya akan seperti ini:



    Manifest-Version: 1.0

    Ant-Version: Apache Ant 1.7.1

    MIDlet-Vendor: sabarmuanas

    MIDlet-Version: 4.20

    MicroEdition-Configuration: CLDC-1.0

    MIDlet-1: sabar v4.20,MiG33.png,com.projectgoth.Roshan.Main

    MIDlet-Install-Notify: http://www.mig33.com/midlet/member/c_info.php?a

    wtrack=wap

    Created-By: 10.0-b19 (Sun Microsystems Inc.)

    MIDlet-Name: sabar v4.20

    MicroEdition-Profile: MIDP-2.0




    Contoh gambar file MANIFEST jika dibuka liwat notepad akan seperti gambar dibawah ini!



    cara edit applikasi java

  • Setelah kamu edit namanya sesuai keinginan kamu,Lalu save pekerjaan kamu.
  • Buka aplikasi mig33 v4.2o yang pertama (bukan hasil copy) dengan winrar.
  • Lalu drag dan drop pekerjaan kamu tadi ke winrar.



    Drag dan drop aplikasi mig33

  • Lalu kamu akan melihat gambar seperti dibawah ini,lalu km klik "OK"



    Cara Edit Aplikasi Mig33
  • Sampai disini kamu telah berhasil mengedit nama aplikasi mig33 kamu.
  • Untuk mengganti icon mig33 kamu,silahkan kamu buka mig33 dengan winrar tadi,biasanya icon bernama mig33.png, Untuk merubah icon mig33 tersebut dengan icon gambar atau foto kamu,silahkan hapus dan ganti mig33.png tersebut dengan gambar/foto yang kamu inginkan dengan ukuran 24x24 pixel dengan nama mig33.png juga.
  • Dan inilah contoh aplikasi mig33 yang sudah saya edit,silahkan download disini.





Thursday, August 18, 2011

Cara cepat mendapatkan sitelink google

Wah,baru dapat goole sitelink,jadi sitelink terus yang dibahas,Mungkin sobat juga ingin mendapatkan google sitelink seperti blog delpid ini,ini ada beberapa cara yang menentukan agar blog kamu cepat juga mendapatkan sitelink google.







sitelink google



Sejak blog delpid mendapatkan sitelink dari google saya jadi lebih semangat menulis di blog ini, jika kamu mendapati ada satu situs tertentu yang pada baris dibawahnya terdapat beberapa link yang berkaitan dengan situs itu. Situs yang bisa memiliki dan terdapat link seperti itu sangat spesial. Itulah yang dimaksud dengan google sitelinks.

Sebagai seorang blogger, seperti kamu dan tentunya saya juga demikian, ingin blog atau webnya juga memiliki sitelinks di search engine. Nah kali ini kita akan bahas cara mendapatkan sitelinks di google.



Ada beberapa faktor atau cara untuk mendapatakan Google Sitelinks:

  1. Menempati urutan pertama untuk kata kunci tertentu atau keyword di Google.

    Sejauh yang saya lihat di Google Search Result, hanya sebuah situs yang mendapat Google Sitelinks, yaitu situs yang berada di urutan pertama untuk kata kunci tertentu. Untuk mendapat peringkat tinggi di search engine dapat digunakan teknik dan tips SEO, yang teknik dasarnya ada 2, yaitu:



    * Membuat artikel original dan berkualiatas (Bukan Copas:-D).

    * Mengusahakan halaman lain memasang link ke halaman tersebut.



  2. Dalam hompage minimal ada 3 buah link,Mengutip pernyataan Google:



    we only display sitelinks when a site has a minimum of three sitelinks available.



    Jadi sebuah halaman website yang didalamnya berisi sebuah animasi flash yang menawan dan hanya ada satu tombol untuk masuk atau login, tidak bisa mendapatkan sitelinks dari Google.



  3. Link tersebut banyak di-klik pengunjung situs kita,Mengutip pernyataan Google:



    We only show sitelinks for results when we think they’ll be useful to the user.



    Kata “useful to the user” saya artikan bahwa pembaca yang datang ke homepage kita, banyak yang mengklik link tersebut.



  4. Berkaitan dengan kata yang dimasukkan pengunjung ke Google,Mengutip pernyataan Google:



    (If) we don’t think that the sitelinks for your site are relevant for the user’s query, we won’t show them.



    Ini berarti link-link dalam sitelink, harus cocok dan relevan dengan keyword yang dimasukkan pengunjung.



  5. Umur situs dan atau Traffic.

    Sebagian kalangan mengatakan bahwa umur situs harus minimal 2 tahun untuk mendapatkan sitelinks, itu tidak benar, karena beberapa blog/situs umurnya baru beberapa bulan tetapi sudah mendapatkan sitelinks. Saya perkirakan Google juga mempertimbangkan jumlah pengujung atau pageview. Point ke-5 ini berkaitan dengan point ke-1. Hampir bisa dipastikan, situs yang menjadi nomor 1 di Google untuk kata kunci yang umum akan mendapatkan pengunjung yang melimpah.



  6. Dan yang terakhir ini adalah asli tambahan dari saya, sering-seringlah memberikan anchor link ke Title blog kamu,karena ini juga akan memperkuat keyword juga isi daripada blog kamu. contohnya saya yang sering juga memberi anchor link pada blog delpid ini.





Sekian tips juga cara cepat agar blog atau website kamu dengan cepat mendapatkan sitelink dari google,semoga bermanfaat,



Wednesday, August 17, 2011

Google sitelink blog delpid

Sekian lama ngeblog akhirnya tepatnya hari ini blog delpid ini mendapatkan penghargaan sitelink google, Google sitelink adalah fasilitas indeks dari beberapa link yang ada di sebuah blog. Dengan Sitelinks ini para pengunjung akan diarahkan ke link atau artikel yang menarik dari blog tersebut. Boleh diartikan pula kalau sitelinks ini adalah semacam shortcut.



Berikut adalah gambaran dari google sitelink dari blog delpid ini:



Google sitelink



lihatlah tampilan google sitelink blog delpid ini dengan mengetikkan keyword delpid Pada pencarian google. gambar diatas menunjukkan banyak link2 baru pada hasil pencarian google,antara lain membuat efek turun salju pada blog,membuat efek pelangi pada link blog,membuat recent post dengan gambar thumbnail serta membuat javascript milik anda sendiri dan lain-lain,kamu bisa melihatnya sendiri.Tidak ada tips-tips SEO khusus yang saya terapkan pada blog delpid ini, tapi untuk mendapatkan google sitelink memang ada cara-cara khusus agar blog kamu juga mendapatkan penghargaan itu. Emm... Terima kasih google.





Google sitelink

Tuesday, August 16, 2011

Cara memberi captcha pada cbox

Memberi captcha pada cbox berfungsi melindungi agar cbox kamu terhindar dari spam juga anak iseng yang suka flood sembarangan pada cbox kamu. :-)

Hari ini blog delpid akan memberi kode captcha pada cboxnya, sebelumnya saya minta maaf,karena banyak yang cuma spam juga di cbox saya ini. Hiks.. Hiks.. Hiks..



Cbox ws memang perfect,saya lebih memilih guest book saya dengan cbox dari soutmix karena mempunya fitur yang lebih tentunya, kamu bisa menambah kode smile atau emoticon pada cbox dengan sangat mudah pula atau memasang buku tamu ini secara tersembunyi juga.

Ada lagi yang lebih berguna bagi saya,yakni kamu bisa menghapus pesan juga melihat IP pada cbox...tertarik gan menggunakan cbox..he he he..

Upz.. Jadi ngelantur kemana2.. Kembali ke bahasan, beginilah cara memberi atau menambah captcha pada cbox kamu.



Oke, mari kita mempelajari cara memberi Captcha pada Cbox. Sebelumnya jika anda tidak mengerti apa itu Captcha? Captcha adalah salah satu upaya untuk meminimalisir banyaknya Spam, atau bisa juga sebagai pelindung dari robot atau semacam benda lainnya yang jelas tidak mungkin bisa membaca tulisan. Captcha ini biasanya berupa gambar yang di dalamnya terdapat gabungan dari huruf dan angka dan biasanya pula huruf dan angkanya tidak jelas atau dibuat agar robot atau benda lainnya tidak bisa membacanya, karena sekarang, sudah ada robot atau benda lainnya yang bisa membaca angka dan huruf sederhana.

Oke, cukup reviewnya, mari kita melakukannya bersama sama

1. Masuk ke situs Cbox --> Login dengan akun yang telah anda buat.

2. Setelah anda Login, anda akan memasuki kontrol panel dari Cbox anda

3. Kemudian klik menu navigasi Options dibawah menu navigasi utama kemudian klik pada Posting options

4. Kemudian akan tampak seperti gambar diatas, dan kini klik kotak untuk memberi tanda ceklis atau centang pada Require CAPTCHANEW!!.

5. Klik Simpan atau Save



Selesai, semoga membantu anda dalam mengurangi Spam pada blog anda..






Sunday, August 14, 2011

Menampilkan foto profil pada komentar blog

Terkadang disetiap template pada blogger yang kita download tidak pasti menampilkan foto profil/avatar pada komentar blognya,termasuk pada blog delpid ini,sejak awal tidak menampilkan avatar pada komentarnya,nah kali ini delpid akan memberi tutorial tentang cara menampilkan foto profil pada komentar blog kamu.



Menampilkan foto profil pada komentar blog





Langsung saja,cara menampilkan foto profil pada komentar blogger caranya sebagai berikut:

  1. Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.
  2. Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih ya.
  3. Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan. Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat?Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di blogger cukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga. Sobat perlu melakukan langkah tambahan sebagai berikut:
  4. Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.
  5. Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.
  6. Setelah selesai, beri centang pada kombo disamping expand template widget
  7. Selanjutnya cari kode:



    ]]></b:skin>



  8. Setelah ketemu, tepat diatasnya taruh kode berikut:



    #comments-block .avatar-image-container img {background: #fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/TB7SOsATxlI/AAAAAAAACsU/e842B5uZoWk/avatar%5B14%5D.jpg) no-repeat left top; width:35px;height:35px}



    Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan avatar untuk anonimous pada blog kamu.



  9. Lanjut dengan mecari kode:



    <dl id='comments-block'>



  10. Hapus kode tersebut lalu ganti dengan kode berikut:



    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>



  11. Masih belum selesai, terakhir cari:



    <a expr:name='data:comment.anchorName'/>



  12. Lalu hapus dan ganti kode tersebut dengan

    kode seperti dibawah ini:



    <b:if cond='data:comment.favicon'>

    <img expr:src='data:comment.favicon'/>

    </b:if>

    <a expr:name='data:comment.anchorName'/>

    <b:if cond='data:blog.enabledCommentProfileImages'>

    <div expr:class='data:comment.avatarContainerClass'>

    <data:comment.authorAvatarImage/>

    </div>

    </b:if>



  13. Selesai mengutak-atik kode diatas. Langkah terakhir Klik simpan template.




Jika berhasil, akan muncul keterangan perubahan anda telah disimpan 'lihat blog'.



Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.



Nah, kurang lebih begitulah Cara menampilkan foto profil/avatar komentar di blogger. Seperti yang pernah saya lakukan pada template ini. Selamat mencoba!

Saturday, August 13, 2011

Membuat Kotak Parse kode HTML

Kotak untuk memparse kode html sangat penting bagi para blogger, contohnya untuk memberi tutorial seperti membuat efek pelangi pada link blog, maupun membuat efek turun salju pada blog yang memaksa kita untuk menampilkan kode html atau javascript pada postingan, nah kali ini saya tulis saja cara membuat kotak untuk parse html .











Kode kotak parse diatas adalah:



<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"><br /></script>








Silahkan,kamu bisa meletakkanya pada sidebar blog kamu maupun postingan blog kamu,semoga bermanfaat!

Thursday, August 11, 2011

Membuat Warna Komentar Admin Berbeda pada Blog

Cara Membuat warna kotak komentar admin berbeda dengan pengunjung teryata sangat mudah,walau mudah tapi baru hari ini aku membuatnya atau menerapkanya pada blog delpid ini.
Selain membuat scroll pada komentar blog hal ini bisa jadi salah satu cara agar blog kamu terlihat lebih cantik...Langsung saja sob..nie caranya,aku buat simple aja ya..semoga faham!!

Membuat Warna Komentar Admin Berbeda pada Blog
Membuat komentar admin Berbeda Warna
  1. Masuk ke akun Blogger Sobat.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
  4. Beri tanda centang di Expand Template Widget.
  5. Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
  6. Copy kode di bawah ini lalu paste di atas kode tersebut.

    .comment-body-author {
    background: #fee6e6; /* Warna Background */
    border:2px dotted #d31111; /*Border*/
    margin:0;
    padding:0 0 0 0px;
    }


    #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
    2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
  7. Cari kode seperti di bawah ini.

    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><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'>

  8. Letakkan kode berikut dibawah kode
    <data:commentPostedByMsg/>
    </dt>

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>

  9. Dan letakkan kode </b:if> dibawah kode

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

  10. Sehingga hasilnya semuanya menjadi seperti di bawah ini.

    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <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>
    </b:if>
    <dd class='comment-footer'>
    Kode yang berwarna hitam adalah tambahanya,itu yang perlu diingat.

  11. SIMPAN TEMPLATE.

Monday, August 8, 2011

Membuat daftar isi otomatis pada sidebar dengan scroll

Dilihat dari judulnya saja pasti bingung,apa maksud dari artikel delpid kali ini, membuat daftar isi pada sidebar blog bukankah bisa dilakukan dengan menambahkan gadget arsip? memang bisa dilakukan dengan cara itu,tapi al hasil daftar isi otomatis dengan arsip akan memanjang dan tidak ber-scroll,nah inilah cara agar daftar isi otomatis itu bisa tampil juga dengan fungsi scroll.
Artikel ini berkaitan juga dengan cara membuat daftar isi otomatis blog pada postingan juga, kamu bisa memilih antara kedua artikel ini untuk membuat para pengunjung bisa dengan sangat mudah menjelajahi isi dari blog kamu juga.

daftar isi otomatis


Membuat daftar isi otomatis pada sidebar dengan scroll caranya sebagai berikut:
  1. Log in ke blog anda
  2. Klik Rancangan
  3. Klik Tambah Gadget
  4. Pilih HTML/ JavaScript
  5. Masukkan Kode berikut ke dalamnya lalu Simpan Template.


    <div style="width: 100%; height: 300px; overflow: auto;"><script style="text/javascript" src="http://delpid.googlecode.com/files/Daftar-isi-berdasarkan-tanggal.js"></script>
    <script src="http://delpid.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

  6. Silahkan ganti http://delpid.blogspot.com dengan alamat blog anda.
  7. Simpan.

Catatan:
Untuk mengatur tinggi scroll daftar isi pada sidebar,kamu bisa mengganti 300px sesuai dengan tinggi yang kamu inginkan.
Semoga bermanfaat!!

Sunday, August 7, 2011

Cara Membuat cursor bertabur bintang

Bagaimanapun juga kita ingin blog yang kita cintai terlihat cantik,banyak cara bisa kita pakai,dari membuat efek turun salju maupun membuat efek pelangi pada blog,namun ada beberapa blog yang menampilkan cursor dengan bertabur bintang,bagaimana cara membuatnya,nih ada scrip yang sudah aq upload di google code dan kamu tinggal memasangnya pada blog kamu,adapun catanya sebagai berikut:


Membuat cursor bertabur bintang
  1. Login ke blogger.
  2. Masuk ke Rancangan-->Add Element
  3. Tambahkan gadget HTML/JavaScript
  4. Copy kode taburan bintang dibawah ini.

    <script src="http://sabarmuanas.googlecode.com/files/bintang.putih.js" type="text/javascript"></script>

  5. Lalu paste dan simpan.

Untuk merubah warna bintang yang bertaburan,silahkan kamu ganti tulisan yang berkedip dengan warna yang kamu inginkan seperti putih,ungu,merah,hijau dan biru.
Agar terlihat menarik sesuaikan dengan backgtound blog kamu. semoga bermanfaat!

Membuat javascript milik sendiri

Kali ini saya akan membahas tentang cara Membuat Java Script Milik Sendiri. Manfaatnya yaitu File tersebut hanyalah milik anda pribadi dan tentunya kinerja blog anda bisa lebih optimal. Mengapa demikian ? Pernahkan ketika kita akan memasang sebuah aplikasi baik itu widget ataupun yang lainnya, lalu kita menemukan sederet Kode HTML yang harus di pasang di blog kita.

Seperti contoh kita menemukan sederet kode HTML untuk aplikasi Efek turun salju pada blog Dengan javascript debawah ini:

<script src="http://sabarmuanas.googlecode.com/files/delpid.blogspot.com-Snow.js" type="text/javascript"></script>


Perhatikan tulisan yang berkedip yang di awali dengan kode src yang berarti memanggil tulisan yang berwarna merah di akhiri dengan ekstension js yang berarti (Java Script). Coba bayangkan kalau ada 10 orang yang memasang aplikasi ini dengan kode di atas dan mereka membukanya secara bersamaan. maka tentunya blog kita akan terasa berat karena ke 10 orang tersebut hanya memanggil 1 file Java Script. Maka disinilah optimalisai blog diperlukan dengan Membuat Java Script Milik Sendiri.

Untuk itu kita harus hosting sendiri file Java Script tersebut dengan cara :
  1. Download terlebih dahulu file Java Scriptnya dengan cara Copy Paste Link yang berwarna merah di atas Pada new tab browser lalu tekan Enter.


  2. Maka akan muncul File Java script yang akan kita download, lalu tekan save file.


  3. Buka File nya di folder tempat menyimpan hasil download lalu Rename dengan nama yang anda inginkan.

  4. Setelah itu tinggal hosting file Java Script tersebut, untuk caranya bisa di lihat di postingan saya sebelumnya tentang Cara Hosting File Java Script Lewat Google Code.

  5. tinggal ganti tulisan yang berkedip
    dengan file Java Script hasil buatan anda sendiri.

    <script src="Nama File Java Script hasil hosting anda.js" type="text/javascript"></script>

  6. Selamat kini anda sudah bisa Membuat Java Script Milik Sendiri


Catatan : Apabila setelah kita download file Java Script pada cara no. 2 yang muncul berupa kode HTML di layar tab new browser tersebut maka tinggal di Save As

Sekian postingan kali ini semoga bisa membantu.anda sekarang bisa membuat efek pelangi pada link dan lain-lain dengan menggunakan javascript milik anda sendiri; Apabila ada yang perlu ditanyakan atau masih bingung silahkan untuk berkomentar.

Recent Post Blog dengan Gambar /Thumbnail

Sebelumnya saya sudah pernah memposting cara membuat Link otomatis pada blog,juga membuat daftar isi otomati pada blog,coz memang mudah kalau serba otomais...Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan secara otomatis juga.Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut.Adapun cara membuatnya adalah sebagai berikut.

Recent Post Blog dengan Gambar /Thumbnail
1.Login Pada blogger.
2.Klik Rancangan pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://delpid.blogspot.com/";
</script>
<script src="http://sabarmuanas.googlecode.com/files/delpidrecentpost.js" type="text/javascript"></script>


NB:
Ganti yang berwarna hijau sesuai yang kamu inginkan,Hal yang perlu diubah adalah:
boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fontsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://delpid.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan setting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.

Saturday, August 6, 2011

Cara upload javascript di Google Code

Javascript sering digunakan dalam dunia blog untuk menampilkan halaman seuai yang kita inginkan,contohnya adalah salah satu javascript untuk menampilkan efek salju pada blog ataupun untuk menampilkan cursor bertabur bintang seperti dibawah ini:
<script src="http://sabarmuanas.googlecode.com/files/delpid.blogspot.com.cursor-bintang-hijau.js" type="text/javascript"></script>

Cara upload javascript di Google Code


Jika kamu meletakkan javasript tadi ke html widget blog kamu maka cursor pada blog kamu akan bertabur bintang berwarna hijau, emm...lalu bagai manakah mengupload javascript milik kamu sendiri?
diatas adalah javascript yang saya upload di google code, jika kamu ingin menguploadnya lagi agar jadi milik kamu sendiri caranya sebagai berikut:
  • Log In terlebih dahulu ke akun Google kamu
  • .Setelah itu kunjungi Google Code Hosting
  • Lalu akan muncul halaman di bawah ini, Klik Create a New Project

    Cara upload javascript di Google Code
    Isilah data-data di bawah ini :

    Cara upload javascript di Google Code

    isilah nama project kamu juga deskripsinya seusui keinginan kamu,sedangkan versioncontrol system pilih mercurial dan Source code license pilih GNU GPL v3 Lalu klik create project Setelah berhasil maka akan menuju halaman Project Home, Untuk memulai download klik menu download.

    Cara upload javascript di Google Code

    Setelah itu Masukkan data dan File Java Script yang akan di Upload'


    Cara upload javascript di Google Code

    Setelah Isian di atas di isi Sekarang Tinggal Klik Submit File, Tunggu sampai proses Upload selesai. Lalu Klik File yang sudah kita Upload tadi untuk mendapatkan Link Location nya.

    Cara upload javascript di Google Code

    Klik Kanan Pada Gambar yang di beri garis kotak. lalu pilih Link Location

    Cara upload javascript di Google Code

    Tinggal di save deh Copy Link nya dan Selesai.

    Gimana susah ga ? Sekian Postingan kali ini tentang Cara Hosting File Java Script Lewat Google Code kalau ada yang perlu ditanyakan silahkan untuk berkomentar.


 

Sponsor