Pasang Emoticon KASKUS di Kotak Komentar

Kembali lagi di Berbagi Ilmu, kali ini saya akan memberikan trik seputar emoticon di kotak komentar (lagi). Ini adalah trik ketiga tentang Emoticon di kotak komentar, setelah 2 trik emoticon sebelumnya yaitu :
1. Pasang Emoticon Yahoo dan Emoticon Kucing
2. Pasang Emoticon Boy and Girl
Dan yang akan saya jelaskan sekarang adalah bagaimana Pasang Emoticon KASKUS di kotak komentar blog anda. Untuk Emoticon KASKUS begini ini penampakannya

        
       

Dengan banyak alternatif emoticon, semoga blog sobat jadi lebih rame dan ekspresif ya. Langsung saja yang pengen pasang emoticon KASKUS diatas, berikut ini langkah-langkahnya 
1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

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. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'> 
(kalo ada dua buah kode diatas, pilih yang lebih dibawah)

<b><img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' width='40'/>

:a:

<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' width='40'/>

:b:

<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' width='40'/>

:c:

<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' width='40'/>

:d:

<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' width='40'/>

:e:

<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' width='40'/>

:f:

<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' width='40'/>

:g:

<br/><img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' width='40'/>

:h:

<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' width='40'/>

:i:

<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' width='40'/>

:j:

<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' width='40'/>

:k:

<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' width='40'/>

:l:

<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' width='40'/>

:m:


<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' width='40'/>

:n:

<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' width='40'/>

:o:

<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' width='40'/>

:p:


</b>

6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Artikel ini saya ambil dari blogger tetangga :

http://blog-triks.blogspot.com/2011/05/pasang-emoticon-di-kotak-komentar-versi.html

Read More

Cara Pasang Tombol Share ke Social Bookmarking

Salah satu cara meningkatkan pengunjung blog atau website adalah dengan mendaftarkan artikel-artikel anda ke dalam Situs Social Bookmarking , Social bookmarking Network , Favourite Bookmarking dan lain sebagainya. Contohnya mendaftarkan posting anda ke digg, stumbleupon,ma.gnolia, delicious, furl, technorati, simpy, spurl,reddit, mybloglog, blogcatalog, dan situs social bookmarking lainnya. Saya akui cara ini sangat efektif untuk meningkatkan pengunnjung blog anda. Selain itu situs-situs social networking (situs pertemanan) seperti facebook, twitter, friendster dan lain-lain juga dapat dijadikan sebagai media promosi yang juga dapat meningkatkan pengunjung blog anda.

Dan pada trik kali ini saya akan menjelaskan bagaimana memasang tombol sharing dan tombol submit ke social bookmarking ke dalam blog. Dengan sobat blogger memasang tombol submit/share ke situs social bookmarking seperti ini, akan memudahkan siapapun untuk share artikel/posting sobat langsung ke media bookmarking bila dirasa bermanfaat bagi yang lainnya, ini akan sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan pengunjung ke blog sobat. Tombol share/submit yang akan dibuat disini saya rasa sangat lengkap mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi. Untuk tampilannya adalah sebagai berikut :

Nha jika sobat tertarik dan berminat memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke blog sobat, check it

1. Pertama, login dulu ke Blog sobat 

2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML

3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini

<data:post.body/>

atau

<p><data:post.body/></p>

(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah

5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya

Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost

Semoga bermanfaat ,, sekian dan terimakasih,, :)

Sumber :

http://blog-triks.blogspot.com/2011/06/cara-pasang-tombol-share-ke-social.html?showComment=1368361416923#c3420566646010070554

Read More

Trik/Cara Cepat Daftar Google Adsense

Google adsense bisa jadi program adsense yang paling populer di kalangan blogger, populer karena udah banyak yang direject, banyak yang di banned, di disable dan banyak juga yang berhasil dapat dollar dari google adsense. Saat membuat blog baru di blogger, secara otomatis kita disodori form pendaftaran google adsense (di tab Uangkan). Tapi, jika konten blog kita berbahasa Indonesia, ini susah sekali disetujui. Nha bagi sobat blogger yang sudah berkali-kali ditolak adsense nya dan bagi sobat blogger yang pengen daftar google adsense, dalam posting ini akan saya jabarkan trik cepat di approve adsense nya. Kemarin saya praktek dengan cara ini buat daftarin temen saya, 2 google adsense di approve dalam waktu 3 jam. langsung saja silakan disimak trik-triknya berikut ini.

Trik mendaftar googel adsense yang saya jabarkan disini adalah menggunakan situs pihak ketiga, yaitu flixya.com . Flixya adalah situs sharing video, foto dan blog yang bekerjasama dengan Google. Jadi google adsense menilai blog, video dan foto yang ada di flixya untuk Adsense kita. Dengan flixya, google adsense bisa di approve paling cepet (yang udah aku alami) 2 jam. Langsung saja untuk caranya sebagai berikut:

Langkah persiapan (langkah rekomendasi) :

1. Buatlah email baru di Gmail (Rekomendasi)
2. Secondary Email tidak usah diisi (Rekomendasi), soalnya kalo diisi dan email itu pernah didaftarkan google adsense, adsense anda berpeluang ditolak
3. Selesai daftar email, ikuti langkah selanjutnya di bawah

Langkah pendaftaran Flixya dan adsense

1. Pertama, menuju TKP di Flixya.com
2. Silakan daftar (sign up), isi saja form pendaftaran sesuai data sobat, dan gunakan email baru yang udah     daftar di atas
3. Cek email untuk verifikasi flixya
4. Setelah anda terdaftar flixya, anda harus share minimal 10 foto/video/blog(artikel)
5. Saya rekomendasikan sobat share blog(artikel) saja. Artikel usahakan berbahasa inggris atau topiknya menarik(tips, trik, komputer, SEO dll). Kalo sobat blogger mau, saya ijinkan copas artike saya di trik blog atau yang berbahasa inggris di blogging trick, jangan lupa sertakan sumber ya. Copas saja sampai 10 artikel terpenuhi. Kemarin saya daftar 10 artikel + 2 Foto, 2 jam langsung disetujui
6. Setelah anda sudah share 10 artikel/foto/video, sobat langsung akan disodori form pendaftaran google adsense, silakan masukkan email yang baru tadi pada form pendaftaran google adsense di flixya, kemudian cek inbox email anda untuk mendapatkan link mendaftar google adsense, silakan daftar seperti biasa, isi data diri sesuai KTP
7. Setelah daftar google adsense, silakan tunggu pemberitahuan dari google. Sambil menunggu ada baiknya sobat tetap submit artikel/foto/video di flixya.

Semoga Adsense anda di setujui, waktu  disetujui bervariasi, jika anda sudah melakukan sesuai trik diatas peluang disetujui 90%.

sekian dan terimakasih,, :)

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.

Sumber :http://trik-tips.blogspot.com/2008/07/setting-domain-di-cocc.html

Read More

Mempercepat Loading Blog dengan Kompress Image

Kali ini saya akan berbagi ilmu tentang cara mempercepat loading blog.Langsung saja kita TKP.

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini:

• Siapkan gambar yang akan di optimize.
• Buka www.imageoptimizer.net.
• Klik Browse dan pilih gambar yang akan di optimiskan
• Tentukan ukuran lebar dan tinggi gambar.
• Lalu klik Optimize Now.
  
• Pada halaman selanjutnya klik Download to your Computer.
  
  selesai...

Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.


Untuk langkah mengoptimiskan image :

• Klik kanan pada image pilh Optimize Image As...
  
• Kemudian atur lebar dan tingginya, Lalu klik Optimize
  
  Ok selesai

Silakan di coba Sob, Semoga bermanfaat...

Sumber: 

http://wadahtutorial.blogspot.com/2011/10/percepat-loading-kompress-image.html#more

Read More

Memasang Tombol Like Facebook Pada Tiap Postingan

Pada postingan yang lalu saya berbagi tentang cara Memasang Tombol Like Facebook Pada Tiap Postingan, untuk kali ini saya bahas cara Memasang Like Box Facebook di Blogspot dan Wordpress.com

Sebelum memasang widget Like Box Facebook, Sobat harus mempunyai akun facebook dan membuat fans page terlebih dulu.
Untuk langkah membuat fans page facebook dapat Sobat ikuti tutorial ini:

• Login ke Facebook. Lalu buka linkhttp://www.facebook.com/pages/create.php?
• Selanjutnya pilih salah satu icon, biar lebih mudah pilih Merek atau Produk.
  
• Pilih Kategori dan isi nama blog Anda pada kolom dibawahnya. Beri centang pada Saya menyetujui Ketentuan Halaman Facebook. Lalu klik Mulai.
  
• Terus ikuti perintahnya sampai selesai, yang perlu di ingat alamat fans pageAnda, lihat gambar :
  

Selanjutnya Cara Membuat dan Memasang Like Box Facebook di Blogspot :

• Buka http://developers.facebook.com/docs/reference/plugins/like-box/
• Pada kotak Facebook Pages URL (?), masukkan url dari fans page sobat.
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan Width / lebar dari box yang ingin Sobat tampilkan. Jika sudah selesai klik Get Code.
  
• Pilih IFRAME. Dan Copy kode yang diberikan.
  
• Login ke blogger
• Pilih Rancangan > Edit Laman > Tambah Gadget > HTML/JavaScript, dan pastekan kode tadi di kolom Konten.
  
  Jika belum bisa menambah widget silakan baca Memasang Widget / Gadget di Blogspot
• Save / Simpan dan lihat hasilnya.

Cara Memasang Like Box Facebook di WordPress :

• Login ke wordpress Anda, Masuk ke Appearance > Widget.
  
• Cari widget Facebook Like Box, Drag ke sidebar.
  
• Isi Facebook Page URL dengan alamat URL pages facebook Sobat,
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan lebar box sesuai lebar sidebar, atur pada Width.
• Klik Simpan / Save.
  
• Selesai. Sekarang lihat halaman Blog Anda.

Selamat Mencoba . . .

Read More

Cara Mudah Membuat Link Warna Warni di Blog

Cara Mudah Membuat Link Warna Warni di Blog - cara mendesain agar link menjadi warna-warni di blog atau Cara mengubah/membuat/merubah/menciptakan link warna-warni di blog atau cara supaya/agar link menjadi warna-warni ketika disorot pointer mouse.

Pada kesempatan kali ini, saya akan kembali posting sebuah artikel yang menarik yaitu cara mendesain link menjadi warna-warni di blog.

Cara I

1. Anda Login ke akun Blogger anda.

2. Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Kemudian anda cari keode </head>  ( supaya pencarian lebih mudah tekan Ctrl + F ).

4. Jika sudah ketemu kode </head> Letakkan kode berikut ini tepat  di atas kode </head> tadi

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

5. Yang terakhir simpan template anda dan lihatlah hasilnya.

Cara II

1. Pertama anda harus masuk ke dashbor blog anda.

2. Kemudian anda Klik Tata Letak --> Tambah Gadget --> Pilih HTML/Java Script.

3. Selanjutnya anda Copy dan Pastekan kode dibawah ini ke dalam box HTML/java Script tadi

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>

4. Kemudian Simpan dan lihat hasilnya.

Demikian yang dapat saya sampaikan pada postingan artikel klai ini

Sumber :

http://abelavriyanno.blogspot.com/2013/02/cara-mudah-membuat-link-warna-warni-di.html

Read More