Cara Mengevaluasi Neraca Sebuah Perusahaan

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="content-body box"><br /><div class="content-section one box"><br /><div class="content"><br /> <span class="notranslate"> Bagi investor saham, <i><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/b/balancesheet.asp&usg=ALkJrhgh625C3tZxrTge-6jTRhGyGwRshw" target="_blank">neraca</a></i><br /> adalah suatu pertimbangan penting untuk investasi di suatu perusahaan <br />karena merupakan refleksi dari apa yang perusahaan memiliki dan <br />berutang.</span> <span class="notranslate"> Kekuatan neraca perusahaan dapat dievaluasi dengan tiga kategori pengukuran investasi berkualitas: <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/w/workingcapital.asp&usg=ALkJrhj_817mWiQH4FYHKyrddX_V8sAKtQ" target="_blank">modal kerja</a> kecukupan, kinerja aset dan struktur permodalan.</span> <br /><br /> <span class="notranslate"> <strong>Tutorial: <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/university/financialstatements/&usg=ALkJrhhrz68ovaLs1P3uYoYAq87QVpKcDQ" target="_blank">Analisis Laporan Keuangan</a></strong> Pada artikel ini, kita akan melihat empat perspektif evaluatif terhadap kinerja aset perusahaan: (1) <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/c/cashconversioncycle.asp&usg=ALkJrhg11yd2AqZNGgtDxOeQnFct_a7H_w" target="_blank">siklus kas konversi</a> , (2) tetap <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/a/assetturnover.asp&usg=ALkJrhgaDeDVds6uO_mySjhiG3Ixl4EOgg" target="_blank">rasio perputaran aset</a> , (3) <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/r/returnonassets.asp&usg=ALkJrhjw4W6iM2vBhMSWKgMdi5HEs9GDBw" target="_blank">return on assets</a> ratio dan ( 4) dampak dari <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/i/intangibleasset.asp&usg=ALkJrhiLP0Mgfk0ajHJxzNsNHoC45DEllQ" target="_blank">aset tidak berwujud</a> .</span> <br /><br /> <span class="notranslate"> <strong>The Cash Conversion Cycle (CCC)</strong></span> <strong><br /></strong> <span class="notranslate"> Siklus konversi kas merupakan indikator utama dari kecukupan posisi modal kerja perusahaan.</span> <span class="notranslate"><br /> Selain itu, CCC adalah sama pentingnya dengan pengukuran kemampuan <br />perusahaan untuk secara efisien mengelola dua aset yang paling penting -<br /> piutang dan persediaan.</span> <br /><br /> <span class="notranslate"><br /> Dihitung dalam hari, CCC mencerminkan waktu yang dibutuhkan untuk <br />mengumpulkan penjualan dan waktu yang dibutuhkan untuk menyerahkan <br />persediaan.</span> <span class="notranslate"> Semakin pendek siklus ini, semakin baik.</span> <span class="notranslate"><br /> Kas adalah raja, dan manajer pintar tahu bahwa modal kerja yang <br />bergerak cepat lebih menguntungkan daripada mengikat modal kerja <br />produktif dalam aset.</span> <br /><br /><table align="center" border="0" cellpadding="2" cellspacing="0" style="background-color: white; border-collapse: collapse; text-align: center; width: 320px;" summary="" title=""><tbody><br /><tr><td> <span class="notranslate"> <strong>CCC = DIO + DSO - DPO</strong></span> <strong><br /></strong> <span class="notranslate"> <strong>DIO - Hari Persediaan Posisi</strong></span> <strong><br /></strong> <span class="notranslate"> <strong>DSO - Penjualan Hari Posisi</strong></span> <strong><br /></strong> <span class="notranslate"> <strong>DPO - Hari Hutang Posisi</strong></span> </td></tr><br /></tbody></table><br /><br /> <span class="notranslate"> Tidak ada metrik optimal tunggal untuk CCC, yang juga disebut sebagai siklus operasi perusahaan.</span> <span class="notranslate"><br /> Sebagai aturan, siklus konversi kas perusahaan akan sangat dipengaruhi <br />oleh jenis produk atau layanan yang menyediakan dan karakteristik <br />industri.</span> <br /><br /> <span class="notranslate"><br /> Investor mencari kualitas investasi di daerah ini dari neraca <br />perusahaan perlu untuk melacak CCC selama jangka waktu (misalnya, lima <br />sampai 10 tahun), dan membandingkan kinerjanya dengan pesaing.</span> <span class="notranslate"> Konsistensi dan / atau penurunan siklus operasi adalah sinyal positif.</span> <span class="notranslate"><br /> Sebaliknya, waktu yang tidak menentu pengumpulan dan / atau peningkatan<br /> persediaan di tangan umumnya tidak indikator investasi kualitas <br />positif.</span> <span class="notranslate"> (Untuk membaca lebih lanjut tentang CCC, lihat <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/articles/06/cashconversioncycle.asp&usg=ALkJrhiEVO0ehv9n6ktGhwfmU7xcjYcJkg"><em>Memahami Siklus Konversi Kas</em></a> dan <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/articles/fundamental/092402.asp&usg=ALkJrhiYj2ZMETtAIokZvU7kosPXmPeA2w"><em>Menggunakan Siklus Konversi Kas</em></a> .)</span> <em><br /></em> <span class="notranslate"> <strong>The Tetap Rasio Perputaran Aset</strong></span> <strong><br /></strong> <span class="notranslate"> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/p/ppe.asp&usg=ALkJrhjHQhA7e4RkcvEapaKv397kMhO16Q">Properti, pabrik dan peralatan</a> (PP & E), atau <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/f/fixedasset.asp&usg=ALkJrhh6-O95JoSMKHc_hBfbrHX02QtJRw">aset tetap</a> , adalah salah seorang yang "besar" angka dalam neraca perusahaan.</span> <span class="notranslate"> Bahkan, sering kali merupakan komponen tunggal terbesar dari total aset perusahaan.</span> <span class="notranslate"> Pembaca harus mencatat bahwa <em>aktiva tetap</em><br /> jangka adalah istilah profesional keuangan untuk PP & E, meskipun <br />literatur investasi kadang-kadang mengacu pada total aset tidak lancar <br />perusahaan sebagai aset tetap.</span> <br /><br /> <span class="notranslate"> Penyertaan saham perusahaan dalam aktiva tetap tergantung, untuk tingkat besar, pada baris bisnis.</span> <span class="notranslate"> Beberapa bisnis yang padat modal daripada yang lain.</span> <span class="notranslate"> Sumber daya alam dan produsen peralatan modal yang besar memerlukan sejumlah besar investasi aset tetap.</span> <span class="notranslate"> Perusahaan jasa dan produsen perangkat lunak komputer membutuhkan jumlah yang relatif kecil dari aset tetap.</span> <span class="notranslate"> Produsen utama umumnya memiliki sekitar 30-40% dari aset mereka di PP & E.</span> <span class="notranslate"> Dengan demikian, rasio perputaran aktiva tetap akan bervariasi antara industri yang berbeda.</span> <br /><br /> <span class="notranslate"> Rasio perputaran aktiva tetap dihitung sebagai:</span> <br /><table align="center" border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse; text-align: center; width: 320px;" summary="" title=""><tbody><br /><tr><td><img height="40" hspace="5" src="http://i.investopedia.com/inv/articles/site/FATR.gif" style="background-color: #eeeeee;" title="" width="343" /></td></tr><br /></tbody></table><br /><br /> <span class="notranslate"><br /> Aktiva tetap rata-rata dapat dihitung dengan membagi akhir tahun PP <br />& E dari dua periode fiskal (ex. tahun 2004 dan 2005 PP & E <br />dibagi dua).</span> <br /><br /><div class="ad-textlink"><br /><div id="AdSlot_IC-Textlink1"><br /><div id="AdSlot_IC-Textlink1_ad_container"><br /><a href="http://web.industrybrains.com/clicks.php?appId=9521&zid=527189afcefd6&adId=72667&pos=1&impt=1383886007.709934896561&zoneId=689&url=http%3A%2F%2Ftranslate.googleusercontent.com%2Ftranslate_c%3Fdepth%3D1%26hl%3Did%26rurl%3Dtranslate.google.com%26sl%3Dauto%26tl%3Did%26u%3Dhttp%3A%2F%2Fwww.investopedia.com%2Farticles%2Fbasics%2F06%2Fassetperformance.asp%26usg%3DALkJrhhR9PYWKOrWhMdsh4ZLU9wdSfqu2g" rel="nofollow" style="font-family: Verdana,Geneva,sans-serif; font-size: 10pt; text-decoration: none;" target="_blank">How to pick your next hotel stay</a><br /><br /></div><br /></div><br /></div><br /><span class="notranslate"><br /> Indikator ini tetap aset turnover ratio, melihat dari waktu ke waktu <br />dan dibandingkan dengan pesaing, memberikan investor gambaran seberapa <br />efektif manajemen perusahaan menggunakan aset besar dan penting.</span> <span class="notranslate"> Ini adalah ukuran kasar dari produktivitas aktiva tetap perusahaan sehubungan dengan menghasilkan penjualan.</span> <span class="notranslate"> Semakin tinggi jumlah kali PP & E ternyata lebih, semakin baik.</span> <span class="notranslate"><br /> Jelas, investor harus mencari konsistensi atau meningkatkan tingkat <br />perputaran aktiva tetap sebagai penyeimbang kualitas investasi sheet <br />positif.</span> <br /><br /> <span class="notranslate"> <strong>The Return on Assets Ratio</strong></span> <strong><br /></strong> <span class="notranslate"> Return on asset (ROA) dianggap rasio profitabilitas - itu menunjukkan berapa banyak perusahaan produktif pada <em>total aset.</em></span> <span class="notranslate"> Namun demikian, hal ini berguna untuk melihat rasio ROA sebagai indikator kinerja aset.</span> <br /><br /> <span class="notranslate"> Rasio ROA (persentase) dihitung sebagai:</span> <br /><table align="center" border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse; text-align: center; width: 320px;" summary="" title=""><tbody><br /><tr><td><img align="bottom" height="44" hspace="5" src="http://i.investopedia.com/inv/articles/site/roa.gif" width="189" /></td></tr><br /></tbody></table><br /><br /> <span class="notranslate"><br /> Total aset rata-rata dapat dihitung dengan membagi total aset akhir <br />tahun dua periode fiskal (ex tahun 2004 dan 2005 PP & E dibagi 2).</span> <br /><br /> <span class="notranslate"> Rasio ROA dinyatakan sebagai persentase kembali dengan membandingkan <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/n/netincome.asp&usg=ALkJrhhiMBoaPEz-ueNM1PFbEhO6notfag">laba bersih</a> , garis bawah laporan laba rugi, untuk total aset rata-rata.</span> <span class="notranslate"> Sebuah persentase pengembalian yang tinggi menyiratkan aset yang dikelola.</span> <span class="notranslate"><br /> Di sini sekali lagi, rasio ROA paling digunakan sebagai analisis <br />komparatif kinerja historis perusahaan sendiri dan dengan perusahaan di <br />garis bisnis serupa.</span> <br /><br /> <span class="notranslate"> <strong>Dampak Aset Tak Berwujud</strong></span> <strong><br /></strong> <span class="notranslate"><br /> Banyak aset non-fisik dianggap aktiva tidak berwujud, yang pada <br />dasarnya dapat dikategorikan menjadi tiga jenis: kekayaan intelektual <br />(paten, hak cipta, merek dagang, nama merek, dll), <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/d/deferredcharge.asp&usg=ALkJrhiJybtLHirHCarg9COn-p7XC1nkqg">biaya ditangguhkan</a> (beban dikapitalisasi) dan membeli <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/g/goodwill.asp&usg=ALkJrhjRQOWp67sIr6aCq0tIFX400DCgGQ">goodwill</a> (biaya suatu investasi di atas nilai buku).</span> <br /><br /> <span class="notranslate"><br /> Sayangnya, ada sedikit keseragaman dalam keseimbangan presentasi lembar<br /> untuk aset tidak berwujud atau terminologi yang digunakan dalam <br />keterangan akun.</span> <span class="notranslate"> Seringkali, berwujud dimakamkan di aset lain dan hanya diungkapkan dalam catatan kepada keuangan.</span> <br /><br /> <span class="notranslate"><br /> Dolar yang terlibat dalam kekayaan intelektual dan biaya tangguhan <br />umumnya tidak material dan, dalam banyak kasus, tidak menjamin <br />pemeriksaan banyak analitis.</span> <span class="notranslate"><br /> Namun, investor didorong untuk mengambil hati-hati melihat jumlah <br />dibeli goodwill neraca perusahaan karena beberapa investasi profesional <br />tidak nyaman dengan sejumlah besar goodwill dibeli.</span> <span class="notranslate"> Hari ini diperoleh "keindahan" kadang-kadang berubah menjadi besok "binatang".</span> <span class="notranslate"> Hanya waktu yang akan memberitahukan jika harga akuisisi dibayar oleh perusahaan yang mengakuisisi adalah benar-benar <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/f/fairvalue.asp&usg=ALkJrhhDWp0J3EpNYIo0H0PUhA1OY1UJXA">nilai wajar</a> .</span> <span class="notranslate"><br /> Kembalinya ke perusahaan yang mengakuisisi akan terwujud hanya jika, di<br /> masa depan, ia mampu mengubah akuisisi menjadi laba positif.</span> <br /><br /> <span class="notranslate"> Analis konservatif akan mengurangi jumlah yang dibeli goodwill dari pemegang saham ekuitas sampai pada suatu perusahaan <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/terms/t/tangiblenetworth.asp&usg=ALkJrhiWZ-rN7XrnGHPM8NmQMVRTyBdomA">kekayaan bersih</a> .</span> <span class="notranslate"><br /> Dalam tidak adanya pengukuran analitis yang tepat untuk membuat <br />keputusan tentang dampak pengurangan ini, coba gunakan akal sehat.</span> <span class="notranslate"><br /> Jika pengurangan goodwill yang dibeli memiliki dampak negatif material <br />terhadap posisi ekuitas perusahaan, itu harus menjadi masalah yang <br />menjadi perhatian investor.</span> <span class="notranslate"><br /> Misalnya, neraca cukup leveraged mungkin terlihat sangat jelek jika <br />kewajiban utang serius lebih dari posisi ekuitas yang nyata nya.</span> <br /><br /> <span class="notranslate"> Perusahaan mengakuisisi perusahaan lain, sehingga goodwill dibeli adalah kenyataan hidup dalam akuntansi keuangan.</span> <span class="notranslate"> Investor, bagaimanapun, perlu melihat dengan seksama pada jumlah yang relatif besar goodwill dibeli dalam neraca.</span> <span class="notranslate"><br /> Dampak dari akun ini pada kualitas investasi neraca perlu dinilai dalam<br /> hal ukuran komparatif untuk ekuitas dan tingkat keberhasilan perusahaan<br /> dengan akuisisi.</span> <span class="notranslate"> Ini benar-benar adalah panggilan pengadilan, tapi satu yang perlu dipertimbangkan serius.</span> <br /><br /><table border="0" cellpadding="0" cellspacing="0" style="float: left; width: 192px;"><tbody><br /><tr><td class="mod-video-art-ad-img"> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/video/play/introduction-balance-sheet&usg=ALkJrhhcbuEwZM4OQMqAdpu_M4Ze69P5wQ"><img border="0" height="90" src="http://i.investopedia.com/inv/video/balancesheet-article-img.jpg" width="192" /></a> </td><td><br /></td></tr><br /><tr height="22"><td bgcolor="#000000" class="mod-video-art-ad-overlay-text-title"> <span class="notranslate"> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/video/play/introduction-balance-sheet&usg=ALkJrhhcbuEwZM4OQMqAdpu_M4Ze69P5wQ" style="padding-left: 5px;"><strong>Watch:</strong> Neraca</a></span> </td></tr><br /></tbody></table><br /><span class="notranslate"> <strong>Kesimpulan</strong></span> <strong><br /></strong> <span class="notranslate"> Aset merupakan nilai barang bahwa perusahaan memiliki, menyimpan dan memiliki atau sudah jatuh tempo.</span> <span class="notranslate"><br /> Dari berbagai jenis item perusahaan memiliki, piutang, persediaan, PP <br />& E dan berwujud umumnya empat rekening terbesar di sisi aset <br />neraca.</span> <span class="notranslate"><br /> Akibatnya, neraca yang kuat dibangun pada manajemen yang efisien dari <br />jenis aset utama ini dan portofolio yang kuat dibangun untuk tahu <br />bagaimana membaca dan menganalisa laporan keuangan.</span> <br /><br /> <span class="notranslate"> Untuk mempelajari lebih lanjut tentang membaca neraca, lihat <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/articles/basics/06/balancesheet.asp&usg=ALkJrhiAXK2MNM6SBsLso9KRZyctw7j_eA"><em>Menjebol Neraca</em></a> , <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/articles/04/031004.asp&usg=ALkJrhhX90e3i0c4JhPVJk7LrVa4hgmxPg"><em>Membaca Neraca</em></a> dan <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=id&rurl=translate.google.com&sl=auto&tl=id&u=http://www.investopedia.com/articles/basics/06/financialreporting.asp&usg=ALkJrhgaDJyY2pnFn7UO87sOe15RgkQ9bQ"><em>Apa yang Perlu Anda Ketahui Tentang Laporan Keuangan</em></a> .</span> </div><br /></div><br /></div><br /></div><br />

Cara Mengevaluasi Neraca Sebuah Perusahaan

Bagi investor saham, neraca adalah suatu pertimbangan penting untuk investasi di suatu perusahaan karena merupakan refleksi dari apa yang...

Read more »

Making Drop Shadow Images for the PNG Drop Shadows Method

<div style="text-align: right;"><div style="text-align: left;">The <a href="http://www.positioniseverything.net/articles/dropshadows2.html">Four Sided PNG Drop Shadows Method</a> provides a way to place a large drop shadow or glow image onto a smaller box of any arbitrary size, and it works very well indeed. However, what that article <i>doesn't</i>provide is a step-by-step guide showing graphics novices how to go about making that large drop shadow.It's time to remedy the omission.</div></div><div class="tip">For this graphics tutorial I've decided to use <a href="http://www.gimp.org/"><b>Gimp</b></a>, because of its universal availability and because Gimp is now a rather sophisticated graphics editor. Gimp is Open Source (free!) and is rapidly improving with a huge fan/user base, so its future is very bright. This tutorial assumes at least a basic familiarity with graphics editors in general, but does not assume that the reader is a guru.</div><h2>Creating the Image</h2><img alt="" src="http://1.1.1.4/bmi/www.positioniseverything.net/articles/images/ds-gimp1/newdialog.png" style="float: right; margin: 15px 0pt 10px 15px;" /><br /><br /><div style="text-align: justify;">In <a href="http://www.gimp.org/"><b>Gimp's</b></a> main window, go to <b>File>New</b> (Ctrl+N). In the <b>New Image</b> dialog, click on the <b>Advanced Options</b> expander to see all the options. Specify a width and height that will be larger than the maximum shadow you will need. This can be a difficult decision. If you make it too small then a large shadowed box might show a gap somewhere along the box edge, but making the shadow image very wide and tall leads to unnecessary bandwidth and load times. Luckily these shadow images are mostly full transparency so even a huge one is surprisingly small in file size. I've chosen 300px as the size for this demo, but more typically it would be 1000px or even larger.</div><div style="text-align: justify;">If your shadow is to be entirely shades of gray, you can set the <b>Color space</b> field to "Grayscale" as I've done here. This makes the resulting PNG file about 40% smaller than if all the color channels were used. If the shadow is to have some color in it, make sure you leave the color space setting at "RGB color" or it won't be possible to do so.</div><a name="more"></a><br /><br />The <b>Fill with</b>, <b>Template</b>, <b>resolution</b>, and <b>Comment</b> fields are fine with the default settings. The <b>Reset button</b> is handy for returning to the default settings if they've been changed and you can't remember what they were.<br /><br /><img alt="" src="http://1.1.1.2/bmi/www.positioniseverything.net/articles/images/ds-gimp1/newimage.png" style="clear: right; float: right; margin: 0pt 0pt 10px 15px;" /><br /><br />With everything set, click "OK" to create your image.<br /><br />You should see a new window with a dashed line surrounding the new image. The checkerboard pattern is there to reveal the fact that the image is transparent. That checkerboard won't show up on the finished image so don't worry about it. The rulers seen along the left and top edges in the screenshot are a Gimp option I've chosen under: <b>View>Show Rulers</b> (Shift+Ctrl+R). You may find those rulers to be very handy for some kinds of graphics work. Notice how in the screenshot with the title bare text "Untitled-1.0" there's an asterisk before the file name? That's to show that the image hasn't been saved (or has unsaved changes).<br /><br /><img alt="" src="http://1.1.1.2/bmi/www.positioniseverything.net/articles/images/ds-gimp1/fill.png" style="clear: right; float: right; margin: 15px 0pt 10px 15px;" /><br /><br />I like to work with a solid light background to judge the shadows against, so let's go ahead and fill that image with some white. In the <b>Toolbox Window</b>, click the <b>Bucket Fill Tool</b> (Shift+B) to activate it, then click on the foreground swatch The little white rectangle overlapping the black one in the graphic) and set it to white. (click the double pointed arrow to switch the two colors) I actually prefer an off-white color so that the image stands out against the white image window background, so that's what I've done for the graphic images in this tutorial. Now left-click on your image directly and the image layer should fill with your chosen foreground color.<br /><br />We don't want our finished shadow image to have that white color, so make a new layer to work on. This layer will contain the actual shadow which will become the finished production image. Go to <b>Layer>New Layer</b> (Shift+Ctrl+N). In the dialog leave all the defaults alone and click OK.<br /><br /><img alt="" src="http://1.1.1.5/bmi/www.positioniseverything.net/articles/images/ds-gimp1/layers1.png" style="float: left; margin: 0px 15px 10px 0pt; padding-top: 25px;" /><br /><br />There should now be two layers showing in the Layers dialog (as shown) with the new layer highlighted. Make sure this layer is <i>always highlighted</i> from now on or you'll be working on that white background layer instead! Be aware that you can drag the layers in the Layers dialog past each other to change their stacking order and also temporarily hide them by clicking those little eyeball icons on the layer boxes. Go ahead and try it just for fun.<br /><br />Gimp has a very flexible dialog/dock system, but it can take some getting used to. If you can't find the Layers dialog or any other dockable dialog, go to <b>Windows>Dockable Dialogs</b> for a complete button list of those dialogs. These "docks" are separate windows that can hold persistent dialogs such as Layers and History in a handy group format. To learn how dialogs are added to and removed from docks, see <a href="http://docs.gimp.org/2.6/en/gimp-concepts-docks.html">Dialogs and Docking</a> in the Gimp online manual.<br /><br /><h2>Shrinkage</h2><img alt="" src="http://1.1.1.1/bmi/www.positioniseverything.net/articles/images/ds-gimp1/shrinkselect.png" style="float: right; margin: 15px 0pt 10px 15px;" /><br /><br />The next step is to select the entire image and shrink that selection box by the amount you want for your drop shadow width. This width is critical to the <a href="http://www.positioniseverything.net/articles/dropshadows2.html">Four Sided PNG Drop Shadows Method</a>. The CSS for the method must be tailored to match the shrink length you will choose, but once you make the correct modifications to the code, any shadow width will work fine. Go to <b>Select>All</b> (Ctrl+A) and that should start the 'marching ants' going around your image.<br /><br />Go to <b>Select>Shrink</b> (Alt+S>H) to bring up the <b>Shrink Selection</b> dialog.<br /><br /><img alt="" src="http://1.1.1.4/bmi/www.positioniseverything.net/articles/images/ds-gimp1/shrinkdialog.png" style="display: block; margin: 15px 0pt 10px;" /><br /><br />The length value you choose will be the width of your shadow. I've picked 10px in this demo. For now don't worry about varying shadow widths on different sides, just make it as big as the widest shadow you will need.<br /><br />Make sure the <b>Shrink from image border</b> checkbox is checked, or else the shrink action won't work. This seems to be true <i>only</i> when the entire image is selected. Otherwise you need to uncheck the box for it to work. Don't ask me why, I have no idea. That's just the way Gimp does it. Oh well.<br /><br />Now you should be seeing something like the screenshot to the right, with a select box some distance inward from the image edge. Ignore the extra dashed line around the image edge, it has no actual effect. You can tell which is the real selection by the 'marching ants' effect on the inner line.<br /><br /><div class="tip">Be aware that the <a href="http://www.positioniseverything.net/articles/dropshadows2.html">Four Sided PNG Drop Shadows Method</a> <i>requires</i> that the image area outside the select box be the same size on all sides of the image. It doesn't matter what kind of graphics you place in these side-areas. Shadows, border lines, transparency, whatever, as long as the distance from the select box to the image edge is the same on all sides. Your content box (div.shadow-four) will end up with its edge exactly aligned with the select box line, so any backgrounds or borders that you wish to have appear within the selected region are best applied to div.shadow-four, <i>not the main drop shadow image</i>. Also be aware that the width of this area outside the select box (taken as a px length value) must be doubled and used as the px length values for all css lengths in the method except the relative shift offsets on .shadow-four, which get the px length values without doubling, but as negative values of course.</div><h2>Applying the Shadow</h2><img alt="" src="http://1.1.1.4/bmi/www.positioniseverything.net/articles/images/ds-gimp1/dropdialog1.png" style="float: right; margin: 15px 0pt 10px 15px;" /><br /><br />Here comes the fun part. To bring up the <b>Drop Shadow</b> dialog, go to: <b>Filters>Light and Shadow>Drop Shadow</b><br /><br /><b><i>The default values in this dialog need to be changed to match your desired drop shadow parameters.</i></b><br /><br />Here's what the options do:<br /><br /><ul><li><b>Offset X and Offset Y</b> ― Moves the overall shadow horizontally and vertically from its default centered position behind the shadowed select box.</li><br /><li><b>Blur radius</b> ― Controls the width of the shadow extending outward from the select box </li><br /><li><b>Color</b> ― Controls the color applied to the shadow (only gray allowed in grayscale).</li><br /><li><b>Opacity</b> ― The slider sets the opacity of the shadow.</li><br /><li><b>Allow resizing</b> ― If this is checked and the settings cause the added shadow to be larger than the image size, the image will be resized so it can contain the extra shadowing. If it's unchecked, the image remains the same size and any extra shadow gets clipped off.</li><br /></ul><div class="tip">If the <b>Allow resizing</b> checkbox is checked, the resulting shadows may enlarge your image on one or more sides, causing the PNG drop shadows method to work incorrectly. Generally you should always uncheck this box.</div>The procedure here is to try some settings, hit OK and see what results. Usually it's not quite what you want, so you then go to <b>Edit>Undo</b> (Ctrl+Z) and try again repeatedly until it's just right.<br /><br />If you only want a simple shadow all around the select box, just set the offsets to zero and give the blur radius something close to 10px. It's not always necessary or desirable to exactly match the shrink length you use. For instance, if you set the opacity to a low level you can widen the blur radius quite a lot without apparent clipping. I suggest you play around with various settings to see what effects you can get.<br /><br /><img alt="" src="http://1.1.1.4/bmi/www.positioniseverything.net/articles/images/ds-gimp1/makeshadow.png" style="float: right; margin: 15px 0pt 10px 15px;" /><br /><br />For this demo I chose X and Y offsets of 2px, a blur radius of 10px, a color of black, and an opacity of 60%. Note that those positive offsets along with the blur radius would cause image enlargement at the right and bottom edges if the "Allow resizing" checkbox were checked, but I keep it unchecked so I won't have to manually clip that excess later. Note that the offsets may also be negative, pulling the shadow up and to the left instead of down and right.<br /><br />Bring up the Drop Shadow dialog and insert the values as described, then hit OK.<br /><br />Now the shadow is in place and looking mighty fine, but check out the title bar of the image window. Three layers? Where did that come from? Well, it so happens that Gimp creates a new layer called <i>Drop Shadow</i> when making a drop shadow and puts the actual shadow on that layer. Furthermore, this new layer is placed on top of the selected layer. It's not a problem but be aware that this is happening so you won't be confused by it.<br /><br /><img alt="" src="http://1.1.1.1/bmi/www.positioniseverything.net/articles/images/ds-gimp1/layers2.png" style="float: left; margin: 15px 15px 10px 0pt;" /><br /><br />By the way, you may rename any layer in the Layers dialog simply by double clicking the name and typing a new one. In the future when you're building hi-rise multi-layer images it'll be nice to have descriptive names on all of them, eh? Oh yes.<br /><br />See that opacity slider in the Layers dialog? If you click on the Drop Shadow layer you can re-adjust the opacity of the shadow on-the-fly, fine tuning it to your exact desires. Sweet.<br /><br /><h2>Saving the Image</h2>Before you can save, make sure you go to the Layers dialog and click that eyeball icon on the Background layer. Doing that will kill the white background and reveal the checkerboard again. Now all is in readiness. To save the image, just go to <b>File>Save As</b> (Shift+Ctrl+S) and in the <b>Save As</b> dialog choose the location to save, and name the file too. You can get a <b>Select File Type</b> field by clicking the expander just above the Help button, but it's quicker to just type the <i>.png</i> extension on the file name.<br /><br />When you hit the Save button, a new <b>Export File</b> dialog pops up. The reason for this is that your image has layers and the PNG format doesn't do layers (except for the proprietary Fireworks PNG format). This dialog will automatically compress the layers to a single layer for you. Make sure that the <b>Merge Visible Layers</b> radio button is selected. This will exclude the white background layer from the exported PNG because you just made it invisible by clicking the eyeball icon for that layer. Now hit the Export button.<br /><br />Yet another box pops up (sigh), the <b>Save as PNG</b> dialog. Just uncheck all the checkboxes (unless you feel the need to check some of them) and keep the compression slider at the maximum level. Hit Save. Woohoo! You've finally got your excellent drop shadow image!<br /><br /><h2>Extra Points</h2><ul><li>If the goal is to make a 'glow' effect rather than a shadow, just invert all the color settings mentioned in the tutorial, including the white background on the bottom layer.</li><br /><li>It's a good idea to save the layered image as an <b>.xcf</b> file type. That's Gimp's proprietary format, and it will save all the layering and select information so that later on you may easily make different versions of your PNG shadow image without repeating all the steps.</li><br /><li>If you forgot to set the image to grayscale when you created it, just go to <b>Image>Mode>Grayscale</b> and you're good. Remember that a grayscale shadow cannot have any RGB colors at all, only shades of gray.</li><br /></ul><h2>Wrap Up</h2>I hope you liked my first graphics tutorial. I know this one doesn't break any new ground, but quite a few people have asked me for advice on making these shadow images, so here you go!<br /><br /><div class="small alignright"><a href="http://www.positioniseverything.net/design/" title=" Big John's Advanced CSS Design "><b>Big John Design</b></a> <a href="mailto:johnthebig66@yahoo.com">Contact Us</a> ©positioniseverything.net Last updated: June 23, 2009 Created June 20, 2009<br /><br /><br /><br /><span style="font-size: x-small;"><i>This tutorial was written due to popular demand. I owe special thanks to <b>David Tiley</b> for his strong encouragement and help improving this, my first foray into the world of graphics creation. Thanks Dave!</i></span> </div>

Making Drop Shadow Images for the PNG Drop Shadows Method

The Four Sided PNG Drop Shadows Method provides a way to place a large drop shadow or glow image onto a smaller box of any arbitrary size...

Read more »

Customizing Adobe CS4 Installation

<span class="long_text" id="result_box"><span title="">Photoshop is not familiar to those of you who like to edit photos and the designers studio, photoshop is commonly used and familiar. </span><span style="background-color: white;" title="">The following I'll post about Customizing Adobe CS4 Installation.<br /></span><span style="background-color: white;" title="">Please note, I myself was not 100% satisfied with what I know, but hacks have been working very well for more than two months in XP SP3 and Vista SP1. </span><span title="">And as always, you do this at your own risk. </span><span style="background-color: white;" title="">Read on if we understand each other.</span></span><br /><br /><h3><br />Photoshop CS4 (Extended)</h3><br /><img alt="" class="alignnone" height="80" src="http://1.1.1.3/bmi/img.ilemoned.com/cs4_customization_ps.gif" width="300" /><br /><br /><ol><br /><li>Navigate to <code>/Adobe CS4/payloads/</code>.</li><br /><li>Open <code>/AdobeBridge3All/AdobeBridge3All.proxy.xml</code> with a text editor.</li><br /><li>Search for <code><dependencies></dependencies></code>.</li><br /><li>Delete everything within <code><dependencies></dependencies></code>, except two blocks with <code>type="critical"</code>, make it look exactly like <a class="lightview" href="http://img.ilemoned.com/cs4_customization_ps_xml1.gif" title="AdobeBridge3All.proxy.xml">screenshot #1</a>.</li><br /><li>Open <code>/AdobePhotoshop11-Core/AdobePhotoshop11-Core.proxy.xml</code>, repeat step 3-4, make it look exactly like <a class="lightview" href="http://img.ilemoned.com/cs4_customization_ps_xml2.gif" title="AdobePhotoshop11-Core.proxy.xml">screenshot #2</a>.</li><br /><li>Save both files. Oh did I tell you to backup first? <img alt=";-)" class="wp-smiley" src="http://1.1.1.1/bmi/www.ilemoned.com/wp-includes/images/smilies/icon_wink.gif" /> </li><br /><li>Run setup and wave goodbye to craps.</li><br /></ol><br /><h3><br />Illustrator CS4</h3><br /><img alt="" class="alignnone" height="80" src="http://1.1.1.3/bmi/img.ilemoned.com/cs4_customization_ai.gif" width="300" /><br /><br />If you already edited <code>AdobeBridge3All.proxy.xml</code> in a previous Photoshop installation and successfully got rid of Adobe Bridge, you won't need to touch the one in Illustrator. Otherwise, treat it the same way (step 1-4 of the Photoshop section above).<br /><br />Then, yes, <code>/AdobeIllustrator14mul/AdobeIllustrator14mul.proxy.xml</code>, and here's <a class="lightview" href="http://img.ilemoned.com/cs4_customization_ai_xml.gif" title="AdobeIllustrator14mul.proxy.xml">screenshot #3</a> for your referrence.<br /><br /><h3><br />Design Premium CS4</h3><br /><img alt="" class="alignnone" height="80" src="http://1.1.1.3/bmi/img.ilemoned.com/cs4_customization_dp.gif" width="300" /><br /><br />Files you need to edit are:<br /><br /><ul><br /><li><code>/AdobeBridge3All/AdobeBridge3All.proxy.xml</code></li><br /><li><code>/AdobeDreamweaver10-mul/AdobeDreamweaver10-mul.proxy.xml</code></li><br /><li><code>/AdobeFireworks10All/AdobeFireworks10All.proxy.xml</code></li><br /><li><code>/AdobeFlash10-mul/AdobeFlash10-mul.proxy.xml</code></li><br /><li><code>/AdobeIllustrator14mul/AdobeIllustrator14mul.proxy.xml</code></li><br /><li><code>/AdobeInDesign6AppBase-mul/AdobeInDesign6AppBase-mul.proxy.xml</code></li><br /><li><code>/AdobePhotoshop11-Core/AdobePhotoshop11-Core.proxy.xml</code></li><br /><li><code>/AdobeVersionCue4All/AdobeVersionCue4All.proxy.xml</code></li><br /></ul><br />Edit how? You've already learned that.<br /><br />One tip is, if you kept, let's say "Adobe XMP Panels CS4" in one of the xml files, you can delete it when you see it else wheres.<br /><br />I don't use anything other than Photoshop and Illustrator, so I'm unable to tell you which components are required by other products included in a Creative Suite. Sorry.<br /><br /><h3><br />Miscellaneous</h3><br />I'm not gonna guide you through Dreamweaver or Web Premium or anything else neither. Hopefully you can draw inferences about other cases from the above examples.<br /><br />You're gonna have to trust Adobe this time, what's been tagged as "critical" in the xml files are indeed critical. Sky falls down if you remove them. Here are my understandings (some are just superficial) to several important components. They are required by the CS4 apps or recommended by me:<br /><br /><ul><br /><li><b>Adobe Anchor Service CS4</b><br />The Lord that rules.</li><br /><li><b>Adobe CSI CS4</b><br />The infrastructure that rules, too. I guess the VersionCue Client service which enables the "Open File" dialogs is also included in here.</li><br /><li><b>Adobe Type Support CS4</b><br />Support for layers with texts/fonts.</li><br /><li><b>Adobe XMP Panels CS4</b><br />Support for the "File Info" dialogs.</li><br /><li><b>Adobe CMaps CS4 / Adobe ALM CS4</b><br />Required by Illustrator (?)</li><br /><li><b>Adobe Color - Photoshop Specific CS4</b></li><br /><li><b>Adobe Color NA Recommended Settings CS4</b></li><br /><li><b>Adobe Color CommonSetRGB</b></li><br /><li><b>Adobe Color CommonSetCMYK</b></li><br /></ul><br /><span class="medium_text" id="result_box"><span style="background-color: white;" title="">Finally, apologize again because I do not have the time and energy to provide a more detailed and subtle tutorial. </span><span style="background-color: white;" title="">Hope as many people can hopefully benefit from this post.</span></span>

Customizing Adobe CS4 Installation

Photoshop is not familiar to those of you who like to edit photos and the designers studio, photoshop is commonly used and familiar. The f...

Read more »

Website Button Maker

<div class="post" id="post-10"><div class="entry">Website buttons (like the one shown below) are very popular these days: the largest directory of website buttons (Steal These Buttons, see <a href="http://ekstreme.com/buttonmaker#stb">below</a>) contains over 3000 buttons.<br /><br />This page allows you to make your own website button. Any questions, feedback, or improvement suggestions, please <a href="http://ekstreme.com/contact.php">contact me</a>.<br /><br /><h2>Example website buttons</h2>The following buttons were produced using the Enhanced Website Button Maker:<br /><br /><ul><li><img alt="Enhanced Button Maker logo" height="15" src="http://1.1.1.5/bmi/ekstreme.com/support/buttonmaker/button-maker.png" title="Enhanced Button Maker" width="80" /> The official <a href="http://ekstreme.com/buttonmaker/">Website Buttons Maker</a> button.</li><br /><li><img alt="PHPCounter" height="15" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/phpcounter-button.png" title="PHPCounter button" width="80" /> A website button for the <a href="http://ekstreme.com/phpcounter/">PHP website analytics script, PHPCounter</a>.</li><br /><li><img alt="RSS syndicate button" height="15" src="http://1.1.1.1/bmi/ekstreme.com/support/buttonmaker/rss-syndicate.png" title="RSS syndicate button" width="80" /> A button for linking to your RSS syndication feed.</li><br /><li><img alt="RSS valid button" height="15" src="http://1.1.1.4/bmi/ekstreme.com/support/buttonmaker/rssvalid.png" title="RSS valid button" width="80" /> A button for showing that your RSS is valid.</li><br /><li><img alt="W3C valid CSS button" height="15" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/W3C-css.png" title="W3C valid CSS button" width="80" /> A button for showing that your <a href="http://jigsaw.w3.org/css-validator/">CSS is validated</a>.</li><br /><li><img alt="W3C valid XHTML button" height="15" src="http://1.1.1.5/bmi/ekstreme.com/support/buttonmaker/W3C-xhtml1.0.png" title="W3C valid XHTML button" width="80" /> A button for showing that your <a href="http://validator.w3.org/">XHTML is validated</a>.</li><br /></ul><h2>Website Button maker output</h2><div id="ButtonMakerOutput" style="border: 1px solid red; margin-bottom: 2em; margin-top: 2em; padding: 1em; text-align: center;"><div><i>Your website button:</i> <img alt="website button output of Enhanced Website Button Maker" src="http://ekstreme.com/support/buttonmaker/buttonmaker.php?width=80&height=15&BarPosition=25&LeftTextStart=4&LeftTextTop=10&RightTextStart=2&RightTextTop=10&FontSize=6&LeftString=RSS&RightString=VALID&FontName=silkscreen&OuterBorder=666666&InnerBorder=FFFFFF&BarColor=FFFFFF&LeftBackground=FF6600&LeftColor=FFFFFF&RightBackground=898E79&RightColor=FFFFFF" title="website button output of Enhanced Website Button Maker" /></div></div><form action="/buttonmaker/" id="ButtonMaker" method="post"><h2>Anatomy of a button</h2>Please refer to the enlarged website button image for help<br /><br /><div style="margin: 0px auto; text-align: center;"><img alt="Enhanced Website button maker website button help image" height="161" src="http://1.1.1.2/bmi/ekstreme.com/support/buttonmaker/anatomy-of-a-button.jpg" title="Enhanced website button maker website button help image" width="355" /></div>Click on the <img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /> image to open the color chooser.<br /><br /><h2>Dimensions</h2><div class="legal">If you plan to submit your button to Steal These Buttons, please read the note below.</div><div class="ButtonMakerFormDiv"><label for="width">Button width</label> <input id="width" name="width" type="text" value="80" /> (in pixels)</div><div class="ButtonMakerFormDiv"><label for="height">Button height</label> <input id="height" name="height" type="text" value="15" /> (in pixels)</div><h2>Border colors</h2><div class="ButtonMakerFormDiv"><label for="OuterBorder">Outer border color</label> <input id="OuterBorder" name="OuterBorder" type="text" value="666666" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['OuterBorder'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="InnerBorder">Inner border color</label> <input id="InnerBorder" name="InnerBorder" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['InnerBorder'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Bar</h2><div class="ButtonMakerFormDiv"><label for="BarColor">Bar color</label> <input id="BarColor" name="BarColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['BarColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="BarPosition">Bar position</label> <input id="BarPosition" name="BarPosition" type="text" value="25" /> (pixels from left edge)</div><h2>Left Panel</h2><div class="ButtonMakerFormDiv"><label for="LeftString">Left panel text</label> <input id="LeftString" name="LeftString" type="text" value="RSS" /></div><div class="ButtonMakerFormDiv"><label for="LeftTextStart">Left panel text position</label> <input id="LeftTextStart" name="LeftTextStart" type="text" value="4" /> (pixels from left edge of panel)</div><div class="ButtonMakerFormDiv"><label for="LeftTextTop">Left panel text top</label> <input id="LeftTextTop" name="LeftTextTop" type="text" value="10" /> (pixels from top edge)</div><div class="ButtonMakerFormDiv"><label for="LeftBackground">Left panel background color</label> <input id="LeftBackground" name="LeftBackground" type="text" value="FF6600" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['LeftBackground'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="LeftColor">Left panel text color</label> <input id="LeftColor" name="LeftColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['LeftColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Right Panel</h2><div class="ButtonMakerFormDiv"><label for="RightString">Right panel text</label> <input id="RightString" name="RightString" type="text" value="VALID" /></div><div class="ButtonMakerFormDiv"><label for="RightTextStart">Right panel text position</label> <input id="RightTextStart" name="RightTextStart" type="text" value="2" /> (pixels from left edge of panel)</div><div class="ButtonMakerFormDiv"><label for="RightTextTop">Right panel text top</label> <input id="RightTextTop" name="RightTextTop" type="text" value="10" /> (pixels from top edge)</div><div class="ButtonMakerFormDiv"><label for="RightBackground">Right panel background color</label> <input id="RightBackground" name="RightBackground" type="text" value="898E79" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['RightBackground'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="RightColor">Right panel text color</label> <input id="RightColor" name="RightColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['RightColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Font</h2><div class="legal">If you plan to submit your button to Steal These Buttons, please read the note below.</div><i>International characters: All of the fonts except Silkscreen</i> support internation characters to some degree, so try them all to see which one you like best. Chrysanthi Unicode and Cyberbit contain complete the unicode character set.<br /><br /><div class="ButtonMakerFormDiv"><label for="FontName">Font:</label> <select id="FontName" name="FontName"><option value="silkscreen">Silkscreen</option><option value="arial">Arial</option><option value="augie">Augie</option><option value="calligrapher-regular">Calligrapher Regular</option><option value="courier">Courier</option><option value="movieola-titletype">Movieola Titletype</option><option value="olde-english">Olde English</option><option value="pookie">Pookie</option><option value="vera">Bitstream Vera</option><option value="chrysanthi-unicode">Chrysanthi Unicode</option><option value="cyberbit">Cyberbit</option></select><br /><br /><div class="ButtonMakerFormDiv"><label for="FontSize">Font size</label> <input id="FontSize" name="FontSize" type="text" value="6" /></div></div><div class="ButtonMakerFormDiv"><input name="submit" type="submit" value="Create website button" /> * <input name="reset" type="reset" value="reset" /></div></form><div></div><h2><a href="http://www.blogger.com/post-edit.g?blogID=3861076408851542502&postID=775672285566986906" name="stb">Note for Steal These Buttons submissions</a></h2><a href="http://www.gtmcknight.com/buttons/">Steal These Buttons</a> is the largest directory of website buttons containing over 3000 free website buttons. If you plan to submit your button to Steal These Buttons, please note that they accept <i>only Silkscreen as the font</i> and that the <i>image size must be 80x15 pixels</i>. You can share the buttons created on this page by using the Steal These Buttons <a href="http://www.gtmcknight.com/buttons/make.php">upload form</a>.<br /><br /><h2>Credits</h2>The Enhanced Website Button Maker was inspired by the <a href="http://www.kalsey.com/tools/buttonmaker/">Button Maker by Adam Kalsey</a>, but I wanted one with more features like different fonts, etc.<br /><br />The fonts used in this script come from various sources: <a href="http://www.kottke.org/plus/type/silkscreen/">Silkscreen</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">augie</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">movieola titletype</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">pookie</a>, <a href="http://www.highfonts.com/fontsearch.asp?f=0&ord=olde+english">Olde English</a>, and <a href="http://www.highfonts.com/fontsearch.asp?f=0&ord=Calligrapher">Calligrapher</a>. Thanks to all their authors for sharing these nice fonts!<br /><br />I spent too much time browsing the <a href="http://www.gtmcknight.com/buttons/">Steal These Buttons</a>. If you want to share the buttons created on this page, use their <a href="http://www.gtmcknight.com/buttons/make.php">upload form</a>.<br /><br />The color chooser is the <a href="http://www.softcomplex.com/products/tigra_color_picker/" title="Free JavaScript Color Picker by Softcomplex">Tigra JavaScript Color Picker</a>.<br /><br />Listed in <a href="http://www.lsblogs.com/"><img alt="LS Blogs" border="0" src="http://1.1.1.1/bmi/www.lsblogs.com/img/lsblo_small.gif" /></a><br /><br /><script type="text/javascript"><br /><!--<br />var TCP=new TColorPicker();function TCPopup(field,palette){this.field=field;this.initPalette=!palette||palette>3?0:palette;var w=194,h=240,move=screen?',left='+((screen.width-w)>>1)+',top='+((screen.height-h)>>1):'',o_colWindow=window.open('/support/buttonmaker/picker.html',null,"help=no,status=no,scrollbars=no,resizable=no"+move+",width="+w+",height="+h+",dependent=yes",true);o_colWindow.opener=window;o_colWindow.focus();}<br />function TCBuildCell(R,G,B,w,h){return '<td bgcolor="#'+this.dec2hex((R<<16)+(G<<8)+B)+'"><a href="javascript:P.S(\''+this.dec2hex((R<<16)+(G<<8)+B)+'\')" onmouseover="P.P(\''+this.dec2hex((R<<16)+(G<<8)+B)+'\')"><img src="pixel.gif" width="'+w+'" height="'+h+'" border="0"></a></td>';}<br />function TCSelect(c){this.field.value=c.toUpperCase();this.win.close();}<br />function TCPaint(c,b_noPref){c=(b_noPref?'':'#')+c.toUpperCase();if(this.o_samp)<br />this.o_samp.innerHTML='<font face=Tahoma size=2>'+c+' <font color=white>'+c+'</font></font>'<br />if(this.doc.layers)<br />this.sample.bgColor=c;else{if(this.sample.backgroundColor!=null)this.sample.backgroundColor=c;else if(this.sample.background!=null)this.sample.background=c;}}<br />function TCGenerateSafe(){var s='';for(j=0;j<12;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++)<br />s+=this.bldCell(k*51+(j%2)*51*3,Math.floor(j/2)*51,i*51,8,10);s+="</tr><br />";}<br />return s;}<br />function TCGenerateWind(){var s='';for(j=0;j<12;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++)<br />s+=this.bldCell(i*51,k*51+(j%2)*51*3,Math.floor(j/2)*51,8,10);s+="</tr><br />";}<br />return s}<br />function TCGenerateMac(){var s='';var c=0,n=1;var r,g,b;for(j=0;j<15;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++){if(j<12){s+=this.bldCell(255-(Math.floor(j/2)*51),255-(k*51+(j%2)*51*3),255-(i*51),8,10);}else{if(n<=14){r=255-(n*17);g=b=0;}else if(n>14&&n<=28){g=255-((n-14)*17);r=b=0;}else if(n>28&&n<=42){b=255-((n-28)*17);r=g=0;}else{r=g=b=255-((n-42)*17);}<br />s+=this.bldCell(r,g,b,8,10);n++;}}<br />s+="</tr><br />";}<br />return s;}<br />function TCGenerateGray(){var s='';for(j=0;j<=15;j++){s+="<br /><tr>";for(k=0;k<=15;k++){g=Math.floor((k+j*16)%256);s+=this.bldCell(g,g,g,9,7);}<br />s+='</tr><br />';}<br />return s}<br />function TCDec2Hex(v){v=v.toString(16);for(;v.length<6;v='0'+v);return v;}<br />function TCChgMode(v){for(var k in this.divs)this.hide(k);this.show(v);}<br />function TColorPicker(field){this.build0=TCGenerateSafe;this.build1=TCGenerateWind;this.build2=TCGenerateGray;this.build3=TCGenerateMac;this.show=document.layers?function(div){this.divs[div].visibility='show'}:function(div){this.divs[div].visibility='visible'};this.hide=document.layers?function(div){this.divs[div].visibility='hide'}:function(div){this.divs[div].visibility='hidden'};this.C=TCChgMode;this.S=TCSelect;this.P=TCPaint;this.popup=TCPopup;this.draw=TCDraw;this.dec2hex=TCDec2Hex;this.bldCell=TCBuildCell;this.divs=[];}<br />function TCDraw(o_win,o_doc){this.win=o_win;this.doc=o_doc;var<br />s_tag_openT=o_doc.layers?'layer visibility=hidden top=54 left=5 width=182':'div style=visibility:hidden;position:absolute;left:6px;top:54px;width:182px;height:0',s_tag_openS=o_doc.layers?'layer top=32 left=6':'div',s_tag_close=o_doc.layers?'layer':'div'<br />this.doc.write('<'+s_tag_openS+' id=sam name=sam><table cellpadding=0 cellspacing=0 border=1 width=181 align=center class=bd><br /><tr><td align=center height=18><div id="samp"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><font face=Tahoma size=2>sample <font color=white>sample</font></font></div></td></tr><br /></table></'+s_tag_close+'>');this.sample=o_doc.layers?o_doc.layers['sam']:o_doc.getElementById?o_doc.getElementById('sam').style:o_doc.all['sam'].style<br />for(var k=0;k<4;k++){this.doc.write('<'+s_tag_openT+' id="p'+k+'" name="p'+k+'"><table cellpadding=0 cellspacing=0 border=1 align=center>'+this['build'+k]()+'</table></'+s_tag_close+'>');this.divs[k]=o_doc.layers?o_doc.layers['p'+k]:o_doc.all?o_doc.all['p'+k].style:o_doc.getElementById('p'+k).style}<br />if(!o_doc.layers&&o_doc.body.innerHTML)<br />this.o_samp=o_doc.all?o_doc.all.samp:o_doc.getElementById('samp');this.C(this.initPalette);if(this.field.value)this.P(this.field.value,true)}<br /><br />//--><br /></script></div></div>

Website Button Maker

Website buttons (like the one shown below) are very popular these days: the largest directory of website buttons (Steal These Buttons, see b...

Read more »

Website Button Maker

<div class="post" id="post-10"><div class="TopAdvert"><script type="text/javascript"><br /><!--<br />google_ad_client="pub-3067059563042255";google_alternate_ad_url="http://ekstreme.com/adscodes/";google_ad_width=468;google_ad_height=60;google_ad_format="468x60_as";google_ad_type="text";google_ad_channel="3462423379";google_color_border= "FFFFFF";google_color_bg="FFFFFF";google_color_link="9E7700";google_color_text="000000";google_color_url="3366FF";google_ui_features="rc:0";//--><br /></script> <script type="text/javascript"><br /><!--<br />(function(){var h=true,i=null,j=false,aa=(new Date).getTime(),ba=function(a){var b=(new Date).getTime()-aa;b="&dtd="+(b<1E3?b:"M");return a+b};var k=this,ca=function(a,b,c){a=a.split(".");c=c||k;!(a[0]in c)&&c.execScript&&c.execScript("var "+a[0]);for(var d;a.length&&(d=a.shift());)if(!a.length&&b!==undefined)c[d]=b;else c=c[d]?c[d]:(c[d]={})},l=function(a){var b=typeof a;if(b=="object")if(a){if(a instanceof Array||!(a instanceof Object)&&Object.prototype.toString.call(a)=="[object Array]"||typeof a.length=="number"&&typeof a.splice!="undefined"&&typeof a.propertyIsEnumerable!="undefined"&&!a.propertyIsEnumerable("splice"))return"array";if(!(a instanceof Object)&&(Object.prototype.toString.call(a)=="[object Function]"||typeof a.call!="undefined"&&typeof a.propertyIsEnumerable!="undefined"&&!a.propertyIsEnumerable("call")))return"function"}else return"null";else if(b=="function"&&typeof a.call=="undefined")return"object";return b},m=function(a){return l(a)=="array"},da=function(a){var b=l(a);return b=="array"||b=="object"&&typeof a.length=="number"},n=function(a){return typeof a=="string"},ea=function(a){a=l(a);return a=="object"||a=="array"||a=="function"},fa=function(a){var b=l(a);if(b=="object"||b=="array"){if(a.clone)return a.clone.call(a);b=b=="array"?[]:{};for(var c in a)b[c]=fa(a[c]);return b}return a},ga=function(a,b){var c=b||k;if(arguments.length>2){var d=Array.prototype.slice.call(arguments,2);return function(){var e=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(e,d);return a.apply(c,e)}}else return function(){return a.apply(c,arguments)}},p=function(a,b,c){ca(a,b,c)};var q=function(a,b){a=parseFloat(a);return isNaN(a)||a>1||a<0?b:a},ha=function(a,b){if(a=="true")return h;if(a=="false")return j;return b},ia=/^([\w-]+\.)*([\w-]{2,})(\:[0-9]+)?$/,r=function(a,b){if(!a)return b;return(a=a.match(ia))?a[0]:b};var ja=function(){return r("","googleads.g.doubleclick.net")},ka=function(){return r("","pagead2.googlesyndication.com")},s=function(){return r("","pagead2.googlesyndication.com")};var t=Array.prototype,la=t.forEach?function(a,b,c){t.forEach.call(a,b,c)}:function(a,b,c){for(var d=a.length,e=n(a)?a.split(""):a,f=0;f<d;f++)f in e&&b.call(c,e[f],f,a)},ma=function(){return t.concat.apply(t,arguments)},na=function(a){if(m(a))return ma(a);else{for(var b=[],c=0,d=a.length;c<d;c++)b[c]=a[c];return b}};var u=function(a,b){this.width=a;this.height=b};u.prototype.clone=function(){return new u(this.width,this.height)};u.prototype.ceil=function(){this.width=Math.ceil(this.width);this.height=Math.ceil(this.height);return this};u.prototype.floor=function(){this.width=Math.floor(this.width);this.height=Math.floor(this.height);return this};u.prototype.round=function(){this.width=Math.round(this.width);this.height=Math.round(this.height);return this};u.prototype.scale=function(a){this.width*=a;this.height*=a;return this};var oa=function(a,b,c){for(var d in a)b.call(c,a[d],d,a)};var ua=function(a,b){if(b)return a.replace(pa,"&").replace(qa,"<").replace(ra,">").replace(sa,""");else{if(!ta.test(a))return a;if(a.indexOf("&")!=-1)a=a.replace(pa,"&");if(a.indexOf("<")!=-1)a=a.replace(qa,"<");if(a.indexOf(">")!=-1)a=a.replace(ra,">");if(a.indexOf('"')!=-1)a=a.replace(sa,""");return a}},pa=/&/g,qa=/</g,ra=/>/g,sa=/\"/g,ta=/[&<>\"]/,xa=function(a){if(a.indexOf("&")!=-1)return"document"in k&&a.indexOf("<")==-1?va(a):wa(a);return a},va=function(a){var b=k.document.createElement("a");b.innerHTML=a;b.normalize&&b.normalize();a=b.firstChild.nodeValue;b.innerHTML="";return a},wa=function(a){return a.replace(/&([^;]+);/g,function(b,c){switch(c){case "amp":return"&";case "lt":return"<";case "gt":return">";case "quot":return'"';default:if(c.charAt(0)=="#"){c=Number("0"+c.substr(1));if(!isNaN(c))return String.fromCharCode(c)}return b}})},ya=function(a,b){for(var c=b.length,d=0;d<c;d++){var e=c==1?b:b.charAt(d);if(a.charAt(0)==e&&a.charAt(a.length-1)==e)return a.substring(1,a.length-1)}return a},Aa=function(a,b){var c=0;a=String(a).replace(/^[\s\xa0]+|[\s\xa0]+$/g,"").split(".");b=String(b).replace(/^[\s\xa0]+|[\s\xa0]+$/g,"").split(".");for(var d=Math.max(a.length,b.length),e=0;c==0&&e<d;e++){var f=a[e]||"",g=b[e]||"",o=new RegExp("(\\d*)(\\D*)","g"),C=new RegExp("(\\d*)(\\D*)","g");do{var J=o.exec(f)||["","",""],K=C.exec(g)||["","",""];if(J[0].length==0&&K[0].length==0)break;c=J[1].length==0?0:parseInt(J[1],10);var Cb=K[1].length==0?0:parseInt(K[1],10);c=za(c,Cb)||za(J[2].length==0,K[2].length==0)||za(J[2],K[2])}while(c==0)}return c},za=function(a,b){if(a<b)return-1;else if(a>b)return 1;return 0};var v,Ba,w,Ca,Da,Ea,Fa,Ga,Ha,Ia=function(){return k.navigator?k.navigator.userAgent:i},x=function(){return k.navigator},Ja=function(){Da=Ca=w=Ba=v=j;var a;if(a=Ia()){var b=x();v=a.indexOf("Opera")==0;Ba=!v&&a.indexOf("MSIE")!=-1;Ca=(w=!v&&a.indexOf("WebKit")!=-1)&&a.indexOf("Mobile")!=-1;Da=!v&&!w&&b.product=="Gecko"}};Ja();var y=v,z=Ba,Ka=Da,La=w,Ma=Ca,Na=function(){var a=x();return a&&a.platform||""},Oa=Na(),Pa=function(){Ea=Oa.indexOf("Mac")!=-1;Fa=Oa.indexOf("Win")!=-1;Ga=Oa.indexOf("Linux")!=-1;Ha=!!x()&&(x().appVersion||"").indexOf("X11")!=-1};Pa();var Qa=Ea,Ra=Fa,Sa=Ga,Ta=function(){var a="",b;if(y&&k.opera){a=k.opera.version;a=typeof a=="function"?a():a}else{if(Ka)b=/rv\:([^\);]+)(\)|;)/;else if(z)b=/MSIE\s+([^\);]+)(\)|;)/;else if(La)b=/WebKit\/(\S+)/;if(b)a=(a=b.exec(Ia()))?a[1]:""}return a},Ua=Ta(),Va={},A=function(a){return Va[a]||(Va[a]=Aa(Ua,a)>=0)};var Wa=function(a){return n(a)?document.getElementById(a):a},Xa=Wa,Za=function(a,b){oa(b,function(c,d){if(d=="style")a.style.cssText=c;else if(d=="class")a.className=c;else if(d=="for")a.htmlFor=c;else if(d in Ya)a.setAttribute(Ya[d],c);else a[d]=c})},Ya={cellpadding:"cellPadding",cellspacing:"cellSpacing",colspan:"colSpan",rowspan:"rowSpan",valign:"vAlign",height:"height",width:"width",usemap:"useMap",frameborder:"frameBorder",type:"type"},$a=function(a){var b=a.document;if(La&&!A("500")&&!Ma){if(typeof a.innerHeight=="undefined")a=window;b=a.innerHeight;var c=a.document.documentElement.scrollHeight;if(a==a.top)if(c<b)b-=15;return new u(a.innerWidth,b)}a=b.compatMode=="CSS1Compat"&&(!y||y&&A("9.50"))?b.documentElement:b.body;return new u(a.clientWidth,a.clientHeight)},bb=function(){return ab(document,arguments)},ab=function(a,b){var c=b[0],d=b[1];if(z&&d&&(d.name||d.type)){c=["<",c];d.name&&c.push(' name="',ua(d.name),'"');if(d.type){c.push(' type="',ua(d.type),'"');d=fa(d);delete d.type}c.push(">");c=c.join("")}var e=a.createElement(c);if(d)if(n(d))e.className=d;else Za(e,d);if(b.length>2){d=function(g){if(g)e.appendChild(n(g)?a.createTextNode(g):g)};for(c=2;c<b.length;c++){var f=b[c];da(f)&&!(ea(f)&&f.nodeType>0)?la(cb(f)?na(f):f,d):d(f)}}return e},db=function(a,b){a.appendChild(b)},cb=function(a){if(a&&typeof a.length=="number")if(ea(a))return typeof a.item=="function"||typeof a.item=="string";else if(l(a)=="function")return typeof a.item=="function";return j};var eb=document,B=window;s();var D=function(a,b){for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.call(i,a[c],c,a)},gb=function(a,b){if(!a||!ea(a))return h;return!fb(a,b.prototype)},fb=function(a,b){if(!a)return j;var c=h;D(b,function(d,e){if(!c||!(e in a)||typeof d!=typeof a[e])c=j});return c},hb=function(a){if(arguments.length<2)return a.length;for(var b=1,c=arguments.length;b<c;++b)a.push(arguments[b]);return a.length};function E(a){return typeof encodeURIComponent=="function"?encodeURIComponent(a):escape(a)}function ib(a,b,c){var d=document.createElement("script");d.type="text/javascript";if(b)d.onload=b;if(c)d.id=c;d.src=a;var e=document.getElementsByTagName("head")[0];if(!e)return j;window.setTimeout(function(){e.appendChild(d)},0);return h}function jb(a,b){if(a.attachEvent){a.attachEvent("onload",b);return h}if(a.addEventListener){a.addEventListener("load",b,j);return h}return j}<br />function kb(a,b){a.google_image_requests||(a.google_image_requests=[]);var c=new Image;c.src=b;a.google_image_requests.push(c)}function lb(a){if(a in mb)return mb[a];return mb[a]=navigator.userAgent.toLowerCase().indexOf(a)!=-1}var mb={};function nb(){if(navigator.plugins&&navigator.mimeTypes.length){var a=navigator.plugins["Shockwave Flash"];if(a&&a.description)return a.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s)+r/,".")}else if(navigator.userAgent&&navigator.userAgent.indexOf("Windows CE")>=0){a=3;for(var b=1;b;)try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+(a+1));a++}catch(c){b=i}return a.toString()}else if(lb("msie")&&!window.opera){b=i;try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7")}catch(d){a=0;try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");a=6;b.AllowScriptAccess="always"}catch(e){if(a==6)return a.toString()}try{b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash")}catch(f){}}if(b){a=b.GetVariable("$version").split(" ")[1];return a.replace(/,/g,".")}}return"0"}function F(a){var b=a.google_ad_format;if(b)return b.indexOf("_0ads")>0;return a.google_ad_output!="html"&&a.google_num_radlinks>0}function G(a){return!!a&&a.indexOf("_sdo")!=-1}<br />function H(a,b){if(!(Math.random()<1.0E-4)){var c=Math.random();if(c<b){b=Math.floor(c/b*a.length);return a[b]}}return""}<br />var ob=function(a){a.u_tz=-(new Date).getTimezoneOffset();a.u_his=window.history.length;a.u_java=navigator.javaEnabled();if(window.screen){a.u_h=window.screen.height;a.u_w=window.screen.width;a.u_ah=window.screen.availHeight;a.u_aw=window.screen.availWidth;a.u_cd=window.screen.colorDepth}if(navigator.plugins)a.u_nplug=navigator.plugins.length;if(navigator.mimeTypes)a.u_nmime=navigator.mimeTypes.length},pb=function(a){var b=B;if(a&&b.top!=b)b=b.top;try{return b.document&&!b.document.body?new u(-1,-1):$a(b||window)}catch(c){return new u(-12245933,-12245933)}},qb=function(a,b){var c=a.length;if(c==0)return 0;b=b||305419896;for(var d=0;d<c;d++){var e=a.charCodeAt(d);b^=(b<<5)+(b>>2)+e&4294967295}return b},rb=function(a){if(a==a.top)return 0;var b=[];b.push(document.URL);a.name&&b.push(a.name);a=h;a=pb(!a);b.push(a.width.toString());b.push(a.height.toString());b=qb(b.join(""));return b>0?b:4294967296+b};var sb={google_ad_channel:"channel",google_ad_host:"host",google_ad_host_channel:"h_ch",google_ad_host_tier_id:"ht_id",google_ad_section:"region",google_ad_type:"ad_type",google_adtest:"adtest",google_allow_expandable_ads:"ea",google_alternate_ad_url:"alternate_ad_url",google_alternate_color:"alt_color",google_bid:"bid",google_city:"gcs",google_color_bg:"color_bg",google_color_border:"color_border",google_color_line:"color_line",google_color_link:"color_link",google_color_text:"color_text",google_color_url:"color_url",google_contents:"contents",google_country:"gl",google_cpm:"cpm",google_cust_age:"cust_age",google_cust_ch:"cust_ch",google_cust_gender:"cust_gender",google_cust_id:"cust_id",google_cust_interests:"cust_interests",google_cust_job:"cust_job",google_cust_l:"cust_l",google_cust_lh:"cust_lh",google_cust_u_url:"cust_u_url",google_disable_video_autoplay:"disable_video_autoplay",google_ed:"ed",google_encoding:"oe",google_feedback:"feedback_link",google_flash_version:"flash",google_font_face:"f",google_font_size:"fs",google_hints:"hints",google_kw:"kw",google_kw_type:"kw_type",google_language:"hl",google_page_url:"url",google_region:"gr",google_reuse_colors:"reuse_colors",google_safe:"adsafe",google_tag_info:"gut",google_targeting:"targeting",google_ui_features:"ui",google_ui_version:"uiv",google_video_doc_id:"video_doc_id",google_video_product_type:"video_product_type"},tb={google_ad_client:"client",google_ad_format:"format",google_ad_output:"output",google_ad_callback:"callback",google_ad_height:"h",google_ad_override:"google_ad_override",google_ad_slot:"slotname",google_ad_width:"w",google_ctr_threshold:"ctr_t",google_image_size:"image_size",google_last_modified_time:"lmt",google_max_num_ads:"num_ads",google_max_radlink_len:"max_radlink_len",google_num_radlinks:"num_radlinks",google_num_radlinks_per_unit:"num_radlinks_per_unit",google_only_ads_with_video:"only_ads_with_video",google_rl_dest_url:"rl_dest_url",google_rl_filtering:"rl_filtering",google_rl_mode:"rl_mode",google_rt:"rt",google_skip:"skip"},ub={google_only_pyv_ads:"pyv",google_with_pyv_ads:"withpyv"};function vb(a,b){try{return a.top.document.URL==b.URL}catch(c){}return j}function wb(a,b,c,d){c=c||a.google_ad_width;d=d||a.google_ad_height;if(vb(a,b))return j;var e=b.documentElement;if(c&&d){var f=1,g=1;if(a.innerHeight){f=a.innerWidth;g=a.innerHeight}else if(e&&e.clientHeight){f=e.clientWidth;g=e.clientHeight}else if(b.body){f=b.body.clientWidth;g=b.body.clientHeight}if(g>2*d||f>2*c)return j}return h}function xb(a,b){D(b,function(c,d){a["google_"+d]=c})}<br />function yb(a,b){if(!b)return a.URL;return a.referrer}function zb(a,b){if(!b&&a.google_referrer_url==i)return"0";else if(b&&a.google_referrer_url==i)return"1";else if(!b&&a.google_referrer_url!=i)return"2";else if(b&&a.google_referrer_url!=i)return"3";return"4"}function Ab(a,b,c,d){a.page_url=yb(c,d);a.page_location=i}function Bb(a,b,c,d){a.page_url=b.google_page_url;a.page_location=yb(c,d)||"EMPTY"}<br />function Db(a,b){var c={},d=wb(a,b,a.google_ad_width,a.google_ad_height);c.iframing=zb(a,d);a.google_page_url?Bb(c,a,b,d):Ab(c,a,b,d);c.last_modified_time=b.URL==c.page_url?Date.parse(b.lastModified)/1E3:i;c.referrer_url=d?a.google_referrer_url:a.google_page_url&&a.google_referrer_url?a.google_referrer_url:b.referrer;return c}function Eb(a){var b={},c=a.URL.substring(a.URL.lastIndexOf("http"));b.iframing=i;b.page_url=c;b.page_location=a.URL;b.last_modified_time=i;b.referrer_url=c;return b}<br />function Fb(a,b){b=Gb(a,b);xb(a,b)}function Gb(a,b){return a=a.google_page_url==i&&Hb[b.domain]?Eb(b):Db(a,b)}var Hb={};Hb["ad.yieldmanager.com"]=h;var Ib=q("0.2",0),Jb=q("1",0),Kb=q("0.01",0),Lb=q("0.01",0),Mb=q("0.008",0),Nb=q("0.01",0),Ob=q("0",0);var Pb=ha("false",j),Qb=ha("false",j),Rb=ha("false",j);var Sb=function(a,b,c){b=ga(b,k,a);a=window.onerror;window.onerror=b;try{c()}catch(d){c=d.toString();var e="";if(d.fileName)e=d.fileName;var f=-1;if(d.lineNumber)f=d.lineNumber;b=b(c,e,f);if(!b)throw d;}window.onerror=a};p("google_protectAndRun",Sb);var Ub=function(a,b,c,d){if(Math.random()<0.01){var e=eb;a=["http://",ka(),"/pagead/gen_204","?id=jserror","&jscb=",Pb?1:0,"&jscd=",Qb?1:0,"&context=",E(a),"&msg=",E(b),"&file=",E(c),"&line=",E(d.toString()),"&url=",E(e.URL.substring(0,512)),"&ref=",E(e.referrer.substring(0,512))];a.push(Tb());kb(B,a.join(""))}return!Rb};p("google_handleError",Ub);var Wb=function(a){Vb|=a},Vb=0,Tb=function(){var a=["&client=",E(B.google_ad_client),"&format=",E(B.google_ad_format),"&slotname=",E(B.google_ad_slot),"&output=",E(B.google_ad_output),"&ad_type=",E(B.google_ad_type)];return a.join("")};var Xb="",$b=function(){if(window.google_ad_frameborder==i)window.google_ad_frameborder=0;if(window.google_ad_output==i)window.google_ad_output="html";if(G(window.google_ad_format)){var a=window.google_ad_format.match(/^(\d+)x(\d+)_.*/);if(a){window.google_ad_width=parseInt(a[1],10);window.google_ad_height=parseInt(a[2],10);window.google_ad_output="html"}}window.google_ad_format=Yb(window.google_ad_format,window.google_ad_output,window.google_ad_width,window.google_ad_height,window.google_ad_slot,!!window.google_override_format);Xb=window.google_ad_client||"";window.google_ad_client=Zb(window.google_ad_format,window.google_ad_client);Fb(window,document);if(window.google_flash_version==i)window.google_flash_version=nb();window.google_ad_section=window.google_ad_section||window.google_ad_region||"";window.google_country=window.google_country||window.google_gl||"";a=(new Date).getTime();if(m(window.google_color_bg))window.google_color_bg=I(window.google_color_bg,a);if(m(window.google_color_text))window.google_color_text=I(window.google_color_text,a);if(m(window.google_color_link))window.google_color_link=I(window.google_color_link,a);if(m(window.google_color_url))window.google_color_url=I(window.google_color_url,a);if(m(window.google_color_border))window.google_color_border=I(window.google_color_border,a);if(m(window.google_color_line))window.google_color_line=I(window.google_color_line,a)},ac=function(a){D(sb,function(b,c){a[c]=i});D(tb,function(b,c){a[c]=i});D(ub,function(b,c){a[c]=i});a.google_container_id=i;a.google_eids=i;a.google_page_location=i;a.google_referrer_url=i;a.google_ad_region=i;a.google_gl=i},I=function(a,b){Wb(2);return a[b%a.length]},Zb=function(a,b){if(!b)return"";b=b.toLowerCase();return b=G(a)?bc(b):cc(b)},cc=function(a){if(a&&a.substring(0,3)!="ca-")a="ca-"+a;return a},bc=function(a){if(a&&a.substring(0,7)!="ca-aff-")a="ca-aff-"+a;return a},Yb=function(a,b,c,d,e,f){if(!a&&b=="html")a=c+"x"+d;return a=dc(a,e,f)?a.toLowerCase():""},dc=function(a,b,c){if(!a)return j;if(!b)return h;return c};var L=document,M=navigator,N=window;function ec(){var a=L.cookie,b=Math.round((new Date).getTime()/1E3),c=N.google_analytics_domain_name;c=typeof c=="undefined"?fc("auto"):fc(c);var d=a.indexOf("__utma="+c+".")>-1,e=a.indexOf("__utmb="+c)>-1,f=a.indexOf("__utmc="+c)>-1,g={},o=!!N&&!!N.gaGlobal;if(d){a=a.split("__utma="+c+".")[1].split(";")[0].split(".");g.sid=e&&f?a[3]+"":o&&N.gaGlobal.sid?N.gaGlobal.sid:b+"";g.vid=a[0]+"."+a[1];g.from_cookie=h}else{g.sid=o&&N.gaGlobal.sid?N.gaGlobal.sid:b+"";g.vid=o&&N.gaGlobal.vid?N.gaGlobal.vid:(Math.round(Math.random()*2147483647)^gc()&2147483647)+"."+b;g.from_cookie=j}g.dh=c;g.hid=o&&N.gaGlobal.hid?N.gaGlobal.hid:Math.round(Math.random()*2147483647);return N.gaGlobal=g}<br />function gc(){var a=L.cookie?L.cookie:"",b=N.history.length,c,d=[M.appName,M.version,M.language?M.language:M.browserLanguage,M.platform,M.userAgent,M.javaEnabled()?1:0].join("");if(N.screen)d+=N.screen.width+"x"+N.screen.height+N.screen.colorDepth;else if(N.java){c=java.awt.Toolkit.getDefaultToolkit().getScreenSize();d+=c.screen.width+"x"+c.screen.height}d+=a;d+=L.referrer?L.referrer:"";for(a=d.length;b>0;)d+=b--^a++;return hc(d)}<br />function hc(a){var b=1,c=0,d;if(!(a==undefined||a=="")){b=0;for(d=a.length-1;d>=0;d--){c=a.charCodeAt(d);b=(b<<6&268435455)+c+(c<<14);c=b&266338304;b=c!=0?b^c>>21:b}}return b}function fc(a){if(!a||a==""||a=="none")return 1;if("auto"==a){a=L.domain;if("www."==a.substring(0,4))a=a.substring(4,a.length)}return hc(a.toLowerCase())};var ic,jc,kc,lc,mc,nc,oc,pc=function(){oc=nc=mc=lc=kc=jc=ic=j;var a=Ia();if(a)if(a.indexOf("Firefox")!=-1)ic=h;else if(a.indexOf("Camino")!=-1)jc=h;else if(a.indexOf("iPhone")!=-1||a.indexOf("iPod")!=-1)kc=h;else if(a.indexOf("iPad")!=-1)lc=h;else if(a.indexOf("Android")!=-1)mc=h;else if(a.indexOf("Chrome")!=-1)nc=h;else if(a.indexOf("Safari")!=-1)oc=h};pc();var qc=function(a){var b="google_test";try{var c=a[b];a[b]=!c;if(a[b]===!c){a[b]=c;return h}}catch(d){}return j},rc=function(a){for(;a!=a.parent&&qc(a.parent);)a=a.parent;return a},O=i,sc=function(){if(!O){O=rc(window);O!=window&&Wb(4)}return O};var P=function(){this.defaultBucket=[];this.layers={};for(var a=0,b=arguments.length;a<b;++a)this.layers[arguments[a]]=""},tc=function(a){for(var b=new P,c=0,d=a.defaultBucket.length;c<d;++c)b.defaultBucket.push(a.defaultBucket[c]);D(a.layers,ga(P.prototype.f,b));return b};P.prototype.f=function(a,b){this.layers[b]=a};P.prototype.A=function(a,b){if(a=="")return"";if(!b){this.defaultBucket.push(a);return a}if(this.layers.hasOwnProperty(b))return this.layers[b]=a;return""};P.prototype.d=function(a,b,c){if(!(Math.random()<1.0E-4)&&this.q(c)){var d=Math.random();if(d<b){b=Math.floor(a.length*d/b);if(a=a[b])return this.A(a,c)}}return""};P.prototype.q=function(a){if(!a)return h;return this.layers.hasOwnProperty(a)&&this.layers[a]==""};P.prototype.g=function(a){if(this.layers.hasOwnProperty(a))return this.layers[a];return""};P.prototype.p=function(){var a=[],b=function(c){c!=""&&a.push(c)};D(this.layers,b);if(this.defaultBucket.length>0&&a.length>0)return this.defaultBucket.join(",")+","+a.join(",");return this.defaultBucket.join(",")+a.join(",")};var vc=function(a){this.a=this.S=a;uc(this)},Q,R=function(){if(Q)return Q;var a=window.google_persistent_state;if(typeof a!="object"||typeof a.S!="object"){a=window;return window.google_persistent_state=Q=new vc(a)}return Q=window.google_persistent_state},uc=function(a){S(a,1,j);S(a,2,j);S(a,3,i);S(a,4,0);S(a,5,0);S(a,6,0);S(a,7,(new Date).getTime());S(a,8,{});S(a,9,{});S(a,10,{});S(a,11,[]);S(a,13,0);S(a,12,0)},wc=function(a){switch(a){case 1:return"google_new_domain_enabled";case 2:return"google_new_domain_checked";case 3:return"google_exp_persistent";case 4:return"google_num_sdo_slots";case 5:return"google_num_0ad_slots";case 6:return"google_num_ad_slots";case 7:return"google_correlator";case 8:return"google_prev_ad_formats_by_region";case 9:return"google_prev_ad_slotnames_by_region";case 10:return"google_num_slots_by_channel";case 11:return"google_viewed_host_channels";case 12:return"google_num_slot_to_show";case 13:return"google_unique_id"}},T=function(a,b){b=wc(b);return a=a.S[b]},U=function(a,b,c){return a.S[wc(b)]=c},S=function(a,b,c){a=a.S;b=wc(b);if(a[b]===undefined)return a[b]=c;return a[b]},xc=function(a){if(T(a,1))return h;return U(a,1,!!window.google_new_domain_enabled)},yc=function(a,b){return U(a,3,b)};var V,zc,W=function(){if(V)return V;var a=R(),b=T(a,3);if(gb(b,P))return V=yc(a,new P(1,2));return V=b},Ac=function(){zc||(zc=tc(W()));return zc};var Bc={google:1,googlegroups:1,gmail:1,googlemail:1,googleimages:1,googleprint:1};function Cc(a){a=a.google_page_location||a.google_page_url;if(!a)return j;a=a.toString();if(a.indexOf("http://")==0)a=a.substring(7,a.length);else if(a.indexOf("https://")==0)a=a.substring(8,a.length);var b=a.indexOf("/");if(b==-1)b=a.length;a=a.substring(0,b);a=a.split(".");b=j;if(a.length>=3)b=a[a.length-3]in Bc;if(a.length>=2)b=b||a[a.length-2]in Bc;return b}<br />function Dc(a,b,c){var d=R();if(Cc(a))return!U(d,2,h);if(!T(d,2)){a=Math.random();if(a<=c){c="http://"+ja()+"/pagead/test_domain.js";a="script";b.write("<"+a+' src="'+c+'"></'+a+">");return U(d,2,h)}}return j}var Ec=function(a){var b=W();if(b.g(1)=="44901216")return 1==Math.floor(a/2)%2;return j};function Fc(a){var b=R();if(!Cc(a)&&xc(b))return Ec(T(b,13))?"http://"+r("","googleads2.g.doubleclick.net"):"http://"+ja();return"http://"+ka()};var X=function(a){this.B=a;this.j=[];this.i=0;this.b=[];this.u=0;this.c=[];this.s=j;this.k=this.l="";this.r=j};X.prototype.w=function(a,b){var c=this.B[b],d=this.j;this.B[b]=function(e){if(e&&e.length>0){var f=e.length>1?e[1].url:i;d.push([a,xa(e[0].url),f])}c(e)}};X.prototype.v=function(){this.i++};X.prototype.z=function(a){this.b.push(a)};var Gc="http://"+s()+"/pagead/osd.js";X.prototype.t=function(){if(!this.s){jb(B,Hc);ib(Gc);this.s=h}};X.prototype.m=function(a){if(this.i>0)for(var b=document.getElementsByTagName("iframe"),c=this.r?"google_ads_iframe_":"google_ads_frame",d=0;d<b.length;d++){var e=b.item(d);e.src&&e.name&&e.name.indexOf(c)==0&&a(e,e.src)}};X.prototype.n=function(a){var b=this.j;if(b.length>0)for(var c=document.getElementsByTagName("a"),d=0;d<c.length;d++)for(var e=0;e<b.length;e++)if(c.item(d).href==b[e][1]){var f=c.item(d).parentNode;if(b[e][2])for(var g=f,o=0;o<4;o++){if(g.innerHTML.indexOf(b[e][2])>0){f=g;break}g=g.parentNode}a(f,b[e][0]);b.splice(e,1);break}};X.prototype.o=function(a){for(var b=0;b<this.b.length;b++){var c=this.b[b],d=Ic(c);if(d)(d=document.getElementById("google_ads_div_"+d))&&a(d,c)}};X.prototype.e=function(a){this.n(a);this.o(a);this.m(a)};X.prototype.setupOsd=function(a,b,c){this.u=a;this.l=b;this.k=c};X.prototype.getOsdMode=function(){return this.u};X.prototype.getEid=function(){return this.l};X.prototype.getCorrelator=function(){return this.k};X.prototype.h=function(){return this.j.length+this.i+this.b.length};X.prototype.setValidOutputTypes=function(a){this.c=a};X.prototype.registerAdBlockByType=function(a,b,c){if(this.c.length>0){for(var d=0;d<this.c.length;d++)if(this.c[d]==a){this.r=c;if(a=="js")this.w(b,"google_ad_request_done");else if(a=="html")this.v();else a=="json_html"&&this.z(b)}this.t()}};var Ic=function(a){if((a=a.match(/[&\?](?:slotname)=([^&]+)/))&&a.length==2)return a[1];return""},Hc=function(){B.google_osd_page_loaded=h},Jc=function(){window.__google_ad_urls||(window.__google_ad_urls=new X(window));return window.__google_ad_urls};p("Goog_AdSense_getAdAdapterInstance",Jc);p("Goog_AdSense_OsdAdapter",X);p("Goog_AdSense_OsdAdapter.prototype.numBlocks",X.prototype.h);p("Goog_AdSense_OsdAdapter.prototype.findBlocks",X.prototype.e);p("Goog_AdSense_OsdAdapter.prototype.getOsdMode",X.prototype.getOsdMode);p("Goog_AdSense_OsdAdapter.prototype.getEid",X.prototype.getEid);p("Goog_AdSense_OsdAdapter.prototype.getCorrelator",X.prototype.getCorrelator);p("Goog_AdSense_OsdAdapter.prototype.setValidOutputTypes",X.prototype.setValidOutputTypes);p("Goog_AdSense_OsdAdapter.prototype.setupOsd",X.prototype.setupOsd);p("Goog_AdSense_OsdAdapter.prototype.registerAdBlockByType",X.prototype.registerAdBlockByType);var Kc=function(a,b){var c=a.nodeType==9?a:a.ownerDocument||a.document;if(c.defaultView&&c.defaultView.getComputedStyle)if(a=c.defaultView.getComputedStyle(a,""))return a[b];return i},Lc=function(a,b){return Kc(a,b)||(a.currentStyle?a.currentStyle[b]:i)||a.style[b]},Mc=function(a,b,c,d){if(/^\d+px?$/.test(b))return parseInt(b,10);else{var e=a.style[c],f=a.runtimeStyle[c];a.runtimeStyle[c]=a.currentStyle[c];a.style[c]=b;b=a.style[d];a.style[c]=e;a.runtimeStyle[c]=f;return b}},Nc=function(a){var b=a.nodeType==9?a:a.ownerDocument||a.document,c="";if(b.createTextRange){c=b.body.createTextRange();c.moveToElementText(a);c=c.queryCommandValue("FontName")}if(!c){c=Lc(a,"fontFamily");if(y&&Sa)c=c.replace(/ \[[^\]]*\]/,"")}a=c.split(",");if(a.length>1)c=a[0];return ya(c,"\"'")},Oc=/[^\d]+$/,Pc=function(a){return(a=a.match(Oc))&&a[0]||i},Qc={cm:1,"in":1,mm:1,pc:1,pt:1},Rc={em:1,ex:1},Sc=function(a){var b=Lc(a,"fontSize"),c=Pc(b);if(b&&"px"==c)return parseInt(b,10);if(z)if(c in Qc)return Mc(a,b,"left","pixelLeft");else if(a.parentNode&&a.parentNode.nodeType==1&&c in Rc){a=a.parentNode;c=Lc(a,"fontSize");return Mc(a,b==c?"1em":b,"left","pixelLeft")}c=bb("span",{style:"visibility:hidden;position:absolute;line-height:0;padding:0;margin:0;border:0;height:1em;"});db(a,c);b=c.offsetHeight;c&&c.parentNode&&c.parentNode.removeChild(c);return b};var Y={};function Tc(a){if(a==1)return h;return!Y[a]}function Uc(a,b){if(!(!a||a==""))if(b==1)if(Y[b])Y[b]+=","+a;else Y[b]=a;else Y[b]=a}function Vc(){var a=[];D(Y,function(b){a.push(b)});return a.join(",")}function Wc(a,b){if(m(a))for(var c=0;c<a.length;c++)n(a[c])&&Uc(a[c],b)}var Z=j;function Xc(a,b){var c="script";Z=Yc(a,b);if(!Z)a.google_allow_expandable_ads=j;var d=!Zc();Z&&d&&b.write("<"+c+' src="http://'+s()+'/pagead/expansion_embed.js"></'+c+">");a=Dc(a,b,Jb);(d=d||a)&&lb("msie")&&!window.opera?b.write("<"+c+' src="http://'+s()+'/pagead/render_ads.js"></'+c+">"):b.write("<"+c+'>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</'+c+">")}function $(a){return a!=i?'"'+a+'"':'""'}<br />var $c=function(a,b){var c=b.slice(-1),d=c=="?"||c=="#"?"":"&",e=[b];b=function(f,g){if(f||f===0||f===j){if(typeof f=="boolean")f=f?1:0;hb(e,d,g,"=",E(f));d="&"}};D(a,b);return e.join("")};function ad(){var a=z&&A("6"),b=Ka&&A("1.8.1"),c=La&&A("525");if(Ra&&(a||b||c))return h;else if(Qa&&(c||b))return h;else if(Sa&&b)return h;return j}<br />function Zc(){return(typeof ExpandableAdSlotFactory=="function"||typeof ExpandableAdSlotFactory=="object")&&typeof ExpandableAdSlotFactory.createIframe=="function"}function Yc(a,b){if(a.google_allow_expandable_ads===j||!b.body||a.google_ad_output!="html"||wb(a,b)||!bd(a)||isNaN(a.google_ad_height)||isNaN(a.google_ad_width)||!ad())return j;return h}function bd(a){var b=a.google_ad_format;if(G(b))return j;if(F(a)&&b!="468x15_0ads_al")return j;return h}<br />function cd(){var a;if(B.google_ad_output=="html"&&!(F(B)||G(B.google_ad_format))&&Tc(0)){a=["6083035","6083034"];a=H(a,Ob);Uc(a,0)}return a=="6083035"}function dd(a,b){var c=R();if(T(c,13)>0||G(a.google_ad_format))return"";c="";a=F(a);if(b=="html"||a)c=H(["36815001","36815002"],Kb);if(c==""&&(b=="js"||a))c=H(["36815003","36815004"],Lb);if(c==""&&(b=="html"||b=="js"))c=H(["36813005","36813006"],Mb);return c}<br />function ed(){var a=Jc(),b=window.google_enable_osd,c;if(b===h){c="36813006";fd(c,a)}else if(b!==j&&Tc(0)){c=a.getEid();if(c=="")(c=dd(window,window.google_ad_output))&&fd(c,a);else if(c!="36815001"&&c!="36815002"&&c!="36815003"&&c!="36815004"&&c!="36813005"&&c!="36813006")c=""}if(c){Uc(c,0);return c}return""}<br />function fd(a,b){var c=b.getOsdMode(),d=[];switch(a){case "36815004":c=1;d=["js"];break;case "36815002":c=1;d=["html"];break;case "36813006":c=0;d=["html","js"];break}d.length>0&&b.setValidOutputTypes(d);d=R();b.setupOsd(c,a,T(d,7).toString())}<br />function gd(a,b,c,d){var e=R();e=U(e,13,T(e,13)+1);c=$c({ifi:e},c);c=c.substring(0,1992);c=c.replace(/%\w?$/,"");var f="script";if((a.google_ad_output=="js"||a.google_ad_output=="json_html")&&(a.google_ad_request_done||a.google_radlink_request_done))b.write("<"+f+' language="JavaScript1.1" src='+$(ba(c))+"></"+f+">");else if(a.google_ad_output=="html")if(Z&&Zc()){b=a.google_container_id||d||i;a["google_expandable_ad_slot"+e]=ExpandableAdSlotFactory.createIframe("google_ads_frame"+e,ba(c),a.google_ad_width,a.google_ad_height,b)}else{d='<iframe name="google_ads_frame" width='+$(a.google_ad_width)+" height="+$(a.google_ad_height)+" frameborder="+$(a.google_ad_frameborder)+" src="+$(ba(c))+' marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no"></iframe>';a.google_container_id?hd(a.google_container_id,b,d):b.write(d)}return c}function id(a){ac(a)}<br />function jd(a){var b=Ac().g(2)=="44901217";if(!kd(b))return j;b=cd();var c=Fc(window);a=ld(a);b=c+md(a.google_ad_format,b);window.google_ad_url=$c(a,b);return h}<br />var pd=function(a){a.dt=aa;a.shv="r20100325";var b=R(),c=T(b,8),d=window.google_ad_section,e=window.google_ad_format,f=window.google_ad_slot;if(c[d])G(e)||(a.prev_fmts=c[d]);var g=T(b,9);if(g[d])a.prev_slotnames=g[d].toLowerCase();if(e){if(!G(e))if(c[d])c[d]+=","+e;else c[d]=e}else if(f)if(g[d])g[d]+=","+f;else g[d]=f;a.correlator=T(b,7);if(T(b,2)&&!xc(b))a.dblk=1;if(window.google_ad_channel){c=T(b,10);d="";e=window.google_ad_channel.split(nd);for(f=0;f<e.length;f++){g=e[f];if(c[g])d+=g+"+";else c[g]=h}a.pv_ch=d}if(window.google_ad_host_channel){b=od(window.google_ad_host_channel,T(b,11));a.pv_h_ch=b}if(Pb)a.jscb=1;if(Qb)a.jscd=1;a.frm=window.google_iframing;b=ec();a.ga_vid=b.vid;a.ga_sid=b.sid;a.ga_hid=b.hid;a.ga_fc=b.from_cookie;a.ga_wpids=window.google_analytics_uacct},qd=function(a){var b=h;if(b=pb(b)){a.biw=b.width;a.bih=b.height}},rd=function(a){var b=rb(window);if(b!=0)a.ifk=b.toString()};function od(a,b){var c=a.split("|");a=-1;for(var d=[],e=0;e<c.length;e++){var f=c[e].split(nd);b[e]||(b[e]={});for(var g="",o=0;o<f.length;o++){var C=f[o];if(C!="")if(b[e][C])g+="+"+C;else b[e][C]=h}g=g.slice(1);d[e]=g;if(g!="")a=e}b="";if(a>-1){for(e=0;e<a;e++)b+=d[e]+"|";b+=d[a]}return b}function sd(){var a=["44901212","44901216"];W().d(a,Ib,1);a=["44901218","44901217"];W().d(a,Nb,2)}<br />function td(){sc();var a=R();0==T(a,13)&&sd();a=ed();var b=Math.random()<0.01,c=i,d="";if(b){d="google_temp_span";c=ud(d)}b=jd(c);c&&c.id==d&&(c&&c.parentNode?c.parentNode.removeChild(c):i);if(b){c=gd(window,document,window.google_ad_url);a&&Jc().registerAdBlockByType(window.google_ad_output,c,j);id(window)}}<br />var vd=function(a){D(tb,function(b,c){a[b]=window[c]});D(sb,function(b,c){a[b]=window[c]});D(ub,function(b,c){a[b]=window[c]})},wd=function(a){Wc(window.google_eids,1);a.eid=Vc();var b=Ac().p();if(a.eid.length>0&&b.length>0)a.eid+=",";a.eid+=b};function xd(a,b,c,d){a=Ub(a,b,c,d);Xc(window,document);return a}function yd(){$b()}<br />function zd(a){var b={};a=a.split("?");a=a[a.length-1].split("&");for(var c=0;c<a.length;c++){var d=a[c].split("=");if(d[0])try{b[d[0].toLowerCase()]=d.length>1?window.decodeURIComponent?decodeURIComponent(d[1].replace(/\+/g," ")):unescape(d[1]):""}catch(e){}}return b}function Ad(){var a=window,b=zd(document.URL);if(b.google_ad_override){a.google_ad_override=b.google_ad_override;a.google_adtest="on"}}<br />function hd(a,b,c){if(a)if((a=b.getElementById(a))&&c&&c.length!=""){a.style.visibility="visible";a.innerHTML=c}}<br />var md=function(a,b){return a=G(a)?"/pagead/sdo?":b?"/pagead/render_iframe_ads.html#":"/pagead/ads?"},Bd=function(a,b){b.dff=Nc(a);b.dfs=Sc(a)},Cd=function(a){a.ref=window.google_referrer_url;a.loc=window.google_page_location},kd=function(a){var b=R(),c=T(b,8),d=T(b,9),e=window.google_ad_section;if(G(window.google_ad_format)){if(U(b,4,T(b,4)+1)>4&&!a)return j}else if(F(window)){if(U(b,5,T(b,5)+1)>3&&!a)return j}else{var f=U(b,6,T(b,6)+1);if(window.google_num_slots_to_rotate){Wb(1);c[e]="";d[e]="";T(b,12)||U(b,12,(new Date).getTime()%window.google_num_slots_to_rotate+1);if(T(b,12)!=f)return j}else if(!a&&f>6&&e=="")return j}return h},ld=function(a){var b={};vd(b);pd(b);ob(b);a&&Bd(a,b);qd(b);rd(b);wd(b);Cd(b);b.fu=Vb;return b},ud=function(a){var b=window.google_container_id&&Xa(window.google_container_id)||Xa(a);if(!b&&!window.google_container_id&&a){document.write("<span id="+a+"></span>");b=Xa(a)}return b},nd=/[+, ]/;window.google_render_ad=td;function Dd(){if(Rb&&typeof B.alternateShowAds=="function")B.alternateShowAds.call(i);else{Ad();Sb("show_ads.google_init_globals",xd,yd);Xc(window,document)}}Sb("show_ads.main",Ub,Dd);})()<br /><br />//--><br /></script><script src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"><br /></script><script src="http://googleads.g.doubleclick.net/pagead/test_domain.js"><br /></script><script><br />google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);<br /></script><ins style="border: medium none; display: inline-table; height: 60px; margin: 0pt; padding: 0pt; position: relative; visibility: visible; width: 468px;"><ins style="border: medium none; display: block; height: 60px; margin: 0pt; padding: 0pt; position: relative; visibility: visible; width: 468px;"><iframe allowtransparency="true" frameborder="0" height="60" hspace="0" id="google_ads_frame1" marginheight="0" marginwidth="0" name="google_ads_frame" scrolling="no" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3067059563042255&format=468x60_as&output=html&h=60&w=468&lmt=1270261869&channel=3462423379&ad_type=text&alternate_ad_url=http%3A%2F%2Fekstreme.com%2Fadscodes%2F&color_bg=FFFFFF&color_border=FFFFFF&color_link=9E7700&color_text=000000&color_url=3366FF&flash=10.0.42&url=http%3A%2F%2Fekstreme.com%2Fbuttonmaker&ui=rc%3A0&dt=1270261872421&shv=r20100325&correlator=1270261872431&frm=0&ga_vid=606216175.1270261872&ga_sid=1270261872&ga_hid=1459927165&ga_fc=0&u_tz=420&u_his=2&u_java=0&u_h=768&u_w=1024&u_ah=740&u_aw=1024&u_cd=32&u_nplug=2&u_nmime=3&biw=1024&bih=553&eid=44901212&ref=http%3A%2F%2Fekstreme.com%2Ftools&fu=0&ifi=1&dtd=50&xpc=BPFOO9k8vL&p=http%3A//ekstreme.com" style="left: 0pt; position: absolute; top: 0pt;" vspace="0" width="468"></iframe></ins></ins></div><div class="entry"><br /><br />Website buttons (like the one shown below) are very popular these days: the largest directory of website buttons (Steal These Buttons, see <a href="http://ekstreme.com/buttonmaker#stb">below</a>) contains over 3000 buttons.<br /><br />This page allows you to make your own website button. Any questions, feedback, or improvement suggestions, please <a href="http://ekstreme.com/contact.php">contact me</a>.<br /><br /><h2>Example website buttons</h2>The following buttons were produced using the Enhanced Website Button Maker:<br /><br /><ul><li><img alt="Enhanced Button Maker logo" height="15" src="http://1.1.1.5/bmi/ekstreme.com/support/buttonmaker/button-maker.png" title="Enhanced Button Maker" width="80" /> The official <a href="http://ekstreme.com/buttonmaker/">Website Buttons Maker</a> button.</li><br /><li><img alt="PHPCounter" height="15" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/phpcounter-button.png" title="PHPCounter button" width="80" /> A website button for the <a href="http://ekstreme.com/phpcounter/">PHP website analytics script, PHPCounter</a>.</li><br /><li><img alt="RSS syndicate button" height="15" src="http://1.1.1.1/bmi/ekstreme.com/support/buttonmaker/rss-syndicate.png" title="RSS syndicate button" width="80" /> A button for linking to your RSS syndication feed.</li><br /><li><img alt="RSS valid button" height="15" src="http://1.1.1.4/bmi/ekstreme.com/support/buttonmaker/rssvalid.png" title="RSS valid button" width="80" /> A button for showing that your RSS is valid.</li><br /><li><img alt="W3C valid CSS button" height="15" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/W3C-css.png" title="W3C valid CSS button" width="80" /> A button for showing that your <a href="http://jigsaw.w3.org/css-validator/">CSS is validated</a>.</li><br /><li><img alt="W3C valid XHTML button" height="15" src="http://1.1.1.5/bmi/ekstreme.com/support/buttonmaker/W3C-xhtml1.0.png" title="W3C valid XHTML button" width="80" /> A button for showing that your <a href="http://validator.w3.org/">XHTML is validated</a>.</li><br /></ul><h2>Website Button maker output</h2><div id="ButtonMakerOutput" style="border: 1px solid red; margin-bottom: 2em; margin-top: 2em; padding: 1em; text-align: center;"><div><em>Your website button:</em> <img alt="website button output of Enhanced Website Button Maker" src="http://ekstreme.com/support/buttonmaker/buttonmaker.php?width=80&height=15&BarPosition=25&LeftTextStart=4&LeftTextTop=10&RightTextStart=2&RightTextTop=10&FontSize=6&LeftString=RSS&RightString=VALID&FontName=silkscreen&OuterBorder=666666&InnerBorder=FFFFFF&BarColor=FFFFFF&LeftBackground=FF6600&LeftColor=FFFFFF&RightBackground=898E79&RightColor=FFFFFF" title="website button output of Enhanced Website Button Maker" /></div></div><form action="/buttonmaker/" id="ButtonMaker" method="post"><h2>Anatomy of a button</h2>Please refer to the enlarged website button image for help<br /><br /><div style="margin: 0px auto; text-align: center;"><img alt="Enhanced Website button maker website button help image" height="161" src="http://1.1.1.2/bmi/ekstreme.com/support/buttonmaker/anatomy-of-a-button.jpg" title="Enhanced website button maker website button help image" width="355" /></div>Click on the <img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /> image to open the color chooser.<br /><br /><h2>Dimensions</h2><div class="legal">If you plan to submit your button to Steal These Buttons, please read the note below.</div><div class="ButtonMakerFormDiv"><label for="width">Button width</label> <input id="width" name="width" type="text" value="80" /> (in pixels)</div><div class="ButtonMakerFormDiv"><label for="height">Button height</label> <input id="height" name="height" type="text" value="15" /> (in pixels)</div><h2>Border colors</h2><div class="ButtonMakerFormDiv"><label for="OuterBorder">Outer border color</label> <input id="OuterBorder" name="OuterBorder" type="text" value="666666" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['OuterBorder'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="InnerBorder">Inner border color</label> <input id="InnerBorder" name="InnerBorder" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['InnerBorder'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Bar</h2><div class="ButtonMakerFormDiv"><label for="BarColor">Bar color</label> <input id="BarColor" name="BarColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['BarColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="BarPosition">Bar position</label> <input id="BarPosition" name="BarPosition" type="text" value="25" /> (pixels from left edge)</div><h2>Left Panel</h2><div class="ButtonMakerFormDiv"><label for="LeftString">Left panel text</label> <input id="LeftString" name="LeftString" type="text" value="RSS" /></div><div class="ButtonMakerFormDiv"><label for="LeftTextStart">Left panel text position</label> <input id="LeftTextStart" name="LeftTextStart" type="text" value="4" /> (pixels from left edge of panel)</div><div class="ButtonMakerFormDiv"><label for="LeftTextTop">Left panel text top</label> <input id="LeftTextTop" name="LeftTextTop" type="text" value="10" /> (pixels from top edge)</div><div class="ButtonMakerFormDiv"><label for="LeftBackground">Left panel background color</label> <input id="LeftBackground" name="LeftBackground" type="text" value="FF6600" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['LeftBackground'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="LeftColor">Left panel text color</label> <input id="LeftColor" name="LeftColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['LeftColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Right Panel</h2><div class="ButtonMakerFormDiv"><label for="RightString">Right panel text</label> <input id="RightString" name="RightString" type="text" value="VALID" /></div><div class="ButtonMakerFormDiv"><label for="RightTextStart">Right panel text position</label> <input id="RightTextStart" name="RightTextStart" type="text" value="2" /> (pixels from left edge of panel)</div><div class="ButtonMakerFormDiv"><label for="RightTextTop">Right panel text top</label> <input id="RightTextTop" name="RightTextTop" type="text" value="10" /> (pixels from top edge)</div><div class="ButtonMakerFormDiv"><label for="RightBackground">Right panel background color</label> <input id="RightBackground" name="RightBackground" type="text" value="898E79" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['RightBackground'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><div class="ButtonMakerFormDiv"><label for="RightColor">Right panel text color</label> <input id="RightColor" name="RightColor" type="text" value="FFFFFF" /><a href="javascript:TCP.popup(document.forms['ButtonMaker'].elements['RightColor'],%201)"><img alt="Choose color" height="13" src="http://1.1.1.3/bmi/ekstreme.com/support/buttonmaker/sel.gif" title="Choose color" width="15" /></a> (in hex)</div><h2>Font</h2><div class="legal">If you plan to submit your button to Steal These Buttons, please read the note below.</div><em>International characters: All of the fonts except Silkscreen</em> support internation characters to some degree, so try them all to see which one you like best. Chrysanthi Unicode and Cyberbit contain complete the unicode character set.<br /><br /><div class="ButtonMakerFormDiv"><label for="FontName">Font:</label> <select id="FontName" name="FontName"><option value="silkscreen">Silkscreen</option><option value="arial">Arial</option><option value="augie">Augie</option><option value="calligrapher-regular">Calligrapher Regular</option><option value="courier">Courier</option><option value="movieola-titletype">Movieola Titletype</option><option value="olde-english">Olde English</option><option value="pookie">Pookie</option><option value="vera">Bitstream Vera</option><option value="chrysanthi-unicode">Chrysanthi Unicode</option><option value="cyberbit">Cyberbit</option></select><div class="ButtonMakerFormDiv"><label for="FontSize">Font size</label> <input id="FontSize" name="FontSize" type="text" value="6" /></div></div><div class="ButtonMakerFormDiv"><input name="submit" type="submit" value="Create website button" /> * <input name="reset" type="reset" value="reset" /></div></form><div><a href="" name="stb"> </a></div><h2><a href="" name="stb">Note for Steal These Buttons submissions</a></h2><a href="http://www.gtmcknight.com/buttons/">Steal These Buttons</a> is the largest directory of website buttons containing over 3000 free website buttons. If you plan to submit your button to Steal These Buttons, please note that they accept <em>only Silkscreen as the font</em> and that the <em>image size must be 80x15 pixels</em>. You can share the buttons created on this page by using the Steal These Buttons <a href="http://www.gtmcknight.com/buttons/make.php">upload form</a>.<br /><br /><h2>Credits</h2>The Enhanced Website Button Maker was inspired by the <a href="http://www.kalsey.com/tools/buttonmaker/">Button Maker by Adam Kalsey</a>, but I wanted one with more features like different fonts, etc.<br /><br />The fonts used in this script come from various sources: <a href="http://www.kottke.org/plus/type/silkscreen/">Silkscreen</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">augie</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">movieola titletype</a>, <a href="http://www.speakeasy.org/%7Eecf/alphabet.htm">pookie</a>, <a href="http://www.highfonts.com/fontsearch.asp?f=0&ord=olde+english">Olde English</a>, and <a href="http://www.highfonts.com/fontsearch.asp?f=0&ord=Calligrapher">Calligrapher</a>. Thanks to all their authors for sharing these nice fonts!<br /><br />I spent too much time browsing the <a href="http://www.gtmcknight.com/buttons/">Steal These Buttons</a>. If you want to share the buttons created on this page, use their <a href="http://www.gtmcknight.com/buttons/make.php">upload form</a>.<br /><br />The color chooser is the <a href="http://www.softcomplex.com/products/tigra_color_picker/" title="Free JavaScript Color Picker by Softcomplex">Tigra JavaScript Color Picker</a>.<br /><br />Listed in <a href="http://www.lsblogs.com/"><img alt="LS Blogs" border="0" src="http://1.1.1.1/bmi/www.lsblogs.com/img/lsblo_small.gif" /></a><br /><br /><script type="text/javascript"><br /><!--<br />var TCP=new TColorPicker();function TCPopup(field,palette){this.field=field;this.initPalette=!palette||palette>3?0:palette;var w=194,h=240,move=screen?',left='+((screen.width-w)>>1)+',top='+((screen.height-h)>>1):'',o_colWindow=window.open('/support/buttonmaker/picker.html',null,"help=no,status=no,scrollbars=no,resizable=no"+move+",width="+w+",height="+h+",dependent=yes",true);o_colWindow.opener=window;o_colWindow.focus();}<br />function TCBuildCell(R,G,B,w,h){return '<td bgcolor="#'+this.dec2hex((R<<16)+(G<<8)+B)+'"><a href="javascript:P.S(\''+this.dec2hex((R<<16)+(G<<8)+B)+'\')" onmouseover="P.P(\''+this.dec2hex((R<<16)+(G<<8)+B)+'\')"><img src="pixel.gif" width="'+w+'" height="'+h+'" border="0"></a></td>';}<br />function TCSelect(c){this.field.value=c.toUpperCase();this.win.close();}<br />function TCPaint(c,b_noPref){c=(b_noPref?'':'#')+c.toUpperCase();if(this.o_samp)<br />this.o_samp.innerHTML='<font face=Tahoma size=2>'+c+' <font color=white>'+c+'</font></font>'<br />if(this.doc.layers)<br />this.sample.bgColor=c;else{if(this.sample.backgroundColor!=null)this.sample.backgroundColor=c;else if(this.sample.background!=null)this.sample.background=c;}}<br />function TCGenerateSafe(){var s='';for(j=0;j<12;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++)<br />s+=this.bldCell(k*51+(j%2)*51*3,Math.floor(j/2)*51,i*51,8,10);s+="</tr><br />";}<br />return s;}<br />function TCGenerateWind(){var s='';for(j=0;j<12;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++)<br />s+=this.bldCell(i*51,k*51+(j%2)*51*3,Math.floor(j/2)*51,8,10);s+="</tr><br />";}<br />return s}<br />function TCGenerateMac(){var s='';var c=0,n=1;var r,g,b;for(j=0;j<15;j++){s+="<br /><tr>";for(k=0;k<3;k++)<br />for(i=0;i<=5;i++){if(j<12){s+=this.bldCell(255-(Math.floor(j/2)*51),255-(k*51+(j%2)*51*3),255-(i*51),8,10);}else{if(n<=14){r=255-(n*17);g=b=0;}else if(n>14&&n<=28){g=255-((n-14)*17);r=b=0;}else if(n>28&&n<=42){b=255-((n-28)*17);r=g=0;}else{r=g=b=255-((n-42)*17);}<br />s+=this.bldCell(r,g,b,8,10);n++;}}<br />s+="</tr><br />";}<br />return s;}<br />function TCGenerateGray(){var s='';for(j=0;j<=15;j++){s+="<br /><tr>";for(k=0;k<=15;k++){g=Math.floor((k+j*16)%256);s+=this.bldCell(g,g,g,9,7);}<br />s+='</tr><br />';}<br />return s}<br />function TCDec2Hex(v){v=v.toString(16);for(;v.length<6;v='0'+v);return v;}<br />function TCChgMode(v){for(var k in this.divs)this.hide(k);this.show(v);}<br />function TColorPicker(field){this.build0=TCGenerateSafe;this.build1=TCGenerateWind;this.build2=TCGenerateGray;this.build3=TCGenerateMac;this.show=document.layers?function(div){this.divs[div].visibility='show'}:function(div){this.divs[div].visibility='visible'};this.hide=document.layers?function(div){this.divs[div].visibility='hide'}:function(div){this.divs[div].visibility='hidden'};this.C=TCChgMode;this.S=TCSelect;this.P=TCPaint;this.popup=TCPopup;this.draw=TCDraw;this.dec2hex=TCDec2Hex;this.bldCell=TCBuildCell;this.divs=[];}<br />function TCDraw(o_win,o_doc){this.win=o_win;this.doc=o_doc;var<br />s_tag_openT=o_doc.layers?'layer visibility=hidden top=54 left=5 width=182':'div style=visibility:hidden;position:absolute;left:6px;top:54px;width:182px;height:0',s_tag_openS=o_doc.layers?'layer top=32 left=6':'div',s_tag_close=o_doc.layers?'layer':'div'<br />this.doc.write('<'+s_tag_openS+' id=sam name=sam><table cellpadding=0 cellspacing=0 border=1 width=181 align=center class=bd><br /><tr><td align=center height=18><div id="samp"><br /><br /><font face=Tahoma size=2>sample <font color=white>sample</font></font></div></td></tr><br /></table></'+s_tag_close+'>');this.sample=o_doc.layers?o_doc.layers['sam']:o_doc.getElementById?o_doc.getElementById('sam').style:o_doc.all['sam'].style<br />for(var k=0;k<4;k++){this.doc.write('<'+s_tag_openT+' id="p'+k+'" name="p'+k+'"><table cellpadding=0 cellspacing=0 border=1 align=center>'+this['build'+k]()+'</table></'+s_tag_close+'>');this.divs[k]=o_doc.layers?o_doc.layers['p'+k]:o_doc.all?o_doc.all['p'+k].style:o_doc.getElementById('p'+k).style}<br />if(!o_doc.layers&&o_doc.body.innerHTML)<br />this.o_samp=o_doc.all?o_doc.all.samp:o_doc.getElementById('samp');this.C(this.initPalette);if(this.field.value)this.P(this.field.value,true)}<br /><br />//--><br /></script></div></div><!--//-->

Website Button Maker

Website buttons (like the one shown below) are very popular these days: the largest directory of website buttons (Steal These Buttons, see ...

Read more »