Menampilkan / Pasang Emoticon di Kotak Komentar


Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo : 



Emoticon Kucing : 
      
       

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 

Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian cari kode berikut ini :
<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>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)] 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/ 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-* 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:| 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-} 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.


Terima kasih atas kungjungan nya...

Read more


Highlight pada Script/Kode di Postingan


Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?

Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu.

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.

Dah gitu aja, gampang kan



Terima kasih atas kungjungan nya...

Read more


Kode-kode Warna


Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

Nha oleh karena itulah dibawah ini telah aku buat Chart HTML Kode Warna bagi yang tidak tahu atau bagi yg pingin tahu kode-kode warna. Cara penggunaannya cukup mudah, km tinggal klik warna yang kamu pilih, maka kode warnanya akan tampil di kotak "kode warna:". Ok silahkan dicoba.









































































































































































































Kode warna yang terpilih : 



Terima kasih atas kungjungan nya...

Read more


Cara Pasang Flash di Blog


Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://apricyber.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://apricyber.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting. 
* Ganti width="500" height="100 dengan ukuran dari file flashmu.



Terima kasih atas kungjungan nya...

Read more


Setting Domain di co.cc


Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau"http"//namadomain.wordpress.com" (dll) menjadi"http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrolDNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom"Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

  • Untuk option "TTL" biarkan saja, gak perlu dirubah2

  • Pada option "Type" pilih yang "CNAME"

  • Untuk kolom "Value" isikan "ghs.google.com"

  • Sehingga akan seperti pada gambar dibawah ini: 

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"

  • Kemudian pilih "Switch to: • Custom Domain

  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"

  • Kemudian isikan nama domain kamu yang baru pada kolom"Your Domain".


  • Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:
  • Jika kamu memakai layanan blogger/blogspot maka gunakanlah"Zone Records"

  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"

  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.


Terima kasih atas kungjungan nya...

Read more


Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}



3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.



Terima kasih atas kungjungan nya...

Read more


Kunci Keyboard dan Mouse dengan Aplikasi Kidkeylock

Kunci Keyboard dan Mouse dengan Aplikasi Kidkeylock. Apakah laptop/PC kita sering dipinjam atau digunakan oleh anak-anak kita? Di satu sisi, kita mungkin tidak bisa melarang anak kita menggunakan laptop milik kita. Namun di sisi lain, jika mengizinkannya, kita menjadi kuatir laptop/PC dapat menjadi rusak karena ketidaktahuan anak-anak dalam menggunakan atau dalam memperlakukan laptop. 

Nah, pada kesempatan ini apricyber akan memberi alternatif solusi. Sebenarnya kita melarang menggunakan laptop/PC tanpa disadari oleh anak-anak kita. Kita dapat mengkunci beberapa atau bahkan semua tombol keyboard dan juga tombol mouse. Dengan demikian mungkin anak-anak menjadi malas dan mengurungkan niatnya untuk meminjam laptop / PC milik kita karena mereka merasa tidak dapat menjalankan laptop karena beberapa tombol keyboard dan mouse telah dikunci (locked).

Untuk tujuan tersebut, apricyber menawarkan aplikasi gratis (freeware) yang dapat mengkunci beberapa tombol keyboard dan mouse. Adalah Kidkeylock yang dapat kita jadikan alternatif untuk memproteksi laptop/PC agar orang menjadi malas untuk menggunakannya.

Berikut kegunaan dari Kidkeylock.
Pilihan untuk mengunci mouse adalah sebagai berikut.
·         Lock Left mouse button (mengkunci klik kiri)
·         Lock Middle mouse button (mengkunci klik tengah )
·         Lock Right mouse button (mengkunci klik kanan )
·         Lock Double click (mengkunci klik ganda )
·         Lock Mouse wheel (mengkunci roda mouse )

Pilihan untuk mengunci keyboard adalah sebagai berikut.

·         Standard character keys (mengunci huruf, angka, simbol, dll)
·         Additional keys (mengunci Navigation keys, function keys, ins/del, home/end, dll)
·         Windows system shortcuts (mengunci alt-tab, win-key, dll)
·         Mengkunci semua tombol pada keyboard

Dengan fitur seperti di atas, kita dapat mengatur sesuai selera atau kebutuhan masing-masing.

SEBELUM MENGGUNAKAN KIDKEYLOCK

  • Jika tertarik, silakan untuk mendownloadnya terlebih dahulu aplikasi Kidkeylock-nya di SINI.
  • Karena file nya dalam bentuk zip maka lakukan ekstrak terlebih dahulu.
  • Setelah itu, lakukan installasi sesuai dengan petunjuk hingga selesai.
  • Setelah installasi berhasil kemudian jalankan Kidkeylock dan tanda aplikasi ini sedang berjalan adalah terlihat icon gambar kunci dan tulisan KKL pada systray.
  • Berikut cara menggunakan aplikasi Kidkeylock.

    Pertama, klik kanan pada icon Kidkeylock yang ada pada systray (ada di bar kanan bawah) kemudian pilih "SETUP" yang kemudian akan muncul jendela Kidkeylock Setup, seperti gambar di bawah ini.


    Kedua, lakukan penggantian password terlebih dahulu. Passwordnya ada dua macam.
    Password to show Setup, berguna untuk membuka kotak dialog setup.
    Password to quit KidKeyLock, berguna untuk keluar dari aplikasiKidKeyLock.

    Ketiga, untuk mengkunci tombol mouse, kita tinggal meng-klik sesuai opsi yang kita inginkan.


    Keempat, untuk mengkunci tombol keyboard, kita tinggal menggeser slider ke kanan atau ke kiri, seperti secreenshot di bawah ini.


    Kelima, kita juga dapat melakukan pengkuncian dengan cara klik kanan pada icon Kidkeylock (systray) kemudian pilih Locks kemudian lanjutkan dengan memilih opsi pengkuncian.

    Keenam, selamat mencoba dan “mengerjai” anak-anak kita atau bahkan orang lain yang tidak ingin laptop kita digunakannya.


Terima kasih atas kungjungan nya...

Read more


Membuat Recycle Bin Pada Flashdisk Dengan iBin


Membuat Recycle Bin Pada Flashdisk. Pada Windows, kita mengenal adanya fasilitas Recycle BinRecycle Bin berfungsi untuk menampung file-file yang telah kita hapus dari komputer. Fungsi ini bertujuan untuk mengantisipasi akibat ketidaksengajaan kita dalam menghapus suatu file atau folder dari komputer dan dengan fasilitas Restore kita dapat mengembalikan file/folder tersebut seperti sedia kala. Dan apabila kita sudah benar-benar ingin menghapusnya, kita dapat menghapusnya secara permanen dengan cara mengklik delete  dariRecycle Bin tersebut.

Seperti yang kita ketahui, Recycle Bin ini hanya menampung file-file / folder-folder yang dihapus dari unremovable drive atau harddiskyang terpasang pada komputer. Sedangkan file-file / folder-folder yang dihapus dari removable drive -- seperti flashdisk – tidak ditampung pada Recycle Bin alias akan dihapus secara permanen. Itu artinya file-file yang telah dihapus dari flashdisk atau unremovabledrive lainnya (baik sengaja maupun tidak), kita tidak dapat me-restore-nya kembali.

Namun demikian, jika menghendaki, kita dapat membuat semacamRecycle Bin pada Flashdisk seperti Recycle Bin pada Windows. Sehingga apabila kita menghapus suatu file/folder dari flashdisk maka file/folder tersebut tidak akan langsung dihapus secara permanen namun akan ditampung terlebih dahulu pada Recycle Bin tersebut. Jika kita sudah benar-benar tidak membutuhkannya maka kita dapat menghapusnya secara permanen dari Recycle Bin tersebut.

Untuk membuat Recycle Bin pada Flashdisk, kita hanya membutuhkan sebuah software yang namanya iBin yang dapat kita peroleh secara gratis alias freeware.

Untuk menggunakan software ini, ikuti langkah-langkahnya berikut ini.

Pertama, silakan untuk melakukan download software Ibin DISINI.

Kedua, ekstrak file-nya kemudian copy file-nya pada flashdisk

Ketiga, jalankan file iBin dengan mengklik double. Pada jendela konfirmasi yang muncul, klik OK kemudian klik OK lagi pada jendela konfirmasi yang kedua.

Keempat, setelah itu, folder iBin akan terbentuk secara otomatis pada flashdisk. Folder iBin inilah yang akan menampung file-file yang kita hapus.


Kelima, pada setiap kali kita melakukan penghapusan file/folder maka kita akan mendapati jendela konfirmasi, seperti gambar di bawah ini.


Jika kita ingin menghapusnya secara permanen, klik “Erase it
Jika kita ingin menampungnya terlebih dahulu pada folder iBin, klik “Dump into iBin”. Dengan memilih opsi ini, maka jika suatu saat kita masih membutuhkan file tersebut maka kita masih dapat mengembalikannya (me-restore-nya).

Keenam, kita dapat melihat file-file yang ditampung pada iBin dengan cara mengklik folder iBin pada flashdisk kita.

Ketujuh, kita juga dapat mengelola file-file yang ditampung pada folder iBin melalui Dumping Management yang dapat diakses dengan cara mengklik icon iBin yang ada pada tray icon.


Kedelapan, untuk benar-benar menghapusnya, lakukan seleksi file-file yang akan dihapus kemudian klik “Clear Data Selected”. Untuk me-restore-nya kembali, lakukan seleksi file-file yang akan dikembalikan kemudian klik “Recycle Data Selected”.



Terima kasih atas kungjungan nya...

Read more

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters