Traveler IQ Quiz Game

So how nicely do you know the world you live in?

OK... Did you ever wish that you live your job or whatever you do and go for a trip around the world. Get into the exquisite hotels around the world. From East to West, From North to South.

Well Fella ! before that lets check how much you about the world. Turn on your imagination and bring the world map in front of you. Then try and imagine these places.

1. Grand Canyon - USA
2. Great Barrier Reaf - Australia
3. Florida - USA
4. The South Island - New Zealand
5. Cape Town - South Africa
6. Golden Temple - India
7. Las Vegas - USA
8. Sydney - Australia
9. New York - USA
10. Taj Mahal - India
11. Canadian Rockies - Canada
12. Uluru - Australia
13. Chichen Itza -Mexico
14. Macchu Pichu - Peru
15. Niagara Falls - Canada/USA
16. Petra - Jordan
17. The Pyramids - Egypt
18. Venice - Italy
19. Maldives - Maldives
20. Great Wall - China
21. Victoria Falls - Zambia/Zimbabwe
22. Hongkong - Hongkong
23. Yosemite National Park - USA
24. Hawaii - USA
25. Auckland - New Zealand
26. Iguassu Falls - Argentina/Brazil
27. Paris - France
28. Alaska - USA
29. Angkor Wat - Cambodia
30. Himalayas - India/Nepal/Tibet
31. Rio de Janerio - Brazil
32. Masai Mara - Kenya
33. Galapagos Island - Ecuador
34. Luxor - Egypt
35. Rome - Italy
36. San Fransisco - USA
37. Barcelona - Spain
38. Dubai - Arab Emirates
39. Singapore - Singapore
40. La Digue - Seychelles

So how many could you picture, How many could you locate? Well, for most of you when you were thinking of a world trip you were imagining of those luxury hotels, historic places, exotic beaches, and what not.

Meaning you must have forgotten the aim of this blog. To test and challenge your IQ. Let me help your imagination and take you to a wonderful Game/Quiz by TravelPod. This will brush up your GK and IQ and get you ready for that trip.

So here is the link for The Traveler IQ Challenge™. This game is also embedded below.

If you face any display problem please play at the link given above.

This Traveler IQ challenge compares your geographical knowledge against the World's Original Travel diary's other 3,372,655 travelers who have taken this challenge as of Sunday, November 30, 2008 at 03:44PM GMT. (TravelPod is a TripAdvisor Media Network member)

Checkout wikipedia for the places you know, you know but can't remember :). So when you have completed the challenge and got your Map IQ high, You can start packing your travel bags. Until then Happy Quizzing.

Display HTML / JavaScript code in Blogger - How to

In my last post about How to add Digg to Blogger I was struggling with how to display html code on my page. Showing code in those beautiful boxes without disturbing the layout / indenting was easy but tricky. You need to know css / html and that the Blogger does not support unescaped code. Also to maintain consistency among all this boxes, is another issue. So here is what I did.

Lets have a look first at the box I am talking about.


So the question remains, how to get it?

Easy... just follow this steps.

As blogger wont take html code as it is... meaning you will need to convert it into escaped code. For that get the code you need to any text editor. Then replace all the < signs with &lt; and all > signs with &gt;. Now copy this escapped code to your blog. There is another easy way to do it. Go to this site -> Text -> HTML Entities Encoder. There are two boxes, copy your code into first box. The escaped code will be generated in the next one. Easy isn't it.

Now how to add those boxes. There are a lot of ways to do it. I will show you the one that I used. First we will make a css class in our blogger template. Use this for Basics of Blogger template. In the css section add this code.

.postCode{
 background:lightyellow none repeat scroll 0 0;
 border:1px inset orange;
 height:150px;
 margin:10px;
 overflow:auto;
 padding:6px;
 text-align:left;
}

You can change the background/border colors height etc to match your needs. Now, we will use this class with a <PRE> tag to format our code in those boxes. So enclose your escapped code in this manner.

<pre class="postCode">
YOUR CODE
</pre>

Tadaa! You are done.

PIN google adsense

Akhirnya datang juga,setelah sekian lama menunggu,akhirnya pas hari rabu kemarin aq dapet kiriman surat dari google,suratnya berisikan nomor PIN euy.. *senangnya*.Ngomong-ngomong soal adsense siapa yah yang jagi diindonesia sini? Dulu pas kelas satu aq ma temen-temen sekelas pada rame n heboh ngeblog n semua pada ikutan adsense,lha dari semua yang ikut yang dapet PIN duluan tuh ada khafi, anjang,

Menambah Icon Di Sidebar Link

Nak kasi link di sidebar lebih menarik?? Ok kita boleh tukar Icon yang sedia ada atau tambah Icon baru. Caranya mudah saja..

1. Macam biasa Loggin ke Blogger => Layout => Edit HTML. Cari kode dibawah.

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

2. Dah jumpa?? Tukar kode diatas seperti dibawah.

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("Alamat Gambar Disini") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $bordercolor;
line-height:1.4em;
}

3. Gantikan tulisan berwarna merah dengan URL gambar/icon Antum. Tulisan hijau adalah border/garisan dibawah link.. Kalau Antum xnak kasi buang saja.

Ok Done...

How to add Digg to Blogger - Explained.

Well last day I was trying to add Digg to blogger. I was experimenting on how to add a Digg button on my blog. The digg button should use the auto-generated link of blogger as the digg_url for digging and submitting it for the first time.

After experimenting with my Blog template I came across this way to do it.

Things you should require/know :-

• A Digg Account (optional)
  
• A Blogger Account
  
• Basics of XML/HTML/CSS/Java Script
  
• Ctrl+C / Ctrl+V :)
  

First login into your blogger account. Go to the Layout tab and click on Edit HTML.

If you want you can make a backup of your existing template by clicking on "Download full template" [ If your confident skip this step ]

Understanding the Blogger Template
The basic structure of template has various sections defined. At top there are some variables defined. Which can be changed to change the color layout etc of the Blog.
After the variables the CSS definitions are given. You can edit the different classes to change the blog to your taste.

Now in the body tag you will find all the sections and div defined. Complete blog lies in the outer-wrapper div. And in it you will have the header-wrapper then content-wrapper and lastly footer-wrapper. The content-wrapper will contain the main and the sidebar wrappers.

In them you will have <b:section> and <b:widget> tags defined. So this basic template tells all the widgets that are placed on your page and their position as per the wrappers.

Example code:

<div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
        <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
</div>
<div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
        <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
        <b:widget id='HTML1' locked='false' title='' type='HTML'/>
        <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    </b:section>
</div>

Now the widget tag... i.e., <b:widgets>
This above basic template just gives you a method for understanding the layout, But to understand how to put the automated url Digg button you will have to understand the code in this widget. So go ahead and click the checkbox marked as "Expand Widget Templates". This will expand the <b:widgets> tags and show you how the widget is implemented in it.

Each widget when expanded will have many includables <b:includable>. Each of this includable will have an id.
Example code:

<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>

So as seen in this code there are two includables. we are interested in the includables having the id as post i.e.,
<b:includable id='post' var='post'>

So then in this includable we need to add our digg code. This blogger template defines and provides access to its data object. For e.g., <data:post.url/> signifies the url of the Blog post. It is the permalink of each blog entry. The digg widget button provided by Digg needs the post url. So this will generate it automatically for us. Now the code that I have used on to show the digg button is pasted in the includable as shown. You can place it and style it as you like.

Basically you will need to copy from the Digg Box start comment to Dig Box End comment. Copy and paste it in your blog and enjoy the easy Digg Button.

<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
    <!--- ==== Digg Box Code by J start ==== -->
    <div class='diggBox' style='margin: 4px; float: right;'>
        <script type='text/javascript'>
        digg_url = &#39;<data:post.url/>&#39;;
        </script>
        <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
    </div>
    <!-- == Digg Box code end ===-->
    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

 </div>
</b:includable>

Memasukkan Gambar Di Header

Header yang menarik dapat memberikan satu gambaran kepada setiap pengunjung blog kita.. Ana sangat suka bila terjumpa blog2 yang headernya menarik dan kreatif. Biasanya Ana lepak lama skitla kat blog depa sambil2 membaca entry yang disediakan. Ok ini cara yang disediakan oleh blogger untuk kita memasukkan sebarang gambar ke dalam blog header.

1. Loggin ke Blogger => Layout dan klik pada Edit Header

2. Paparan seperti dibawah akan muncul. Gambar yang akan dimasukkan mestilah sudah di'resize'kan mengikut saiz header dengan menggunakan sebarang software photo editing. Ana biasa guna "Adobe Photoshop".

3. Seterusnya Antum boleh 'upload'kan gambar kedalam header dari dalam komputer ataupun dari webhosting seperti Photobucket dan Imageshack. Kalau nak upload dari komputer, klik pada butang browse dari cari gambar tersebut. Masukkan link gambar sekiranya ingin upload dari webhosting.

4. Ok dah siap loading gambar yang di'upload' tadi?? Sebelum save, pilih kedudukan gambar samada dibelakang title "Behind title and description" atau sebaliknya "Instead of title and description"

Dah siap.....

Alexa lagi, Alexa lagi

ALEXA RANKHore Alexa terus menurun(menaik) yang bener yang mana sii?Sekarang tinggal 7(tujuh)ratus ribuan!padahal dulu masi berjeti-jeti!Sandy juga punya tips nui,lanjutin bacanya yah.. Sandy punya sedikit problem nui,knapa yah alexanya Sandy susah bgt meningkatnya? mesti sedikit-sedikit,padahal dulu alexaQ ma alexanya sam khafi itu bedanya dikit bgt n naiknya juga seiringan,knapa sekarang saya

Holiday Glass Frames From Zenni Optical

What is wrong with your eyes? What you have problems with your glasses? lens glasses?Price - Lens & Frame: $15.95 Lens Width 50mm, Height 25mm, Bridge 18mm Frame Width 135mm,Temple Arm Length 142mm Frame Weight with 1.57 index lens 18 grams Frame Color Choices: A clear front frame, with a tortoise accent at the browline, and matching temples; or Clear front frame, with red crackle pattern at the

Memasang Icon Back To Top

Icon back to top ini sebenarnya berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi Antum tidak perlu lagi menggunakan scrollbar pada browser.Caranya memasangnya pun sangat mudah.

1. Loggin ke Blogger => Layout => Edit HTML, kemudian letakan kode dibawah ini diatas tag </body>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i302.photobucket.com/albums/nn113/aburifaie/Jumptotop2.gif'/></a>

2. Simpan template dan lihat hasilnya..Kalau nak tukar icon gantikan text yang berwarna merah.

Sumber: o-om.com

Cara Memasukkan Link Di Postingan

Ada satu cara mudah untuk memasukkan apa2 link ke dalam posting kita. Just hitamkan mana2 text yang hendak dijadikan link, kemudian klik pada icon link yang telah disediakan dan masukkan linknya..

Link ini akan dibuka di halaman yang sama. Untuk membukanya di halaman yang lain, Klik Edit Html dan cari link yang telah dimasukkan kemudian tambahkan kode ini target=_"blank" di akhir link seperti dibawah.

<a href="http://almansuqie-tips.blogspot.com/"target=_"blank">AlmansuQie</a>

She broke up with Me !

So they say, every love comes to an end. Or does it?

I thought otherwise until it happened to me. Or did it?

Is it the end of the relationship? Or is it just a breakup and we will meet again. I hope we do.

We had a year long relationship. One Year and 7 days to be precise. Its the time when I came to this city in south. We had a really good time together for like 3-4 months then I kind of didn't pay that much attention, got busy with other stuff. But for the few weeks I had only my beautiful Elf in mind. The relationship was back strong. I was too happy with her for the few days. It was kind of a performance tweak. And then this huge blow, suddenly without even saying a good bye :(.

What happened? What went wrong?

Some might say that I cheated but thats not the thing. I paid equal attention to both of them, Gharwali and Baharwali. And I am sure they both knew that too. They had a great ActiveSync partnership working between them. I guess losing a baharwali is more difficult.

Well thats how they(my friends) say... my lappy T42 is my Gharwali for enjoying at home, and P3450 my Baharwali for outdoors. Yes, my HTC Touch P3450 codename Elf has left me, or I can say the Big Bastard world came between us.

So let me tell you the story, So that I dont have to tell it over and over again.

It happened today, the cloudy weather outside made a way into my life. I as usual woke up late and started for my office. On the way I found an auto and the guy asking 20 Rs extra on the metered fare. I argued and got it settled to 10 Rs. extra. Well everything was usual daily routine until now. When I got down at office, while taking out my wallet I kept the Elf on my bag beside me. Then there was this problem of change of 100Rs. I came out and asked a colleague who was passing by. He gave me the money I gave it to the Auto driver and took the bag and left. I pulled the bag from the handle without looking so he mobile dropped over there. I went upstairs and realised, started calling the number nobody picked it, then somebody started rejecting the call and then switched it off. Well I and you kinda knew this was going to happen.

Well rest you know what I had to do, called customer care barred outgoing calls. Went to customer care office got a duplicate SIM card. Went to police station with the IMEI number filed the complaint.

Now I seriously hope that the good guys of the Police Dept find her out. Otherwise, I am stuck here with a company provided Nokia 1100, Oh my god !!

Well for those who dont know HTC Touch product code name is ELF. If properly tweaked she runs like hell :). Wish the breakup gets over and we are back together. Hope you add a prayer for me.

Domize.com pengganti who.is

Sekarang siapa sih yang nggak mau domain sendiri(.com , .org , .info , .net) siapa yang gak mau? angkat tanganya hayo..Sandy juga kepengen,malu ah numpang mulu di .blogspot.com, biar lebih keren gitu kalo punya domain sendiri.Domize - the fastest domain name search ever! Aq punya referensi(berita lama) buat yang pengen punya domain sendiri n pengen ngecek domain uda ada yang punya apa blom,bisa

Kotak Komentar Pada Setiap Postingan

Assalamualaikum....Membuat kotak komentar di setiap postingan adalah satu pilihan terbaik. Ini akan memudahkan pengunjung untuk meninggalkan sebarang komentar, pesanan atau kritikan tanpa membuka tetingkap yang baru dan melambatkan. Caranya begini yer..

1. Login ke draft.blogger.com. Mesti pelik kan? draft.blogger ini lebih kurang macam blogger.com jugak la, fungsi yang sama cuma ada beza sikit je.

2. Pilih halaman Settings kemudian Comments. Tandakan pada kotak (Embedded below post)

3. Pilih (Save Changes) dan lihat hasilnya.

4. Untuk lihat hasilnya cuba klik mana2 tajuk postingan Antum. Jika kotak komen sudah ada di dibawah posting maka ianya berhasil dan cukup setakat ini. Bagi yang tidak berhasil, jangan risau, mungkin ada masalah dengan template Antum. Cuba cara dibawah.

5. Pilih Layout => Edit HTML". Tandakan pada kotak "Expand widget templates" dan cari kode dibawah.

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

6. Gantikan dengan kode dibawah.

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

7. Pilih (Save Changes) dan lihat hasilnya. Insyaallah dah menjadi tu..Kalau boleh doala dulu sebelum save..heheh..

Selamat Mencuba!!

The Cutest Blog On The Block

Teringin untuk menggunakan transparent background macam ini??Menarik kan?? Ada bayak lagi..Boleh dapatkannya di LamanIni. Untuk menampalnya di blog senang saja. Loggin ke Blogger => Layout => Add Gadget =>HTML/Javascript.

Tambahkan kode yang disediakan ke dalam kotak kontent. Ini untuk template Minima dan yang sewaktu dengannya saja. Template lain Ana tak pernah cuba lagi. Nak tau cuba la..

Cara Membuat Scrolling Links

Scrolling Links ni dapat jimatkan ruang sidebar kita yang terlalu panjang dengan link2. Antum boleh tukar ketinggian dan background color scrolling ni. Lihat text yang dimerahkan..Dapatkan kode warna DiSini.

<marquee direction="up" scrollamount="2" height="100px" bgcolor="#ffffcc">
<ul type="circle">
<li><a href="http://almansuqie.blogspot.com/" target="_blank">AlmansuQie</a></li>
<li><a href="http://ummu-rifaie.blogspot.com/" target="_blank">ummurifaie</a></li>
<li><a href="http://alhuzaifie.blogspot.com/" target="_blank">Huzaifah</a></li>
</ul>
</marquee>

• AlmansuQie


• ummurifaie


• Huzaifah Rifaie

Mau dollar??

Lagi gak ada ide posting yang bermutu nui,jadi posting ginian deh...Inilah refferal" saya dari program yang saya ikuti..heheh....Ada dari paid review yang saya ikuti dan ada yang jualan link....hehhe....Lha nggak ada bahan buat posting..ASK2LINK: Program jualan link nui,kalo ada yang mau masang link di blog kamu,kamu tinggal "accept" tanpa ngapa-ngapain kamu uda bisa dapet duit,contoh blog yng

Cara Menghilangkan Navbar

Diatas ini adalah bentuk-bentuk Navbar yang disediakan oleh Blogger/blogspot yang terdiri daripada empat warna. Blue, Tan, Black dan Silver. Kita boleh tukarkannya mengikut kesesuaian template kita di Layout=>Edit Navbar.

Kedudukannya adalah di bahagian paling atas blog. Kegunaanya pula adalah untuk Sign In/Out, Customize blog, dll.

Kembali kepada tajuk, sesetengah orang rasa kurang sedap mata memandang bila Navbar ni ade di blog mereka dan ingin menghilangkannya. Ana dengar orang kata kalau hilangkan Navbar ini kita telah melanggar Term of Service (TOS) dari Blogger.com? Tapi Ana rasa tidak, sebab kalau kita tengok template-template baru yang disedikan oleh blogger2 yang pakar semuanya tanpa Navbar. Setakat ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Maknanya, bolehla kan.

Ok disini Ana akan bagi dua cara..Pertama untuk menghilangkan terus Navbar dan yang kedua adalah dengan membuat "Auto Hide".

1. Loggin ke Blogger => Layout => Edit HTML.

2. Untuk menghilangkannya tambahkan kode berikut.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

3. Untuk membuat "Auto Hide" tambahkan kode berikut.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4. Tambahkan mana-mana kode diatas selepas kode <b:skin><![CDATA[/* seperti contoh dibawah.

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Green Star
Designer: abu Rifaie
URL: http://almansuqie.blogspot.com/
Date: 12 November 2008
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Membuka Link&Label Di Window/Tab Yang Baru

Ana ingat xde cara untuk buka link&label di window/tab yang baru.. Tengah jalan2 terjumpa satu cara yang sangat mudah. Ana biasa la guna untuk buka gambar atau link di posting.. Ini dia bendalahnye { target='_blank' }. Rupanya boleh tambah bendalah ni untuk buka link&label di window yang lain..Ok ini caranya.

1. Loggin ke Blogger => Layout => Edit HTML". Jangan lupa tandakan pada kotak Expand Widget. Kalau nak selamat download full template dulu yer.

2. Untuk Link sila cari kode dibawah. Pastikan kode yang betul..Perhatikan yang berwarna biru, ni yang default. Kalau Antum dah tukar sila cari tajuk link tersebut. Kemudian tambahkan yang berwarna merah sepeti kode dibawah.

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>

3. Untuk Label pulak sila cari kode dibawah. Caranya sama jugak. Tengok kode ini betul-betul. Tambahkan yang berwarna merah.

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url' target='_blank'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>

Domain.com gratis! mau???

Setelah kemaren ikutan eventnya mas ardy,sekarang ada lagi nih event dari Yunan(Yunan.or.id),Title eventnya nui "Iseng-iseng berhadiah domain gratis".Event dari mas YUNAN ini seru loh,liat aja ke TKP kalo gak percaya,ada hadiah yang keren banget nui,Ayo-ayo siapa yang maw ikutan lagi? Hadiahnya tuh DOMAIN (.com , .net , .org , .info) sesuai permintaan pemenang,enak banget gak tuh?? Udah dapet

Are you blogoholic? Seberapa gedekah cintakamu pada blogger??

Segede apa cintamu sama blog??? Ayo ditest..90%This quiz was provided by Match SpecialFree Online DatingKalo ini pastinya uda berita lama,tapi kok tetep diposting aja sii??ya biarin lah,lha emang gak ada ide nui.. Are you a blogoholic? tau kan?coba dunk kunjungi,nanti kita bakalan dikasi 14 pertanyaan pilihan tentang blog,blogger,n blogging,so gampang banget kok,lha wonk cuman tinggal milih.Nah

Yahoo! Messenger Pingbox

Pernah ternampak widget ni di Blog?? Ana rasa widget ni masih baru coz tak ramai yang guna.. Yahoo PingBox ni bestla jugak.. Ana dah gunakannya di blog Peribadi.. Widget ni macam status messenger gak la tapi ade beza sikit.. Pelawat boleh berchating dengan kita menggunakan box ni tanpa membuka instant msg, dengan syarat kita available/online la. Kalau tidak tak dapat amatla.

Untuk dapatkannya boleh klik pada gambar diatas..

Status Yahoo! Messenger

Cara menambah status Yahoo! Messanger di blog memang mudah..semua da sedia maklum. Biasanya kita akan menggunakan icon-icon seperti dibawah. Ikut tutorial ini..

1. Loggin to Blogger => Layout => Add Gadget dan tambahkan kode berikut ke dalam kotak content.

<a href="ymsgr:addfriend?al_islam"><img src="http://opi.yahoo.com/online?u=al_islam&m=g&t=9" border="0"></a>

2. Tukarkan ID"al_islam"kepada ID Yahoo! Messenger Antum. Nombor" 9 " adalah jenis icon Yahoo! Messenger. Boleh lihat gambar diatas.


3. Save..

Ulang tahun dan event dari Ardy Pratama

SELAMAT ULANG TAHUN YANG KE-20 YAH ARDYPRATAMA,AND SEMOGA FIRST EVENTNYA SUKSES YAH MASIni nih saya maw ikutan First eventnya bro Ardy pratama.Sesuai dengan judul diatas itu mas Ardy pratama sedang ngadain event yang dikemas secara interaktif yang diberi tajuk oleh mas Ardy "My First Event".Sekaligus ngeramein Ulang tahunnya mas ardy yang ke-20.Motivasi saya ikutan eventnya yah pengen ngramein n

Cara Membuat Recent Comments

Hari ini kita nak buat "RecentComments" pulak.Apa tujuan kita pasang bendalah ni?? Jawapannya mudah, untuk mengetahui komen terbaru dari pengunjung kita. Kita boleh letak di halaman utama, biasanya disidebar.Ok ni caranya...

1. Loggin ke Blogger=>"Layout=>Add Gadget=>HTML/JavaScript" dan tambahkan kode berikut ke dalam kotak content..

<script style="text/javascript" src="http://www.geocities.com/almansuqie08/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

2. Angka 10 adalah bilangan komen yang akan ditampilkan. Tukar YourBlogName kepada nama blog anda.Ok Siap...

Cara Menampilkan Posting Terkini

Recent Post (Postingan Terikini)ini adalah satu widget yang akan menampilkan senarai posting yang terbaru di sidebar kita?? Caranya sangat mudah..

1. Loggin to Blogger dan klik "Layout"=>"Add Gadget"=>"HTML/Javascript".

2. Copy kode dibawah dan paste di kotak content..

3. Tajuk tu isila dengan apa2 yang berkaitan pastu save.

<script src="http://www.geocities.com/almansuqie08/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YourBlogName.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Tukarkan YourBlogName dengan nama blog korang. Kalau nak isi nama blog orang lain pun boleh. Contoh blog ni, Ana letakkan recent post blog peribadi Ana..

5. 10 adalah Jumlah post yang akan ditampilkan..

Ok..dah siap..good luck

Diamkah kamu kalo liat kayak gini??

Kontroversi:http://dontvisitindon2008.blogspot.comSetelah beberapa hari lalu sempet rencana posting topik ini,n uda minta ijin ke mbak anna`d buat posting ini tapi tertunda gara-gara banyak tugas atau "Tugas yang menjengkelkan !".Kayak yang dikatain mas Khafi.KENAPA MINTA IJIN KE MBAK anna`d sand??Ya karena emang ide posting n pertama kali taw ya dari blognya mbak anna`d itu.Ketahuan nui kalo

Disable Right Click

Bagi sesiape yang kedekut macam Ana ni, sesuai la nak gunakan tutorial ni.. Bukan kedekut sebenarnya, tapi nak jaga la hasil penat lelah yang kita buat, takkan kita nak senyum pulak bila orang curi hasil ciptaan kita kan, dah la xbagi kredit pun..hehehe

Ok ape2 pun kat bawah ni Ana tampalkan script untuk "disablekan right click".

1. Script ni bila kita klik kanan akan keluar tanda amaran. Antum tukar la text yang diboldkan dengan ayat Antum sendiri..

Source : By Maximus

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Disable Right Click";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.ZzYZusedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.ZzYZusedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

2. Script dibawah ni xde tanda amaran macam yang atas... nak tau cuba la tambah di blog Antum..

Source: Renigade

<script language="JavaScript">
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Caranya, macam biasa Loggin ke Blogger "Layout=>Add Gadget=>HTML/Javascript".
Copy mana2 kode diatas dan paste di kotak content pastu save..Kalau boleh Antum letakkan di awal sidebar..Kalau tak masa page Antum tengah load orang boleh klik jugak..Ini sekadar mencegah atau amaran, tapi kalau orang nak curi, macam2 cara diorang boleh guna..

3. Cara yang last ni paling mudah. Cari kode <body>

Dah jumpa gantikan dengan kode dibawah.

<body oncontextmenu="return false;">

Selamat Mencuba!!

Hilangkan Nombor Di Label

Kalau Antum nak hilangkan nombor di label senang saja caranya..tekan3 siap..jom layan..

1. Loggin to Blogger=>Layout=>"Edit HTML".Jangan lupa tandakan pada kotak Expand Widget.

2.Cari kode ini.

(<data:label.count/>)

3. Dah jumpa, hazafkan (delete) dan save template.

Jadikan Huruf Besar Di Awal Posting

Assalamualaikum..teringin nak buat huruf besar di awal posting macam ni?? nampak bergaya kan?? Caranya sangat mudah. Jom layan...


1. Macam biasa "Loggin to blogger=>Layout=>Edit HTML" dan cari kode dibawah.

.post-body {
margin:0 0 .75em;
line-height:1.6em;
....
....
}

atau kode ini.

.post {
margin:.5em 0 1.5em;
padding:1.5em;
border: 1px solid #0000FF;;
}

2. Tambahkan kode berikut dibawahnya..

.post bt {
float:left; color:
headerBgColor;
font-size:50px;
font-family: Georgia;
line-height:40px;
padding-top:1px;
padding-right:5px;
}

3. Tengok kode diatas..size font, line height,dan yang lain2 tu boleh ditukar ikut citarasa Antum.

4. Dah siap klik butang save.

Ok cara nak jadikan sesatu huruf tu besar, just kepitkan huruf atau kata yang akan dibesarkan dengan kode<bt>....</bt> sebagai contoh :

<bt>A</bt>ssalamualaikum...


ok..selamat mencuba!!

Cara Membuat Menu D-Tree

Assalamualaikum..Antum tau ape menu Dtree (D-Tree) ni? Ha macam gambar dibawah tu, kekadang kita nampak ada sesetengah orang menggunakannya di dalam blog. Menu ni kira macam pokok la, ade cabang2. Kalau kita buka windows Explorer pun ada.

Menu Dtree ini sesuai digunakan kalau kita memiliki jumlah posting yang banyak, Kira boleh la menjimatkan ruang di sidebar kita.

Ok jom kita tengok cara membuatnya:

1. Login ke Blogger, kemudian pilih "Layout => Edit HTML"
2. Pastu letakkan kode dibawah sebelum kode </head>

<link rel="StyleSheet" href="http://www.geocities.com/almansuqie08/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/almansuqie08/dtree.js"></script>

3.Dah siap klik butang "Save".

4. Next pergi ke "Layout=>Page Element=>Add a Gadget => HTML/Javascript". dan tambahkan kode ini ke dalam kotak content..Pastu Antum isila ape2 title yang Antum suka then save.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

5. Dah siap?? Ok perhatikan script diatas.

#"My example tree" adalah tajuk menu. Boleh Ditukar sesuka hati.
#Tukarkan text "link.html" dengan link korang (tajuk post).
#Angka yang pertama mesti unik dan tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
#Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
#Kalau tak faham boleh tengok susunan DTree yang ada di sidebar Antum.

Selamat mencuba!!

Paid review indonesia yang baru,bukan reviewmu.com loh

Sudah pada tau blon? kalo ada paid review indonesia yang baru? kayaknya sih nih berita sudah agak lama yah,namanya adreviewcamp.com, paid review ini sih anakbuahPerusahaannya dari adsensecamp.com yang merupakan program ppc yang niru/mirip ma Google adsense itu tuh.Kalo maw daftar klik aja bannernya,ato klik link diatas,tapi itu link refferal saya. hhihihi.. Kalo maw jadi reff saya ya monggo

Video Tutorial Blogger

Sumber : How to Create a Blog with Blogger

Do you want Unlock Apple iPhone??

IPHONE UNLOCKWhat you have apple iphone? Do you have a problem with your apple iphone? You need help to Unlock iPhone? If you need assistance unlock about the Apple iPhone? Unlock Apple iPhone can help you!Because the service Unlock Apple iPhone there is a complete and thorough!Full service on all Unlock Apple iPhone!Some services offered include:- Unlock, activate and jailbreak your iPhone in

Kode Kata2 gerak ( marquee)

Assalamualaikum..ni ada marquee code yang Ana ambil dari quackit.com...ni yang kita biasa guna..kalau nak yang lain sila la ke laman quackit.com yer.


Your scrolling text goes here

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

Sila Tinggalkan URL anda

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="slide" direction="left">Sila Tinggalkan URL anda</marquee>

Sila Tinggalkan URL anda

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="alternate">Sila Tinggalkan URL anda</marquee>

Your upward scrolling text goes here

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

Gantikan text merah dengan kalimah Antum..Sekian..

Make an Animated GIF

How to Download Macromedia Flash 8

Smooth Metal

First, create a new image about 600x600 pixels (or whatever size is appropriate for the image you plan to create). If you haven't already got a shape that you want to apply this effect to, now's the time to make something. The shape in the example is simply made up of 2 circles blended together. Once you have your shape, fill it with this shade of gray: #E6E6E6. Keep your shape on its own layer and make sure you have nothing selected (press CTRL+D).



Most of the steps from this point on will be using Layer Styles, which are available in Adobe Photoshop 6.0 and later versions. Once you've created this layer style, you can save it and use it instantly whenever you want, without the hassle of re-entering all the settings every time you need this effect.

With your shape's layer selected, go to Layer » Layer Styles » Inner Glow, and match up your settings with these: Inner Glow
This gives our shape its first hint of a bevel.

Next you'll be adding a bright highlight (the lightsource). Click on the Inner Shadow category to the left, and match these settings: Inner Shadow



Next click on Gradient Overlay and dial in the following settings: Gradient Overlay

To add a final touch to the smooth metal, click on Satin and match these settings: Satin Settings

Your smooth metal style is complete at this point, though you may wish to add in an optional drop shadow.
But wait... do NOT click OK yet. Remember, we want to add this layer style to your arsenal so you can call upon it when ever you need it.
Click at the top where it says Styles

Now click the "New Style" button and give your style a name such as "Smooth Metal", then click OK. You should then save your styles by clicking the arrow icon to the left and choosing "Save Styles" from the list.
At this point your basic smooth metal panel is complete, though if you'd like, follow along and take it to the next level. In the example, a glowing orb has been added, which you can learn to create with the LCD Orb tutorial.

To make the orb appear as though it's inset into the metal panel simply complete the following steps...
Place the orb onto your image, and create a new layer UNDERNEATH the layers containing your orb but ABOVE your smooth metal shape.

Now select the ','black')" onmouseout="hidetooltip()">elliptical marquee tool, and draw a selection so that it's just a little bigger than the original orb. To make this easier, place your mouse in the center of your orb, and hold SHIFT and ALT at the same time and drag your selection. Now, select your ','black')" onmouseout="hidetooltip()">gradient tool, and use the following settings:

Drag from top to bottom over your selection to create the inset effect. When done press CTRL+D to deselect.

Now, with new gradient-inset layer you just created still selected, go to Filter » Blur » Gaussian Blur and use a setting of about 0.5 to make it a bit smoother.

You can now apply the same techniques to other "stuff" you want to add to your new interface. Here's an example. Be creative and enjoy your new layer style :)

http://www.absolutecross.com/tutorials/photoshop/interfaces/smooth-metal/

Membuat Scrolling Text di Browser

Assalamualaikum..ok scrolling text ni macam yang ada di blog peribadi Ana almansuQie.
Ramai kengkawan yang tanya buat macam mana tu?? Ana pun tak ingat ambil dari mana, tapi caranya amat mudah.

1. Login ke blogger kemudian ke menu Layout => Edit HTML

2. Cari kode ini.

<title><data:blog.pageTitle/></title>

3. Ganti kode diatas dengan

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Siap!! text yang berwarna merah diatas adalah merupakan kecepatan pergerakanya jika Antum tambah angkanya maka pergerakanya akan lambat dan jika mengurangi angkanya maka pergerakanya akan semakin cepat.

Membuat Baca Selanjutnya

Artikel terlalu panjang?? jangan risau, boleh dipendekkan. Baca selanjutnya versi ni lebih mudah dan menyenangkan. Sambungan artikel akan dibuka di halaman yang sama. Nak tengok contoh boleh kesini. Ana sangat suka "read more" versi ini. Ok jom lihat cara membuatnya.

1. Loggin ke Blogger=>"Layout=>Edit Html". Jangan lupa tanda pada kotak "Expand Widget".

2. Cari kode di bawah ini:

</head>

3.Tambahkan kode ini di atasnya :

<script type='text/javascript' src='http://www.geocities.com/almansuqie08/bacaselanjutnya.js' />

4. Seterusnya cari kod ini <div class='post-header-line-1'/>. Dibawahnya akan ada kod seperti ini.

<div class='post-body entry-content'>

5. Gantikannya dengan kod dibawah.

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

6. Kemudian dibawahnya ada kod ini.

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

7. Tambah kod berikut tepat dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

8. Ok kita lihat keseluruhannya kodnya seperti ini.

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] ReadMore...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Summary...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

9. Tulisan [+/-]ReadMore... dan [+/-]Summary... boleh digantikan mengikut selera Antum. Dah siap klik butang save.

Tambahan : Untuk meletakkan 'ReadMore' di sebelah kanan posting sila tambahkan kode dibawah sebelum kode ]]></b:skin>

#showlink {
font-size: 12px;
float: right;
margin-right: 20px;
margin-top: 20px;
font-weight: none;
}

#hidelink {
font-size: 12px;
float: right;
margin-right: 20px;
margin-top: 20px;
font-weight: none;
}

Dah siap save yer.. dan lihat hasilnya dengan membuat new post.

Contoh penulisan :

Penulisan bermula disini
<span id="fullpost">
Penulisan baca selanjutnya bermula disini
</span>

Jika Antum berminat untuk membuat baca selanjutnya setiap kali Antum posting, pergi ke "Setting=>Formatting=>Post Template" dan tambahkan kode ini kedalamnya..

<span id="fullpost">

</span>

Kode Warna

Disini Ana sediakan kode warna untuk memudahkan kita menukar segala warna.Kira kode2 ni memang pentingla dalam berblogging ni.Semua wanra dalam blog/web kita (text,background, link2, dll) munggunakan kode ini.

No. Warnar	Kod Warna	Ton Warna
Black	#000000
Grey0	#150517
Grey18	#250517
Grey21	#2B1B17
Grey23	#302217
Grey24	#302226
Grey25	#342826
Grey26	#34282C
Grey27	#382D2C
Grey28	#3b3131
Grey29	#3E3535
Grey30	#413839
Grey31	#41383C
Grey32	#463E3F
Grey34	#4A4344
Grey35	#4C4646
Grey36	#4E4848
Grey37	#504A4B
Grey38	#544E4F
Grey39	#565051
Grey40	#595454
Grey41	#5C5858
Grey42	#5F5A59
Grey43	#625D5D
Grey44	#646060
Grey45	#666362
Grey46	#696565
Grey47	#6D6968
Grey48	#6E6A6B
Grey49	#726E6D
Grey50	#747170
Grey	#736F6E
Slate Grey4	#616D7E
Slate Grey	#657383
Light Steel Blue4	#646D7E
Light Slate Grey	#6D7B8D
Cadet Blue4	#4C787E
Dark Slate Grey4	#4C7D7E
Thistle4	#806D7E
Medium Slate Blue	#5E5A80
Medium Purple4	#4E387E
Midnight Blue	#151B54
Dark Slate Blue	#2B3856
Dark Slate Grey	#25383C
Dim Grey	#463E41
Cornflower Blue	#151B8D
Royal Blue4	#15317E
Slate Blue4	#342D7E
Royal Blue	#2B60DE
Royal Blue1	#306EFF
Royal Blue2	#2B65EC
Royal Blue3	#2554C7
Deep Sky Blue	#3BB9FF
Deep Sky Blue2	#38ACEC
Slate Blue	#357EC7
Deep Sky Blue3	#3090C7
Deep Sky Blue4	#25587E
Dodger Blue	#1589FF
Dodger Blue2	#157DEC
Dodger Blue3	#1569C7
Dodger Blue4	#153E7E
Steel Blue4	#2B547E
Steel Blue	#4863A0
Slate Blue2	#6960EC
Violet	#8D38C9
Medium Purple3	#7A5DC7
Medium Purple	#8467D7
Medium Purple2	#9172EC
Medium Purple1	#9E7BFF
Light Steel Blue	#728FCE
Steel Blue3	#488AC7
Steel Blue2	#56A5EC
Steel Blue1	#5CB3FF
Sky Blue3	#659EC7
Sky Blue4	#41627E
Slate Blue	#737CA1
Slate Grey3	#98AFC7
Violet Red	#F6358A
Violet Red2	#E4317F
Deep Pink	#F52887
Deep Pink2	#E4287C
Deep Pink3	#C12267
Deep Pink4	#7D053F
Medium Violet Red	#CA226B
Violet Red3	#C12869
Firebrick	#800517
Violet Red4	#7D0541
Maroon4	#7D0552
Maroon	#810541
Maroon3	#C12283
Maroon2	#E3319D
Maroon1	#F535AA
Magenta	#FF00FF
Magenta1	#F433FF
Magenta2	#E238EC
Magenta3	#C031C7
Medium Orchid	#B048B5
Medium Orchid1	#D462FF
Medium Orchid2	#C45AEC
Medium Orchid3	#A74AC7
Medium Orchid4	#6A287E
Purple	#8E35EF
Purple1	#893BFF
Purple2	#7F38EC
Purple3	#6C2DC7
Purple4	#461B7E
Dark Orchid4	#571B7E
Dark Orchid	#7D1B7E
Dark Violet	#842DCE
Dark Orchid3	#8B31C7
Dark Orchid2	#A23BEC
Dark Orchid1	#B041FF
Plum4	#7E587E
Pale Violet Red	#D16587
Pale Violet Red1	#F778A1
Pale Violet Red2	#E56E94
Pale Violet Red3	#C25A7C
Pale Violet Red4	#7E354D
Plum	#B93B8F
Plum1	#F9B7FF
Plum2	#E6A9EC
Plum3	#C38EC7
Thistle	#D2B9D3
Thistle3	#C6AEC7
Lavendar Blush2	#EBDDE2
Lavendar Blush3	#C8BBBE
Thistle2	#E9CFEC
Thistle1	#FCDFFF
Lavendar	#E3E4FA
Lavendar Blush	#FDEEF4
Light Steel Blue1	#C6DEFF
Light Blue	#ADDFFF
Light Blue1	#BDEDFF
Light Cyan	#E0FFFF
Slate Grey1	#C2DFFF
Slate Grey2	#B4CFEC
Light Steel Blue2	#B7CEEC
Turquoise1	#52F3FF
Cyan	#00FFFF
Cyan1	#57FEFF
Cyan2	#50EBEC
Turquoise2	#4EE2EC
Medium Turquoise	#48CCCD
Turquoise	#43C6DB
Dark Slate Grey1	#9AFEFF
Dark Slate Grey2	#8EEBEC
Dark Slate Grey3	#78C7C7
Cyan3	#46C7C7
Turquoise3	#43BFC7
Cadet Blue3	#77BFC7
Pale Turquoise3	#92C7C7
Light Blue2	#AFDCEC
Dark Turquoise	#3B9C9C
Cyan4	#307D7E
Light Sea Green	#3EA99F
Light Sky Blue	#82CAFA
Light Sky Blue2	#A0CFEC
Light Sky Blue3	#87AFC7
Sky Blue	#82CAFF
Sky Blue2	#B0E2FF
Light Sky Blue4	#566D7E
Sky Blue	#6698FF
Light Slate Blue	#736AFF
Light Cyan2	#CFECEC
Light Cyan3	#AFC7C7
Light Cyan4	#717D7D
Light Blue3	#95B9C7
Light Blue4	#5E767E
Pale Turquoise4	#5E7D7E
Dark Sea Green4	#617C58
Medium Aquamarine	#348781
Medium Sea Green	#306754
Sea Green	#4E8975
Dark Green	#254117
Sea Green4	#387C44
Forest Green	#4E9258
Medium Forest Green	#347235
Spring Green4	#347C2C
Dark Olive Green4	#667C26
Chartreuse4	#437C17
Green4	#347C17
Medium Spring Green	#348017
Spring Green	#4AA02C
Lime Green	#41A317
Spring Green	#4AA02C
Dark Sea Green	#8BB381
Dark Sea Green3	#99C68E
Green3	#4CC417
Chartreuse3	#6CC417
Yellow Green	#52D017
Spring Green3	#4CC552
Sea Green3	#54C571
Spring Green2	#57E964
Spring Green1	#5EFB6E
Sea Green2	#64E986
Sea Green1	#6AFB92
Dark Sea Green2	#B5EAAA
Dark Sea Green1	#C3FDB8
Green	#00FF00
Lawn Green	#87F717
Green1	#5FFB17
Green2	#59E817
Chartreuse2	#7FE817
Chartreuse	#8AFB17
Green Yellow	#B1FB17
Dark Olive Green1	#CCFB5D
Dark Olive Green2	#BCE954
Dark Olive Green3	#A0C544
Yellow	#FFFF00
Yellow1	#FFFC17
Khaki1	#FFF380
Khaki2	#EDE275
Goldenrod	#EDDA74
Gold2	#EAC117
Gold1	#FDD017
Goldenrod1	#FBB917
Goldenrod2	#E9AB17
Gold	#D4A017
Gold3	#C7A317
Goldenrod3	#C68E17
Dark Goldenrod	#AF7817
Khaki	#ADA96E
Khaki3	#C9BE62
Khaki4	#827839
Dark Goldenrod1	#FBB117
Dark Goldenrod2	#E8A317
Dark Goldenrod3	#C58917
Sienna1	#F87431
Sienna2	#E66C2C
Dark Orange	#F88017
Dark Orange1	#F87217
Dark Orange2	#E56717
Dark Orange3	#C35617
Sienna3	#C35817
Sienna	#8A4117
Sienna4	#7E3517
Indian Red4	#7E2217
Dark Orange3	#7E3117
Salmon4	#7E3817
Dark Goldenrod4	#7F5217
Gold4	#806517
Goldenrod4	#805817
Light Salmon4	#7F462C
Chocolate	#C85A17
Coral3	#C34A2C
Coral2	#E55B3C
Coral	#F76541
Dark Salmon	#E18B6B
Salmon1	#F88158
Salmon2	#E67451
Salmon3	#C36241
Light Salmon3	#C47451
Light Salmon2	#E78A61
Light Salmon	#F9966B
Sandy Brown	#EE9A4D
Hot Pink	#F660AB
Hot Pink1	#F665AB
Hot Pink2	#E45E9D
Hot Pink3	#C25283
Hot Pink4	#7D2252
Light Coral	#E77471
Indian Red1	#F75D59
Indian Red2	#E55451
Indian Red3	#C24641
Red	#FF0000
Red1	#F62217
Red2	#E41B17
Firebrick1	#F62817
Firebrick2	#E42217
Firebrick3	#C11B17
Pink	#FAAFBE
Rosy Brown1	#FBBBB9
Rosy Brown2	#E8ADAA
Pink2	#E7A1B0
Light Pink	#FAAFBA
Light Pink1	#F9A7B0
Light Pink2	#E799A3
Pink3	#C48793
Rosy Brown3	#C5908E
Rosy Brown	#B38481
Light Pink3	#C48189
Rosy Brown4	#7F5A58
Light Pink4	#7F4E52
Pink4	#7F525D
Lavendar Blush4	#817679
Light Goldenrod4	#817339
Lemon Chiffon4	#827B60
Lemon Chiffon3	#C9C299
Light Goldenrod3	#C8B560
Light Golden2	#ECD672
Light Goldenrod	#ECD872
Light Goldenrod1	#FFE87C
Lemon Chiffon2	#ECE5B6
Lemon Chiffon	#FFF8C6
Light Goldenrod Yellow	#FAF8CC

source: Azmanlin