tag:blogger.com,1999:blog-52158372408419399112024-02-20T11:15:17.849-08:00Sahabat BloggerBelajar tips trik dan tutorialDuasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-5215837240841939911.post-10971618618687174702010-02-12T12:41:00.000-08:002010-02-12T12:50:01.326-08:00Membuat Meta BlogCatalog<div align="justify">Sekali lagi sebagus apapun <strong>blog</strong>,jika tak <strong>terindex mesin pencari</strong> sama saja bohong khan? itu sebabnya kali ini <a href="http://pelajaran-blog.blogspot.com/2009/04/membuat-meta-blogcatalog.html"><strong>Pelajaran Blog</strong></a> membahas tentang <strong>membuat meta blogcatalog</strong>.<br />Awalnya memang tidak bisa di pastikan bahwa <strong>meta</strong> ini bisa di jadikan referensi agar <strong>cepat terindex mesin pencari</strong>,<strong>Google</strong> pada khususnya.Tapi setelah beberapa hari,salah satu teman terbaik saya,yang menyebut dirinya "<strong><i>Cah Donorejo</i></strong>",seperti nama yang dia pakai saat berkomentar pada <strong>blog</strong> ini,memberi tahu saya bahwa meta yang diberikan <strong>BC</strong>,sangat efektif dan memang terbukti <strong>cepat terindex Google</strong>.<hr alt="membuat meta blogcatalog" title="belajar membuat blog" size="1"><br /><b>Seberapa akuratkah meta BlogCatalog?</b><br />Jika kurang yakin,ketikkan kata kunci "<strong><a href="http://pelajaran-blog.blogspot.com/" target="_blank">Supaya Cepat Terindex Google</a></strong>" pada <strong>www.google.com</strong>,inget ya bukan <strong>www.google.co.id</strong>(jika terset google.co.id,pilih tulisan "<strong>Google.com in English</strong>") dan ketikkan kata kunci di atas.<hr alt="meta BC BlogCatalog" title="Pelajaran Blog" pada="" saat="" artikel="" ini="" hasil="" pencarian="" dari="" size="1"><strong><a href="http://cepat-terindex-google.blogspot.com/2009/04/supaya-cepat-terindex-google.html" target="_blank">Supaya cepat terindex google</a></strong>" di <strong><a href="http://www.google.com/">Google</a></strong> ,<a href="http://cepat-terindex-google.blogspot.com/" target="_blank">http://cepat-terindex-google.blogspot.com/</a>,klik <strong><a href="http://www.google.com/#hl=en&q=supaya+cepat+terindex+google&btnG=Google+Search&aq=f&oq=supaya+cepat+terindex+google&fp=1&cad=b" target="_blank">disini</a> </strong>untuk melihat. menempati posisi pertama.<br><br>Klik link tersebut untuk menuju halamannya dan klik kanan lalu "<i><strong>View Source</strong></i>",disitu dia meletakkan beberapa meta,dan <strong>meta blogcatalog</strong> salah satunya.<br><hr alt="cepat terindex google" title="membuat blog catalog meta bro" size="1">**Tapi,jika sudah berubah wajar dunk,khan algoritma google juga selalu berubah-ubah.<br>Ini membuktikan bahwa setelah dia meletakkan meta <strong>BC</strong>,bukan sesuatu yang sulit untuk <strong>cepat terindex mesin pencari</strong>.<hr alt="blogcatalog mesin pencari meta" title="Belajar Menghias Blog" size="1"><b>Bagaimana saya bisa mendapatkan Meta BlogCatalog?</b>Contoh dari <strong>meta</strong> ini(saya ambil dari meta <strong>BC</strong> dari blog ini) seperti di bawah ini:<hr alt="catalogblog meta di buat" title="Pelajaran Blog membuat meta blogcatalog" size="1"><code><strong><meta content='9BC9206xxx' name='blogcatalog'/></strong><br></code><hr alt="membuat meta terindex google" title="pelajaran blog" style="font-size: 78%;">Untuk mendapatkannya cukup mudah,anda hanya kunjungi<span style="text-decoration: underline;"> </span><a href="http://www.blogcatalog.com/" target="_blank"><strong>http://www.blogcatalog.com/</strong></a>,setelah itu <strong><a href="http://www.blogcatalog.com/blogs/submit_blog.html" target="_blank">Sign Up</a></strong>,di sebelah kanan bagian atas(jika belum berubah).<br>Setelah itu,tulis dan isikan form seperti yang diinstruksikan,untuk <strong>username</strong>,biasanya <strong>BlogCatalog</strong> tidak mengizinkan 2 kata nama yang dipisahkan dengan spasi.<br><br>Setelah anda mengisi semua form dan data dari <strong>blog</strong> anda,lalu klik tombol "<strong>Submit Blog</strong>".<br>Tunggu beberapa saat dan akan muncul halaman link setelah anda memferivikasi email dari <strong>BC</strong> tentunya.<br>Copy salah satu kode link <strong>BlogCatalog</strong> kedalam HTML anda.<br><hr alt="cepat membuat blogcatalog" title="pelajaran blog" size="1"><br><h3>Lalu dimana Meta nya?</h3><br>Meta ini oleh <strong>BC</strong>,diletakkan paling bawah,copy kode tersebut dan letakkan pada halaman HTML anda di bawah kode <code><strong><head></strong></code><br><strong>Simpan</strong>.<strong>Selesai</strong>.<br><hr alt="selesai membuat meta blogcatalog" size="1"><br /><br />Sumber : <a href="http://pelajaran-blog.blogspot.com/2009/04/membuat-meta-blogcatalog.html">pelajaran-blog.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-19568457784557214892010-02-12T12:18:00.000-08:002010-02-12T12:23:56.844-08:00Membuat Meta y_key pada Yahoo Add My Site<div align="justify"><h2>Apakah anda sudah mempunyai meta y_key?</h2><br>Meskipun saat ini <strong>meta</strong> sudah tidak begitu vital diterapkan sebagai langkah untuk <a href="http://www.seo-indonesia.com/"><strong>Search Engine Optimation(SEO)</strong></a>,tapi masih banyak <a href="http://www.blogger.com/"><strong>blogger-blogger</strong></a> papan atas menggunakan langkah ini.<br><br>Selain meta diskripsi dan keyword yang sering diterapkan (meta ini di letakkan di antara <code><head></code> dan <code></head></code>)seperti:<br><br>Contoh meta untuk diskripsi di <strong>pelajaran-blog.blogspot.com</strong>:<br><hr alt="y_keys" title="belajar menghias blog" size="1"><code><meta content='</code>Pelajaran tentang cara membuat blog di blogspot,juga belajar tentang menghias blog,membuat sambil blogging belajar menghias blogger khusus untuk pemula' name='description'/><br><br>**Untuk menjelaskan <i>diskripsi</i> dari blog tersebut<br><hr alt="y_key 1" size="1">Contoh meta untuk <i>keyword</i> di <strong>pelajaran-blog.blogspot.com</strong>:<br><span style="font-family: monospace;"><hr size="1"></span><code><meta content='</code>pelajaran blog,cara membuat blog,belajar menghias blog,untuk pemula,blogspot,blogger,blogging' name='keywords'/><br><br>**Untuk menjeaskan kata kunci untuk menuju blog tersebut<br><hr alt="y k y" size="1">Nah!yang akan kita bahas kali ini,adalah <a href="http://www.webmasterworld.com/"><strong>meta y_key</strong></a>.<hr size="1"><b>Bagaimana saya bisa mendapatkan meta y_key?</b><strong>Meta y_key</strong> adalah meta yang dimiliki oleh <a href="http://www.yahoo.com/"><strong>Yahoo</strong></a>,maka kita harus mempunyai account di <strong>Yahoo</strong>,sebelum mensubmit <strong>blog</strong> kita ke directory mereka.<br><br>Contoh bentuk meta yang di berikan,nantinya akan seperti ini :<br><hr alt="me+ta+y+key" title="khusus untuk pemula" size="1"><code><code><meta content='32bf6291ec6ec61f' name='y_key'/></code></code><br><hr alt="meta y_key,seo,yahoo" title="Pelajaran Blog" style="font-size: 78%;"><br />Langkah pertama,masuk <a href="http://pelajaran-blog.blogspot.com/">Yahoo</a> dengan ID Yahoo anda yang masih valid tentunya,untuk lebih cepat anda bisa kunjungi di <a href="http://siteexplorer.search.yahoo.com/" target="_blank">https://siteexplorer.search.yahoo.com/</a>.<br><br>Selanjutnya,masukkan alamat URL blog anda,lalu klik <strong>Add My Site</strong>.<br><br>Setelah itu,anda di hadapkan halaman bahwa anda telah mensubmit URL <strong>blog</strong> anda,pada tabel keterangan nya disitu ada kolom Sites,Feeds,Action dan Status pada kolom terakhir.<br><br>Nah! pada kolom Status,hanya diperlihatkan sebuah object berbentuk bulat,klik tanda bulat tersebut untuk melihat status.<br>Selanjutnya anda akan di hadapkan 2 pilihan.<br><ul><li>By uploading a verification file to my site.</li><li>By adding a META tag to my home page</li></ul>Pilih tanda segitiga pada tulisan "By adding a META tag to my home page" dan copy kode <strong>y_key</strong> nya,yang mana ya?<br>Yang mirip seperti ini:<br><hr alt="meta,membuat y_key" title="Pelajaran Tentang Blog" size="1"><strong><META name="y_key" content="</strong><strong>xxxxxxxxxxxxxxxx"></strong><hr alt="tag meta y dan keys" title="Pelajaran Blog" size="1">Kode diatas hanya contoh kodenya,tulisan "x" diatas adalah nomor key blog anda.<br>Copy kode tersebut dan letakkan di bawah kode <code><head></code> pada halaman <strong>HTML</strong> anda lalu Simpan Template anda.<br>Setelah anda berhasil meletakkan kodenya,kembali ke halaman account <strong>Yahoo</strong> dimana anda baru saja mengcopy kode tadi,setelah itu klik Tombol "<strong>Ready to Authenticate</strong>",dan tunggu sampai muncul halaman yang memberi tahu bahwa <strong>y_key</strong> anda telah berhasil untuk difungsikan.<br><br>Contoh tulisan jika sudah berhasil kurang lebih seperti ini :<br><hr size="1"><strong>Your site has been authenticated</strong><br><br>If you have added the META tag <code><META name="y_key" content="</code><meta name="y_key" content="xxxxxxxxxxxxxxxx" >, please keep the tag in your site's home page. We will revalidate your site ownership by checking this META tag regularly.<br><br>If you have uploaded the verification file, please keep the file y_key_xxxxxxxxxxxxxxxx.html on your site root http://alamat-blog-anda.com and do not change the content (xxxxxxxxxxxxxxx). We will revalidate your site ownership by checking this file regularly.<br><hr alt="error ykey" title="sedang belajar yukies" size="1"><b>Saat saya meletakkan y_key, koq Error ya?</b>Error,mungkin hanya disebabkan kode yang tidak ditutup dengan benar.Memang dari <strong>Yahoo</strong> sendiri,memberikan kode yang seperti ini:<hr alt="yekeyes" title="Pelajaran Blog" size="1"><strong><META name="y_key" content="</strong><strong>xxxxxxxxxxxxxxxx"></strong><hr alt="yanke" title="Belajar Menghias Blog" size="1">Anda tinggal disuruh menyisipkan tanda "/" pada akhir kode,yang nantinya menjadi seperti ini:<hr alt="Cara Membuat Blog" title="Garis Pelajaran Blog" size="1"><strong><META name="y_key" content="</strong><strong>xxxxxxxxxxxxxxxx"</strong><strong>/></strong><hr alt="pelajaran-blog.blogspot.com/" title="yunkies" size="1">Dalam waktu kurang lebih 24 jam,Bibi Yahoo akan segera mengindex anda. :)<br /><br />Sumber : <a href="http://pelajaran-blog.blogspot.com/2009/04/membuat-meta-ykey.html">pelajaran-blog.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-28691076013586265302010-02-12T11:56:00.000-08:002010-02-12T14:17:22.691-08:00Tentang SEO<div align="justify"><h1>SEO (Search Engine Optimization)</h1><br />Merupakan langkah/kiat menuju pengoptimalan dalam hal ini masalah Search Engine. Sebagus apapun sebuah situs,jika tak dapat direkam/ditangkap/di indexoleh mesin pencari,sama halnya dengan sia-sia.Dengan terindex mesin pencari kemungkinan situs kita akan di lihat oleh seluruh orang di dunia ini akan semakin besar.Banyak di jumpai blog yang bagus, namun kurang optimalnya kiat dalam peng-index-an.<br>Dibawah ini salah satu langkah peletakkan meta tags agar terindex mesin pencari : <br><br />Kode ini cukup anda letakkan di bawah kode <b><strong></strong></b><strong><b> <head></b>.<b></b></strong><hr style="font-size: 78%;"><code><meta content='<span style="color: rgb(128, 0, 0);">nama anda</span>' name='Author'/><br><meta content='<span style="color: rgb(128, 0, 0);">Tulis Diskripsi Blog</span>' name='description'/><br><meta content='<span style="color: rgb(128, 0, 0);">Tulis Kata Kunci Blog</span>' name='keywords'/><br><meta content='follow, all' name='robots'/></code><br><hr size="1"><br>Atau jika anda ingin menambah <b><strong></strong></b><strong><b> meta</b><b></b></strong> yang lain,coba kunjungi <a href="http://www.freewebsubmission.com/meta-tags.html" style="text-decoration: none; font-weight: bold;"> disini</a><br>Anda juga bisa menggunakan langkah-langkah<b><strong></strong></b><strong> <b> SEO</b></strong> ala <a href="http://pelajaran-blog.blogspot.com/" style="text-decoration: none; font-weight: bold;"><b><strong></strong></b><strong>pelajaran-blog.blogspot.com</strong></a><strong></strong>.<br>Adapun langkah-langkahnya,anda simak di bawah ini : <hr size="1"><ul><li>Gunakan nama<b><strong></strong></b><strong> <b> blog</b> <b></b></strong>yang tidak terlalu panjang.</li><li>Gunakan kode <b><strong></strong></b><strong><b> <h1></b><b></b></strong> pada awal artikel.</li><li>Jika anda meletakkan gambar jangan lupa tuliskan kode <b><strong></strong></b><strong><b>alt</b><b></b></strong>="<span style="color: rgb(128, 0, 0);">nama blog<br>anda</span>" .(contoh :<b><strong></strong></b><strong> <b><span style="color: rgb(128, 0, 0);"> <img src="http://bla-bla-bla.jpg"alt="nama<br>blog anda"></span></b><b></b></strong></li><li>Tambahkan <b> URL</b> anda ke <b><strong></strong></b><strong><b>Altavista</b>,<b>Alltheweb</b>,<b>MSN</b>,<b>Yahoo</b><b></b></strong> dan <b><strong></strong></b><strong>submitter<b></b></strong> yang lain.</li><li>Perbanyak teman <b> blog</b> untuk memasang<b><strong></strong></b><strong> <b> Link blog</b><b></b></strong> kita.</li><li>Berkomentarlah di kotak komentar sebuah <b><strong></strong></b><strong><b> blog</b><b></b></strong> yang sudah cukup terkenal.</li><li>Buatlah <b><strong></strong></b><strong><b> Blogroll blog-blog</b> <b></b></strong>terkemuka.</li><li>Jika perlu ngemis <b> blogger</b> lain untuk me<b><strong></strong></b><strong><b> link</b><b></b></strong> kan<b><strong></strong></b><strong> <b> link</b><b></b></strong> kita.</li><li>Chatting,lampirkan alamat <b> blog</b> kamu,karena semakin jauh jangkauan<b><strong></strong></b><strong> <b> IP </b><b></b></strong><br>seorang pengunjung,akan meningkatkan<b><strong></strong></b><strong> <b> PageRank</b> <b></b></strong>kita.</li><li>Buatlah<b> </b><b><strong></strong></b><strong><b>SiteMap </b><b></b></strong></li><li>Update selalu.</li><li>Berikan tanda<b><strong></strong></b><strong> <b> Bold / Huruf tebal</b> <b></b></strong>pada setiap kata yang berkaitan dengan<br>nama <b><strong></strong></b><strong><b> blog</b><b></b></strong> anda.</li></ul><hr size="1">Semoga,langkah-langkah diatas sedikit bisa membantu anda agar ter <b><strong></strong></b><strong><b>index</b><b></b></strong> oleh mesin pencari.<br /><br />Sumber : <a href="http://pelajaran-blog.blogspot.com/2009/03/apa-itu-seo.html">pelajaran-blog.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-62856872031819798132010-02-12T11:45:00.000-08:002010-02-13T19:51:04.429-08:00Mendaftarkan Blog di Google<div align="justify"><span style="font-weight: bold;">Mendaftarkan Blog di Google</span><br />Langkah ini merupakan keharusan jika kita ingin publikasi. Search engine sendiri banyak sekali, namun berdasarkan pengalaman dengan joomla cukuplah dengan mendaftarkan di google.com, yahoo.com dan msn.com (karena ketiga search engine inilah yang sampai saat ini masih mendominasi di dunia internet).<br /><br />Pertama kali pertama kita coba mendaftarkan blog kita ke Google<br /><br />Siapkan sebuah email gmail.com, silahkan mendaftar jika belum mendaftar (gratis) dan saya rasa semua sudah bisa kan.<br /><br />Tambahan <span style="font-weight: bold;">webmaster tool </span>dari google. Jika anda sudah membuat, silahkan masuk dan akan tertampil gambar seperti berikut.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLekTjyYyQPotkE_QZnuMrZQewKmFVRVCkImTmT5cBCoLvz3gFwi1ixLQLk6iYLCOwNRWptSL-hpQjUVtEXnZpQGHrWkwi9NO3a6mNQQcAwa7xh2QAqvJY5Inr1S2GR46GLBF1HI6vvtk/s1600-h/google-add-blog.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 118px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLekTjyYyQPotkE_QZnuMrZQewKmFVRVCkImTmT5cBCoLvz3gFwi1ixLQLk6iYLCOwNRWptSL-hpQjUVtEXnZpQGHrWkwi9NO3a6mNQQcAwa7xh2QAqvJY5Inr1S2GR46GLBF1HI6vvtk/s320/google-add-blog.jpg" alt="" id="BLOGGER_PHOTO_ID_5296464716606336642" border="0"></a><br /><br />Silahkan mengetikkan alamat URL blog dan klik Add.Misalnya: http://blackinews.blogspot.com/<br /><br />Kalau langkah tersebut sudah anda lewati, maka akan muncul gambar berikut<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRAQJ0ZRPBvXsmExPD6rkSJBEdhRU6MbzFcMCpvBuyOIqZHTPTpbGGpjldK3EBTvNlUGtv2VFH7vgD4WexaUgHXuSRYn_ChhZuDogzufO6oRQ4fXjf_LaLmHh2gptzwZ2429qtXBL56n0/s1600-h/succes-add-blog.jpg"><img style="cursor: pointer; width: 320px; height: 93px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRAQJ0ZRPBvXsmExPD6rkSJBEdhRU6MbzFcMCpvBuyOIqZHTPTpbGGpjldK3EBTvNlUGtv2VFH7vgD4WexaUgHXuSRYn_ChhZuDogzufO6oRQ4fXjf_LaLmHh2gptzwZ2429qtXBL56n0/s320/succes-add-blog.jpg" alt="" id="BLOGGER_PHOTO_ID_5296465574211232258" border="0"></a><br /></p><p>(Perhatikan blackinews.blogspot.com sudah masuk)<br /><br />Selanjutnya akan saya terangkan cara <a href="http://blackinews.blogspot.com/2009/01/blogspot-tutorial-verifikasi-blog-di.html">verifikasi blogspot</a> anda sebagai berikut :<br /><br />Melanjutkan dari tutorial sebelumnya <a href="http://blackinews.blogspot.com/2009/01/blogspot-tutorial-mendaftarkan-blog-di.html">add black in news with google</a>.<br /><br />Langkah kedua setelah mendaftarkan blog kita ke google, maka selanjutnya kita diminta oleh google untuk memverifikasi blog kita, atau biasa diistilahkan dengan verified.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk6oTFGLExTrXIkP9i7l5cgnCEv0dqmJtemHF-9AyOfR1VH5nLz3lmnuPvh8Oy7gj-Ph_ZUCy7IgVOCRvhD1n7tl89rVkgNWDomD33TuBJKrgv-XsCYwOAO9Zg4zQ06cPBrVeQfB7NC1Y/s1600-h/succes-add-blog.jpg"><img style="cursor: pointer; width: 320px; height: 93px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk6oTFGLExTrXIkP9i7l5cgnCEv0dqmJtemHF-9AyOfR1VH5nLz3lmnuPvh8Oy7gj-Ph_ZUCy7IgVOCRvhD1n7tl89rVkgNWDomD33TuBJKrgv-XsCYwOAO9Zg4zQ06cPBrVeQfB7NC1Y/s320/succes-add-blog.jpg" alt="" id="BLOGGER_PHOTO_ID_5296644122947062866" border="0"></a><br /></p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4DSERatfp-dzAVhosMNApx_DrfhQutTamMpF51xlGXo96UbsuHFNrcOlJLZsyC2sLbbqzuIJI81GNIlwGGlYix55g1vhyphenhyphenbfw7699XqDMKyRDDppbiFP2Y6hJOG4YrI_uU87A6EDiOkzI/s1600-h/blackidea-verified.jpg"><img style="cursor: pointer; width: 320px; height: 60px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4DSERatfp-dzAVhosMNApx_DrfhQutTamMpF51xlGXo96UbsuHFNrcOlJLZsyC2sLbbqzuIJI81GNIlwGGlYix55g1vhyphenhyphenbfw7699XqDMKyRDDppbiFP2Y6hJOG4YrI_uU87A6EDiOkzI/s320/blackidea-verified.jpg" alt="" id="BLOGGER_PHOTO_ID_5296642291022635794" border="0"></a><br /><br />Proses verifikasi sendiri ada dua: (dipilih salah satu)<br /></p><ol><li>Menambahkan meta tag</li><li>Upload HTML file</li></ol>Namun pada blogspot, paling mudah adalah dengan memilih metode pertama.<br /><br />Nah cara menambahkan meta tag adalah:<br /><br /><p>Pilih “add a meta tag” seperti gambar berikut.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikSgjgToRZYe1fe11SyFqMmkpJURcJx_rIPqZ0t8rqCbxB-Wke935PzHs7F_pMs2lqhNNvrWS4A5SoyDvg6B0UbtXjrZsVFS1FUXMXZARHDFopY0UoahTeCkVQIQKID-MGot6RT_e5UOY/s1600-h/blackidea-meta-tag.jpg"><img style="cursor: pointer; width: 267px; height: 41px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikSgjgToRZYe1fe11SyFqMmkpJURcJx_rIPqZ0t8rqCbxB-Wke935PzHs7F_pMs2lqhNNvrWS4A5SoyDvg6B0UbtXjrZsVFS1FUXMXZARHDFopY0UoahTeCkVQIQKID-MGot6RT_e5UOY/s320/blackidea-meta-tag.jpg" alt="" id="BLOGGER_PHOTO_ID_5296642891515822994" border="0"></a><br /><br />Lalu akan muncul kode-kode yang di dalam sebuah kotak.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguowf7SKTNnL0juUh1D-dxOp3FKwHVpf0iQwLjlbBzCjDnN154WeyZuhSY7yD0rscGihulB-lot7UkRYkFydjjHx7Z_9ceGsIDKApF9gD24wtO3Kd8pJ5ena1iIkxOF_zNM_OusX4isqI/s1600-h/blackidea-meta-code.jpg"><img style="cursor: pointer; width: 320px; height: 32px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguowf7SKTNnL0juUh1D-dxOp3FKwHVpf0iQwLjlbBzCjDnN154WeyZuhSY7yD0rscGihulB-lot7UkRYkFydjjHx7Z_9ceGsIDKApF9gD24wtO3Kd8pJ5ena1iIkxOF_zNM_OusX4isqI/s320/blackidea-meta-code.jpg" alt="" id="BLOGGER_PHOTO_ID_5296643122972861362" border="0"></a><br /><br />Biasanya diawali meta name<br /><br />Nah, jangan bingung itu kode yang Anda butuhkan yang nantinya akan ditambahkan di template blog yang kita pakai.<br /><br />Sekarang masuk ke blog rekan-rekan blacky account blogspot masing-masing<br />Pilih pengaturan >> edit html. Silahkan lihat gambar<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbzPQbyFosu0MFD_A-fF9nsDOxo1rEgb4KKDwrpNymROhG2x6fmkkeVIcrYL75F5xf5N3a-4NHL4XtMoVF1kPHjD3PALSuxcUjdeRerWqaltPAgbTdCCV7_SqLa_zb2WcckV6Q8ScM9So/s1600-h/blackidea-html.jpg"><img style="cursor: pointer; width: 320px; height: 98px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbzPQbyFosu0MFD_A-fF9nsDOxo1rEgb4KKDwrpNymROhG2x6fmkkeVIcrYL75F5xf5N3a-4NHL4XtMoVF1kPHjD3PALSuxcUjdeRerWqaltPAgbTdCCV7_SqLa_zb2WcckV6Q8ScM9So/s320/blackidea-html.jpg" alt="" id="BLOGGER_PHOTO_ID_5296644117991217970" border="0"></a><br />Sekarang rekan-rekan black idea harus mencari tag <b><head></b><br /><br />Lalu copy meta name tadi yang kita dapat dari google dan paste di bawah <b><head></b>, atau sebelum kode <b></head></b><br /><br />Jangan lupa untuk menyimpan setiap editing yang dilakukan dengan meng-klik simpan template yang ada di pojok bagian bawah.<br /><br />Langkah terakhir dalam proses verifikasi adalah di account webmaster google tool.<br /><br />Sekarang bubuhkan centang pada seperti terlihat pada gambar dan klik verify.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_a4EKdo5kiS-iElCdTiEFFm41b70wMX_fz2qqkX_dU06pU6MmnWkPD0JIL-7ucKoQb_jHD1r74sAFpcAmKnVwdVRk2F5pfQ3bFMfawwoWRRaHztihMU7jjDebqCcaTykkjl94BpMVtU/s1600-h/blackidea-verify.jpg"><img style="cursor: pointer; width: 320px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_a4EKdo5kiS-iElCdTiEFFm41b70wMX_fz2qqkX_dU06pU6MmnWkPD0JIL-7ucKoQb_jHD1r74sAFpcAmKnVwdVRk2F5pfQ3bFMfawwoWRRaHztihMU7jjDebqCcaTykkjl94BpMVtU/s320/blackidea-verify.jpg" alt="" id="BLOGGER_PHOTO_ID_5296644806900408882" border="0"></a><br /><br />Dan kalau sukses maka akan muncul seperti gambar seperti berikut.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodq8eDj9THtlTDu_dM10iKQK20lEgQY2ukZM0x9qbxYgCJ4t26enGz5aqey5JD-F6x4X-yyhEwLFqKf4AtXrfISMIFoa5RhMuzBgksBATxJhPfLFfzWGPsLxAEWrFLg1c_gVAAIkm_Yg/s1600-h/blackidea-success.jpg"><img style="cursor: pointer; width: 320px; height: 43px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodq8eDj9THtlTDu_dM10iKQK20lEgQY2ukZM0x9qbxYgCJ4t26enGz5aqey5JD-F6x4X-yyhEwLFqKf4AtXrfISMIFoa5RhMuzBgksBATxJhPfLFfzWGPsLxAEWrFLg1c_gVAAIkm_Yg/s320/blackidea-success.jpg" alt="" id="BLOGGER_PHOTO_ID_5296644121815057298" border="0"></a><br /><br />Sumber : <a href="http://blackinews.blogspot.com/2009/01/blogspot-tutorial-verifikasi-blog-di.html">blackinews.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-2435487136688326802010-02-11T03:34:00.000-08:002010-02-11T05:38:31.045-08:00SEO Properties<center><script src="http://www.mypagerank.net/services/sn/servicesn_js.php"></script></center><br /><br /><center><script src="http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php"></script></center><br /><br /><center><script src="http://www.mypagerank.net/services/gbla/servicegbla_js.php"></script></center><br /><br /><center><script src="http://www.mypagerank.net/services/metatags/servicemetatags_js.php"></script></center><br /><br /><center><!--Link preview code powered Mypagerank.net--><br /><script language="javascript" src="http://www.mypagerank.net/services/linkpreview/linkPreview.js"></script><br /><!--Link preview code powered Mypagerank.net--></center>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-8768084983164340952010-02-10T19:23:00.000-08:002010-02-13T19:59:01.869-08:00Meta Title, Description dan Keyword di Blogger<div align="justify">Tulisan ini berjudul selengkapnya <a href="http://www.o-om.com/2009/10/mengungkap-semua-rahasia-tersembunyi.html">Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger</a> yang saya ambil dari blognya mas O-Om. Bigi sobat yang mau mempelajari secara lengkap silahkan kunjungi dengan mengklik link judul diatas.<br /><br /><b>OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD - CARA I</b><br /><br />Cara pertama dibawah ini bisa kita gunakan untuk melakukan optimasi pada Meta Description dan Meta keyword, kita dapat melihat perbedaan pada setiap hasil temuan pada mesin pencari dimana setiap halaman memiliki tambahan meta tertentu sesuai dengan judul postingan (lihat rumus).<br /><br />Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan mengganti karakter ditandai warna <font color="#ff0000">merah</font> dibawah.</div><br /><div align="left"><br /><font color="#008000"><b:if cond='data:blog.pageType != "item"'><br /><br /><meta content='</font><font color="#ff0000">Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap</font><font color="#008000">' name='description'/><br /><br /><meta content='</font><font color="#ff0000">Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS</font><font color="#008000">' name='keywords'/><br /><b:else/><br /><br /><meta expr:content='data:blog.pageName + "</font><font color="#ff0000">Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap</font><font color="#008000">" name='description'/> <meta expr:content='data:blog.pageName + "</font><font color="#ff0000"> Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS</font><font color="#008000">" name='keywords'/><br /><br /></b:if></font><br /><br /><b>Contoh Rumus hasil pencarian pada halaman index.</b><br /><br /><font color="#0000ff"><BLOG TITLE></font><br /><Meta Description><br /><span class="green"><font color="#008000"><URL></font></span><br /><br /><font face="Arial"><font color="#0000ff">Prediksi soal CPNS terlengkap</font><br /><font size="2"><font color="#ff0000">Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap<i>.</i></font><br /></font><span class="green"><font color="#008000" size="2">www.cobacobaaja.com </font><font color="#6666ff" size="2">- Tembolok - Mirip</font></span></font><br /><br />Contoh Rumus hasil pencarian pada halaman Postingan.<br /><br /><font color="#0000ff"><POST TITLE></font><br /><Post Title> <Meta Description><br /><span class="green"><font color="#008000"><URL></font></span><br /><font face="Arial"><font color="#0000ff">Rahasia kunci jawaban soal CPNS tahun 2009</font><br /><br /></font><font color="#ff0000">Rahasia kunci jawaban soal CPNS tahun 2009</font><font face="Arial"><font size="2"><font color="#ff0000"> - Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.</font><br /></font><span class="green"><font color="#008000" size="2">www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml </font><font color="#6666ff" size="2">-Tembolok - Mirip</font></span></font></div><br /><div align="justify"><br /><b>OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD - CARA II</b><br /><br />Cara yang kedua hampir sama dengan cara yang pertama, yang berbeda hanya pada deskripsi pada halaman postingan (lihat rumus).<br /><br />Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan mengganti karakter ditandai warna <font color="#ff0000">merah</font> dibawah.</div><br /><div align="left"><br /><font color="#008000"><b:if cond='data:blog.pageType != "item "'><br /><br /><meta content='</font><font color="#ff0000">Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap</font><font color="#008000">' name='description'/><br /><br /><meta content='</font><font color="#ff0000">Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS</font><foncolor="#008000">' name='keywords'/><br /><br /><b:else/><br /><br /><meta expr:content='data:blog.pageTitle + " <font color="#ff0000"> Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap</font><font color="#008000">" name='description'/><br /><meta expr:content='data:blog.pageTitle + " </font><font color="#ff0000"><br />Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS</font><font color="#008000">" name='keywords'/><br /><br /></b:if></font><br /><br />Contoh Rumus hasil pencarian pada halaman index.<br /><font color="#0000ff"><BLOG TITLE></font><br /><Meta Description><br /><span class="green"><font color="#008000"><URL></font></span><br /><br /><font face="Arial"><font color="#0000ff">Prediksi soal CPNS dari UGM</font><br /><br /><font size="2"><font color="#ff0000">Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap<i>.</i></font><br /></font><span class="green"><font color="#008000" size="2">www.cobacobaaja.com </font><font color="#6666ff" size="2">- Tembolok - Mirip</font></span></font><br /><br />Contoh Rumus hasil pencarian pada halaman Postingan<br /><font color="#0000ff"><POST TITLE></font><br /><Blog Title> <Post Title> <Meta Description><br /><br /><span class="green"><font color="#008000"><URL></font></span><br /><br /><font face="Arial"><font color="#0000ff">Dowload gratis rahasia kunci jawaban soal CPNS tahun 2009</font><br /></font><font color="#ff0000">Prediksi soal CPNS terlengkap: Download gratis rahasia kunci jawaban soal CPNS tahun 2009 - Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.</font><font face="Arial"><font size="2"><br /></font><span class="green"><font color="#008000" size="2">www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml </font><font color="#6666ff" size="2">-Tembolok - Mirip</font></span></font></div><br /><br /><div align="justify"><br />Cara pertama dan kedua diatas terus terang sama bagusnya, jadi silahkan pilih salah satu saja. OK! Semua teknik rahasia SEO pada sebagian Meta Tag sudah saya ungkap semuanya, jadi silahkan dipelajari dengan seksama dan semoga berhasil.<br /><br />Sumber : Diambil dari Blog sobat<a href="http://www.o-om.com/2009/10/mengungkap-semua-rahasia-tersembunyi.html"> O-Om.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-31159638781671904202010-02-10T17:37:00.000-08:002010-02-10T17:55:37.042-08:00Memasang Symbol Emotion pada postingan<div align="justify"><strong>Berikut ini cara Memasang Symbol Emotion pada postingan</strong><br /><br />1. Pertama-tama yang harus tersedia adalah Mozilla Firefox yang berversi 1.5 atau diatasnya. Kalau belum silahkan download <a style="font-weight: bold;" href="http://pagead2.googlesyndication.com/pagead/iclk?sa=l&amp;amp;amp;amp;amp;amp;amp;amp;num=0&client=ca-ref-pub-1993574238248685&adurl=http://tools.google.com/firefox/toolbar/bundle/%3Fai%3DB-zlWgtKVRqOrJZW2sgKDpOnsDNGe8hfNwsftAcWNtwEAEAEg9sXUBDgBUOHd82Rgy5uChcAXmAGFkwagAbWVyP0DsgEcd29sdmVyaW5leDAyLmdvb2dsZXBhZ2VzLmNvbcgBAdoBN2h0dHA6Ly93b2x2ZXJpbmV4MDIuZ29vZ2xlcGFnZXMuY29tL2Vtb3RpY29uc2ZvcmJsb2dnZXKAAgGoAwM&ai=B0xYZgtKVRqOrJZW2sgKDpOnsDNGe8hfNwsftAcWNtwEAEAEg9sXUBDgBUN62yOUFYMubgoXAF5gBhZMGoAG1lcj9A7IBHHdvbHZlcmluZXgwMi5nb29nbGVwYWdlcy5jb23IAQHaATdodHRwOi8vd29sdmVyaW5leDAyLmdvb2dsZXBhZ2VzLmNvbS9lbW90aWNvbnNmb3JibG9nZ2VygAIBqAMD">Firefox Google Toolbar</a><br /><br />2. Setelah download lalu Install <a style="font-weight: bold;" href="https://addons.mozilla.org/firefox/748/">Greasemonkey</a> (aku pun xtau fungsi Grease Monkey untuk apa sebenarnya.)<br /><br />3. Setelah itu <a href="http://ien247.googlepages.com/YahooMessenger.user.js"><span style="font-weight: bold;">Install Script ini.</span></a> <br /><br />4. Selanjutnya cari kode ini <span style="color: rgb(51, 51, 255);">]]></b:skin></span> dan paste kode yang berwarna merah seperti di bawah ini.<br /><br /><span style="color: rgb(255, 0, 0);"></span><blockquote><span style="color: rgb(255, 0, 0);">img.emoticon {</span><br><span style="color: rgb(255, 0, 0);">padding: 0;</span><br><span style="color: rgb(255, 0, 0);">margin: 0;</span><br><span style="color: rgb(255, 0, 0);">border: 0;</span><br><span style="color: rgb(255, 0, 0);">}</span><br><br><span style="color: rgb(51, 51, 255);">]]></b:skin></span></blockquote><span style="color: rgb(51, 51, 255);"></span><br /><br />5. Setelah selesai, boleh lihat hasilnya seperti di bawah ini.<br><br /><div style="text-align: center;"><img src="http://img295.imageshack.us/img295/6185/smileyzzrd3.jpg"></div><br /><br />Sumber : dari <a href="http://teranung.blogspot.com/2007/11/memasang-emotion.html">teranung.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-54456276908013773092010-02-10T16:15:00.000-08:002010-02-10T16:52:05.697-08:00Kode Warna HTML 2Disini saya sediakan informasi kode warna. Sebelumnya ada juga saya posting kode yang memakai kode RGB, dapat anda <a href="http://bannersahabatswamitra.blogspot.com/2010/02/colour-code-html.html">lihat disini</a><br /><br /><span style="font-size: 85%;"></span><p></p><p></p><table bordercolorlight="#E9CFEC" bordercolordark="#FFFFFF" title="Hexadecimal HTML Color Codes and Names" style="color: rgb(105,105,105);" border="1" cellpadding="0" cellspacing="0" height="4913" width="100%"><tbody><tr bg="" style="color: rgb(255,255,255);"><td height="19" width="25%"><span style="color: rgb(0, 0, 0);"><strong>COLOR NAME</strong></span></td><td height="19" width="25%"><span style="color: rgb(0, 0, 0);"><strong>CODE</strong></span></td><td height="19" width="50%"><span style="color: rgb(0, 0, 0);"><strong>COLOR</strong></span></td></tr><tr><td height="19"><strong>Black</strong></td><td height="19"><strong>#000000</strong></td><td bgcolor="#000000" height="19"><br></td></tr><tr><td height="19"><strong>Grey0</strong></td><td height="19"><strong>#150517</strong></td><td bgcolor="#150517" height="19"><br></td></tr><tr><td height="19"><strong>Grey18</strong></td><td height="19"><strong>#250517</strong></td><td bgcolor="#250517" height="19"><br></td></tr><tr><td height="19"><strong>Grey21</strong></td><td height="19"><strong>#2B1B17</strong></td><td bgcolor="#2b1b17" height="19"><br></td></tr><tr><td height="19"><strong>Grey23</strong></td><td height="19"><strong>#302217</strong></td><td bgcolor="#302217" height="19"><br></td></tr><tr><td height="19"><strong>Grey24</strong></td><td height="19"><strong>#302226</strong></td><td bgcolor="#302226" height="19"><br></td></tr><tr><td height="19"><strong>Grey25</strong></td><td height="19"><strong>#342826</strong></td><td bgcolor="#342826" height="19"><br></td></tr><tr><td height="19"><strong>Grey26</strong></td><td height="19"><strong>#34282C</strong></td><td bgcolor="#34282c" height="19"><br></td></tr><tr><td height="19"><strong>Grey27</strong></td><td height="19"><strong>#382D2C</strong></td><td bgcolor="#382d2c" height="19"><br></td></tr><tr><td height="19"><strong>Grey28</strong></td><td height="19"><strong>#3b3131</strong></td><td bgcolor="#3b3131" height="19"><br></td></tr><tr><td height="19"><strong>Grey29</strong></td><td height="19"><strong>#3E3535</strong></td><td bgcolor="#3e3535" height="19"><br></td></tr><tr><td height="19"><strong>Grey30</strong></td><td height="19"><strong>#413839</strong></td><td bgcolor="#413839" height="19"><br></td></tr><tr><td height="19"><strong>Grey31</strong></td><td height="19"><strong>#41383C</strong></td><td bgcolor="#41383c" height="19"><br></td></tr><tr><td height="19"><strong>Grey32</strong></td><td height="19"><strong>#463E3F</strong></td><td bgcolor="#463e3f" height="19"><br></td></tr><tr><td height="19"><strong>Grey34</strong></td><td height="19"><strong>#4A4344</strong></td><td bgcolor="#4a4344" height="19"><br></td></tr><tr><td height="19"><strong>Grey35</strong></td><td height="19"><strong>#4C4646</strong></td><td bgcolor="#4c4646" height="19"><br></td></tr><tr><td height="19"><strong>Grey36</strong></td><td height="19"><strong>#4E4848</strong></td><td bgcolor="#4e4848" height="19"><br></td></tr><tr><td height="19"><strong>Grey37</strong></td><td height="19"><strong>#504A4B</strong></td><td bgcolor="#504a4b" height="19"><br></td></tr><tr><td height="19"><strong>Grey38</strong></td><td height="19"><strong>#544E4F</strong></td><td bgcolor="#544e4f" height="19"><br></td></tr><tr><td height="19"><strong>Grey39</strong></td><td height="19"><strong>#565051</strong></td><td bgcolor="#565051" height="19"><br></td></tr><tr><td height="19"><strong>Grey40</strong></td><td height="19"><strong>#595454</strong></td><td bgcolor="#595454" height="19"><br></td></tr><tr><td height="19"><strong>Grey41</strong></td><td height="19"><strong>#5C5858</strong></td><td bgcolor="#5c5858" height="19"><br></td></tr><tr><td height="19"><strong>Grey42</strong></td><td height="19"><strong>#5F5A59</strong></td><td bgcolor="#5f5a59" height="19"><br></td></tr><tr><td height="19"><strong>Grey43</strong></td><td height="19"><strong>#625D5D</strong></td><td bgcolor="#625d5d" height="19"><br></td></tr><tr><td height="19"><strong>Grey44</strong></td><td height="19"><strong>#646060</strong></td><td bgcolor="#646060" height="19"><br></td></tr><tr><td height="19"><strong>Grey45</strong></td><td height="19"><strong>#666362</strong></td><td bgcolor="#666362" height="19"><br></td></tr><tr><td height="19"><strong>Grey46</strong></td><td height="19"><strong>#696565</strong></td><td bgcolor="#696565" height="19"><br></td></tr><tr><td height="19"><strong>Grey47</strong></td><td height="19"><strong>#6D6968</strong></td><td bgcolor="#6d6968" height="19"><br></td></tr><tr><td height="19"><strong>Grey48</strong></td><td height="19"><strong>#6E6A6B</strong></td><td bgcolor="#6e6a6b" height="19"><br></td></tr><tr><td height="19"><strong>Grey49</strong></td><td height="19"><strong>#726E6D</strong></td><td bgcolor="#726e6d" height="19"><br></td></tr><tr><td height="19"><strong>Grey50</strong></td><td height="19"><strong>#747170</strong></td><td bgcolor="#747170" height="19"><br></td></tr><tr><td height="19"><strong>Grey</strong></td><td height="19"><strong>#736F6E</strong></td><td bgcolor="#736f6e" height="19"><br></td></tr><tr><td height="19"><strong>Slate Grey4</strong></td><td height="19"><strong>#616D7E</strong></td><td bgcolor="#616d7e" height="19"><br></td></tr><tr><td height="19"><strong>Slate Grey</strong></td><td height="19"><strong>#657383</strong></td><td bgcolor="#657383" height="19"><br></td></tr><tr><td height="19"><strong>Light Steel Blue4</strong></td><td height="19"><strong>#646D7E</strong></td><td bgcolor="#646d7e" height="19"><br></td></tr><tr><td><strong>Light Slate Grey</strong></td><td><strong>#6D7B8D</strong></td><td bgcolor="#6d7b8d"><br></td></tr><tr><td height="19"><strong>Cadet Blue4</strong></td><td height="19"><strong>#4C787E</strong></td><td bgcolor="#4c787e" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Grey4</strong></td><td height="19"><strong>#4C7D7E</strong></td><td bgcolor="#4c7d7e" height="19"><br></td></tr><tr><td height="19"><strong>Thistle4</strong></td><td height="19"><strong>#806D7E</strong></td><td bgcolor="#806d7e" height="19"><br></td></tr><tr><td height="19"><strong>Medium Slate Blue</strong></td><td height="19"><strong>#5E5A80</strong></td><td bgcolor="#5e5a80" height="19"><br></td></tr><tr><td height="19"><strong>Medium Purple4</strong></td><td height="19"><strong>#4E387E</strong></td><td bgcolor="#4e387e" height="19"><br></td></tr><tr><td height="19"><strong>Midnight Blue</strong></td><td height="19"><strong>#151B54</strong></td><td bgcolor="#151b54" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Blue</strong></td><td height="19"><strong>#2B3856</strong></td><td bgcolor="#2b3856" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Grey</strong></td><td height="19"><strong>#25383C</strong></td><td bgcolor="#25383c" height="19"><br></td></tr><tr><td><strong>Dim Grey</strong></td><td><strong>#463E41</strong></td><td bgcolor="#463e41"><br></td></tr><tr><td height="19"><strong>Cornflower Blue</strong></td><td height="19"><strong>#151B8D</strong></td><td bgcolor="#151b8d" height="19"><br></td></tr><tr><td height="19"><strong>Royal Blue4</strong></td><td height="19"><strong>#15317E</strong></td><td bgcolor="#15317e" height="19"><br></td></tr><tr><td height="19"><strong>Slate Blue4</strong></td><td height="19"><strong>#342D7E</strong></td><td bgcolor="#342d7e" height="19"><br></td></tr><tr><td height="19"><strong>Royal Blue</strong></td><td height="19"><strong>#2B60DE</strong></td><td bgcolor="#2b60de" height="19"><br></td></tr><tr><td height="19"><strong>Royal Blue1</strong></td><td height="19"><strong>#306EFF</strong></td><td bgcolor="#306eff" height="19"><br></td></tr><tr><td height="19"><strong>Royal Blue2</strong></td><td height="19"><strong>#2B65EC</strong></td><td bgcolor="#2b65ec" height="19"><br></td></tr><tr><td height="19"><strong>Royal Blue3</strong></td><td height="19"><strong>#2554C7</strong></td><td bgcolor="#2554c7" height="19"><br></td></tr><tr><td><strong>Deep Sky Blue</strong></td><td><strong>#3BB9FF</strong></td><td bgcolor="#3bb9ff"><br></td></tr><tr><td><strong>Deep Sky Blue2</strong></td><td><strong>#38ACEC</strong></td><td bgcolor="#38acec"><br></td></tr><tr><td height="19"><strong>Slate Blue</strong></td><td height="19"><strong>#357EC7</strong></td><td bgcolor="#357ec7" height="19"><br></td></tr><tr><td><strong>Deep Sky Blue3</strong></td><td><strong>#3090C7</strong></td><td bgcolor="#3090c7"><br></td></tr><tr><td><strong>Deep Sky Blue4</strong></td><td><strong>#25587E</strong></td><td bgcolor="#25587e"><br></td></tr><tr><td><strong>Dodger Blue</strong></td><td><strong>#1589FF</strong></td><td bgcolor="#1589ff"><br></td></tr><tr><td><strong>Dodger Blue2</strong></td><td><strong>#157DEC</strong></td><td bgcolor="#157dec"><br></td></tr><tr><td><strong>Dodger Blue3</strong></td><td><strong>#1569C7</strong></td><td bgcolor="#1569c7"><br></td></tr><tr><td><strong>Dodger Blue4</strong></td><td><strong>#153E7E</strong></td><td bgcolor="#153e7e"><br></td></tr><tr><td height="19"><strong>Steel Blue4</strong></td><td height="19"><strong>#2B547E</strong></td><td bgcolor="#2b547e" height="19"><br></td></tr><tr><td height="19"><strong>Steel Blue</strong></td><td height="19"><strong>#4863A0</strong></td><td bgcolor="#4863a0" height="19"><br></td></tr><tr><td height="19"><strong>Slate Blue2</strong></td><td height="19"><strong>#6960EC</strong></td><td bgcolor="#6960ec" height="19"><br></td></tr><tr><td height="19"><strong>Violet</strong></td><td height="19"><strong>#8D38C9</strong></td><td bgcolor="#8d38c9" height="19"><br></td></tr><tr><td height="19"><strong>Medium Purple3</strong></td><td height="19"><strong>#7A5DC7</strong></td><td bgcolor="#7a5dc7" height="19"><br></td></tr><tr><td height="19"><strong>Medium Purple</strong></td><td height="19"><strong>#8467D7</strong></td><td bgcolor="#8467d7" height="19"><br></td></tr><tr><td height="19"><strong>Medium Purple2</strong></td><td height="19"><strong>#9172EC</strong></td><td bgcolor="#9172ec" height="19"><br></td></tr><tr><td height="19"><strong>Medium Purple1</strong></td><td height="19"><strong>#9E7BFF</strong></td><td bgcolor="#9e7bff" height="19"><br></td></tr><tr><td height="19"><strong>Light Steel Blue</strong></td><td height="19"><strong>#728FCE</strong></td><td bgcolor="#728fce" height="19"><br></td></tr><tr><td height="19"><strong>Steel Blue3</strong></td><td height="19"><strong>#488AC7</strong></td><td bgcolor="#488ac7" height="19"><br></td></tr><tr><td height="19"><strong>Steel Blue2</strong></td><td height="19"><strong>#56A5EC</strong></td><td bgcolor="#56a5ec" height="19"><br></td></tr><tr><td height="19"><strong>Steel Blue1</strong></td><td height="19"><strong>#5CB3FF</strong></td><td bgcolor="#5cb3ff" height="19"><br></td></tr><tr><td height="19"><strong>Sky Blue3</strong></td><td height="19"><strong>#659EC7</strong></td><td bgcolor="#659ec7" height="19"><br></td></tr><tr><td height="19"><strong>Sky Blue4</strong></td><td height="19"><strong>#41627E</strong></td><td bgcolor="#41627e" height="19"><br></td></tr><tr><td height="19"><strong>Slate Blue</strong></td><td height="19"><strong>#737CA1</strong></td><td bgcolor="#737ca1" height="19"><br></td></tr><tr><td height="19"><strong>Slate Grey3</strong></td><td height="19"><strong>#98AFC7</strong></td><td bgcolor="#98afc7" height="19"><br></td></tr><tr><td height="19"><strong>Violet Red</strong></td><td height="19"><strong>#F6358A</strong></td><td bgcolor="#f6358a" height="19"><br></td></tr><tr><td height="19"><strong>Violet Red2</strong></td><td height="19"><strong>#E4317F</strong></td><td bgcolor="#e4317f" height="19"><br></td></tr><tr><td><strong>Deep Pink</strong></td><td><strong>#F52887</strong></td><td bgcolor="#f52887"><br></td></tr><tr><td><strong>Deep Pink2</strong></td><td><strong>#E4287C</strong></td><td bgcolor="#e4287c"><br></td></tr><tr><td><strong>Deep Pink3</strong></td><td><strong>#C12267</strong></td><td bgcolor="#c12267"><br></td></tr><tr><td><strong>Deep Pink4</strong></td><td><strong>#7D053F</strong></td><td bgcolor="#7d053f"><br></td></tr><tr><td height="19"><strong>Medium Violet Red</strong></td><td height="19"><strong>#CA226B</strong></td><td bgcolor="#ca226b" height="19"><br></td></tr><tr><td height="19"><strong>Violet Red3</strong></td><td height="19"><strong>#C12869</strong></td><td bgcolor="#c12869" height="19"><br></td></tr><tr><td><strong>Firebrick</strong></td><td><strong>#800517</strong></td><td bgcolor="#800517"><br></td></tr><tr><td height="19"><strong>Violet Red4</strong></td><td height="19"><strong>#7D0541</strong></td><td bgcolor="#7d0541" height="19"><br></td></tr><tr><td height="19"><strong>Maroon4</strong></td><td height="19"><strong>#7D0552</strong></td><td bgcolor="#7d0552" height="19"><br></td></tr><tr><td height="19"><strong>Maroon</strong></td><td height="19"><strong>#810541</strong></td><td bgcolor="#810541" height="19"><br></td></tr><tr><td height="19"><strong>Maroon3</strong></td><td height="19"><strong>#C12283</strong></td><td bgcolor="#c12283" height="19"><br></td></tr><tr><td height="19"><strong>Maroon2</strong></td><td height="19"><strong>#E3319D</strong></td><td bgcolor="#e3319d" height="19"><br></td></tr><tr><td height="19"><strong>Maroon1</strong></td><td height="19"><strong>#F535AA</strong></td><td bgcolor="#f535aa" height="19"><br></td></tr><tr><td height="19"><strong>Magenta</strong></td><td height="19"><strong>#FF00FF</strong></td><td bgcolor="#ff00ff" height="19"><br></td></tr><tr><td height="19"><strong>Magenta1</strong></td><td height="19"><strong>#F433FF</strong></td><td bgcolor="#f433ff" height="19"><br></td></tr><tr><td height="19"><strong>Magenta2</strong></td><td height="19"><strong>#E238EC</strong></td><td bgcolor="#e238ec" height="19"><br></td></tr><tr><td height="19"><strong>Magenta3</strong></td><td height="19"><strong>#C031C7</strong></td><td bgcolor="#c031c7" height="19"><br></td></tr><tr><td height="19"><strong>Medium Orchid</strong></td><td height="19"><strong>#B048B5</strong></td><td bgcolor="#b048b5" height="19"><br></td></tr><tr><td height="19"><strong>Medium Orchid1</strong></td><td height="19"><strong>#D462FF</strong></td><td bgcolor="#d462ff" height="19"><br></td></tr><tr><td height="19"><strong>Medium Orchid2</strong></td><td height="19"><strong>#C45AEC</strong></td><td bgcolor="#c45aec" height="19"><br></td></tr><tr><td height="19"><strong>Medium Orchid3</strong></td><td height="19"><strong>#A74AC7</strong></td><td bgcolor="#a74ac7" height="19"><br></td></tr><tr><td height="19"><strong>Medium Orchid4</strong></td><td height="19"><strong>#6A287E</strong></td><td bgcolor="#6a287e" height="19"><br></td></tr><tr><td height="19"><strong>Purple</strong></td><td height="19"><strong>#8E35EF</strong></td><td bgcolor="#8e35ef" height="19"><br></td></tr><tr><td height="19"><strong>Purple1</strong></td><td height="19"><strong>#893BFF</strong></td><td bgcolor="#893bff" height="19"><br></td></tr><tr><td height="19"><strong>Purple2</strong></td><td height="19"><strong>#7F38EC</strong></td><td bgcolor="#7f38ec" height="19"><br></td></tr><tr><td height="19"><strong>Purple3</strong></td><td height="19"><strong>#6C2DC7</strong></td><td bgcolor="#6c2dc7" height="19"><br></td></tr><tr><td height="19"><strong>Purple4</strong></td><td height="19"><strong>#461B7E</strong></td><td bgcolor="#461b7e" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orchid4</strong></td><td height="19"><strong>#571B7E</strong></td><td bgcolor="#571b7e" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orchid</strong></td><td height="19"><strong>#7D1B7E</strong></td><td bgcolor="#7d1b7e" height="19"><br></td></tr><tr><td><strong>Dark Violet</strong></td><td><strong>#842DCE</strong></td><td bgcolor="#842dce"><br></td></tr><tr><td height="19"><strong>Dark Orchid3</strong></td><td height="19"><strong>#8B31C7</strong></td><td bgcolor="#8b31c7" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orchid2</strong></td><td height="19"><strong>#A23BEC</strong></td><td bgcolor="#a23bec" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orchid1</strong></td><td height="19"><strong>#B041FF</strong></td><td bgcolor="#b041ff" height="19"><br></td></tr><tr><td height="19"><strong>Plum4</strong></td><td height="19"><strong>#7E587E</strong></td><td bgcolor="#7e587e" height="19"><br></td></tr><tr><td height="19"><strong>Pale Violet Red</strong></td><td height="19"><strong>#D16587</strong></td><td bgcolor="#d16587" height="19"><br></td></tr><tr><td height="19"><strong>Pale Violet Red1</strong></td><td height="19"><strong>#F778A1</strong></td><td bgcolor="#f778a1" height="19"><br></td></tr><tr><td height="19"><strong>Pale Violet Red2</strong></td><td height="19"><strong>#E56E94</strong></td><td bgcolor="#e56e94" height="19"><br></td></tr><tr><td height="19"><strong>Pale Violet Red3</strong></td><td height="19"><strong>#C25A7C</strong></td><td bgcolor="#c25a7c" height="19"><br></td></tr><tr><td height="19"><strong>Pale Violet Red4</strong></td><td height="19"><strong>#7E354D</strong></td><td bgcolor="#7e354d" height="19"><br></td></tr><tr><td height="19"><strong>Plum</strong></td><td height="19"><strong>#B93B8F</strong></td><td bgcolor="#b93b8f" height="19"><br></td></tr><tr><td height="19"><strong>Plum1</strong></td><td height="19"><strong>#F9B7FF</strong></td><td bgcolor="#f9b7ff" height="19"><br></td></tr><tr><td height="19"><strong>Plum2</strong></td><td height="19"><strong>#E6A9EC</strong></td><td bgcolor="#e6a9ec" height="19"><br></td></tr><tr><td height="19"><strong>Plum3</strong></td><td height="19"><strong>#C38EC7</strong></td><td bgcolor="#c38ec7" height="19"><br></td></tr><tr><td height="19"><strong>Thistle</strong></td><td height="19"><strong>#D2B9D3</strong></td><td bgcolor="#d2b9d3" height="19"><br></td></tr><tr><td height="19"><strong>Thistle3</strong></td><td height="19"><strong>#C6AEC7</strong></td><td bgcolor="#c6aec7" height="19"><br></td></tr><tr><td><strong>Lavendar Blush2</strong></td><td><strong>#EBDDE2</strong></td><td bgcolor="#ebdde2"><br></td></tr><tr><td><strong>Lavendar Blush3</strong></td><td><strong>#C8BBBE</strong></td><td bgcolor="#c8bbbe"><br></td></tr><tr><td height="19"><strong>Thistle2</strong></td><td height="19"><strong>#E9CFEC</strong></td><td bgcolor="#d9cfec" height="19"><br></td></tr><tr><td height="19"><strong>Thistle1</strong></td><td height="19"><strong>#FCDFFF</strong></td><td bgcolor="#fcdfff" height="19"><br></td></tr><tr><td height="19"><strong>Lavendar</strong></td><td height="19"><strong>#E3E4FA</strong></td><td bgcolor="#e3e4fa" height="19"><br></td></tr><tr><td height="19"><strong>Lavendar Blush</strong></td><td height="19"><strong>#FDEEF4</strong></td><td bgcolor="#fdeef4" height="19"><br></td></tr><tr><td height="18"><strong>Light Steel Blue1</strong></td><td height="18"><strong>#C6DEFF</strong></td><td bgcolor="#c6deff" height="18"><br></td></tr><tr><td height="19"><strong>Light Blue</strong></td><td height="19"><strong>#ADDFFF</strong></td><td bgcolor="#addfff" height="19"><br></td></tr><tr><td height="19"><strong>Light Blue1</strong></td><td height="19"><strong>#BDEDFF</strong></td><td bgcolor="#bdedff" height="19"><br></td></tr><tr><td height="19"><strong>Light Cyan</strong></td><td height="19"><strong>#E0FFFF</strong></td><td bgcolor="#e0ffff" height="19"><br></td></tr><tr><td><strong>Slate Grey1</strong></td><td><strong>#C2DFFF</strong></td><td bgcolor="#c2dfff"><br></td></tr><tr><td><strong>Slate Grey2</strong></td><td><strong>#B4CFEC</strong></td><td bgcolor="#b4cfec"><br></td></tr><tr><td height="19"><strong>Light Steel Blue2</strong></td><td height="19"><strong>#B7CEEC</strong></td><td bgcolor="#b7ceec" height="19"><br></td></tr><tr><td height="19"><strong>Turquoise1</strong></td><td height="19"><strong>#52F3FF</strong></td><td bgcolor="#52f3ff" height="19"><br></td></tr><tr><td height="19"><strong>Cyan</strong></td><td height="19"><strong>#00FFFF</strong></td><td bgcolor="#00ffff" height="19"><br></td></tr><tr><td height="19"><strong>Cyan1</strong></td><td height="19"><strong>#57FEFF</strong></td><td bgcolor="#57feff" height="19"><br></td></tr><tr><td height="19"><strong>Cyan2</strong></td><td height="19"><strong>#50EBEC</strong></td><td bgcolor="#50ebec" height="19"><br></td></tr><tr><td height="19"><strong>Turquoise2</strong></td><td height="19"><strong>#4EE2EC</strong></td><td bgcolor="#4ee2ec" height="19"><br></td></tr><tr><td height="19"><strong>Medium Turquoise</strong></td><td height="19"><strong>#48CCCD</strong></td><td bgcolor="#48cccd" height="19"><br></td></tr><tr><td height="19"><strong>Turquoise</strong></td><td height="19"><strong>#43C6DB</strong></td><td bgcolor="#43c6db" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Grey1</strong></td><td height="19"><strong>#9AFEFF</strong></td><td bgcolor="#9afeff" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Grey2</strong></td><td height="19"><strong>#8EEBEC</strong></td><td bgcolor="#8eebec" height="19"><br></td></tr><tr><td height="19"><strong>Dark Slate Grey3</strong></td><td height="19"><strong>#78C7C7</strong></td><td bgcolor="#78c7c7" height="19"><br></td></tr><tr><td height="19"><strong>Cyan3</strong></td><td height="19"><strong>#46C7C7</strong></td><td bgcolor="#46c7c7" height="19"><br></td></tr><tr><td height="19"><strong>Turquoise3</strong></td><td height="19"><strong>#43BFC7</strong></td><td bgcolor="#43bfc7" height="19"><br></td></tr><tr><td height="19"><strong>Cadet Blue3</strong></td><td height="19"><strong>#77BFC7</strong></td><td bgcolor="#77bfc7" height="19"><br></td></tr><tr><td height="19"><strong>Pale Turquoise3</strong></td><td height="19"><strong>#92C7C7</strong></td><td bgcolor="#92c7c7" height="19"><br></td></tr><tr><td height="19"><strong>Light Blue2</strong></td><td height="19"><strong>#AFDCEC</strong></td><td bgcolor="#afdcec" height="19"><br></td></tr><tr><td><strong>Dark Turquoise</strong></td><td><strong>#3B9C9C</strong></td><td bgcolor="#3b9c9c"><br></td></tr><tr><td height="19"><strong>Cyan4</strong></td><td height="19"><strong>#307D7E</strong></td><td bgcolor="#307d7e" height="19"><br></td></tr><tr><td><strong>Light Sea Green</strong></td><td><strong>#3EA99F</strong></td><td bgcolor="#3ea99f"><br></td></tr><tr><td><strong>Light Sky Blue</strong></td><td><strong>#82CAFA</strong></td><td bgcolor="#82cafa"><br></td></tr><tr><td><strong>Light Sky Blue2</strong></td><td><strong>#A0CFEC</strong></td><td bgcolor="#a0cfec"><br></td></tr><tr><td><strong>Light Sky Blue3</strong></td><td><strong>#87AFC7</strong></td><td bgcolor="#87afc7"><br></td></tr><tr><td><strong>Sky Blue</strong></td><td><strong>#82CAFF</strong></td><td bgcolor="#82caff"><br></td></tr><tr><td><strong>Sky Blue2</strong></td><td><strong>#B0E2FF</strong></td><td bgcolor="#b0e2ff"><br></td></tr><tr><td><strong>Light Sky Blue4</strong></td><td><strong>#566D7E</strong></td><td bgcolor="#566d7e"><br></td></tr><tr><td><strong>Sky Blue</strong></td><td><strong>#6698FF</strong></td><td bgcolor="#6698ff"><br></td></tr><tr><td><strong>Light Slate Blue</strong></td><td><strong>#736AFF</strong></td><td bgcolor="#736aff"><br></td></tr><tr><td height="19"><strong>Light Cyan2</strong></td><td height="19"><strong>#CFECEC</strong></td><td bgcolor="#cfecec" height="19"><br></td></tr><tr><td height="19"><strong>Light Cyan3</strong></td><td height="19"><strong>#AFC7C7</strong></td><td bgcolor="#afc7c7" height="19"><br></td></tr><tr><td height="19"><strong>Light Cyan4</strong></td><td height="19"><strong>#717D7D</strong></td><td bgcolor="#717d7d" height="19"><br></td></tr><tr><td height="19"><strong>Light Blue3</strong></td><td height="19"><strong>#95B9C7</strong></td><td bgcolor="#95b9c7" height="19"><br></td></tr><tr><td height="19"><strong>Light Blue4</strong></td><td height="19"><strong>#5E767E</strong></td><td bgcolor="#5e767e" height="19"><br></td></tr><tr><td height="19"><strong>Pale Turquoise4</strong></td><td height="19"><strong>#5E7D7E</strong></td><td bgcolor="#5e7d7e" height="19"><br></td></tr><tr><td height="19"><strong>Dark Sea Green4</strong></td><td height="19"><strong>#617C58</strong></td><td bgcolor="#617c58" height="19"><br></td></tr><tr><td height="19"><strong>Medium Aquamarine</strong></td><td height="19"><strong>#348781</strong></td><td bgcolor="#348781" height="19"><br></td></tr><tr><td height="19"><strong>Medium Sea Green</strong></td><td height="19"><strong>#306754</strong></td><td bgcolor="#306754" height="19"><br></td></tr><tr><td height="19"><strong>Sea Green</strong></td><td height="19"><strong>#4E8975</strong></td><td bgcolor="#4e8975" height="19"><br></td></tr><tr><td height="19"><strong>Dark Green</strong></td><td height="19"><strong>#254117</strong></td><td bgcolor="#254117" height="19"><br></td></tr><tr><td height="19"><strong>Sea Green4</strong></td><td height="19"><strong>#387C44</strong></td><td bgcolor="#387c44" height="19"><br></td></tr><tr><td><strong>Forest Green</strong></td><td><strong>#4E9258</strong></td><td bgcolor="#4e9258"><br></td></tr><tr><td height="19"><strong>Medium Forest Green</strong></td><td height="19"><strong>#347235</strong></td><td bgcolor="#347235" height="19"><br></td></tr><tr><td height="19"><strong>Spring Green4</strong></td><td height="19"><strong>#347C2C</strong></td><td bgcolor="#347c2c" height="19"><br></td></tr><tr><td height="19"><strong>Dark Olive Green4</strong></td><td height="19"><strong>#667C26</strong></td><td bgcolor="#667c26" height="19"><br></td></tr><tr><td height="19"><strong>Chartreuse4</strong></td><td height="19"><strong>#437C17</strong></td><td bgcolor="#437c17" height="19"><br></td></tr><tr><td height="19"><strong>Green4</strong></td><td height="19"><strong>#347C17</strong></td><td bgcolor="#347c17" height="19"><br></td></tr><tr><td height="19"><strong>Medium Spring Green</strong></td><td height="19"><strong>#348017</strong></td><td bgcolor="#348017" height="19"><br></td></tr><tr><td><strong>Spring Green</strong></td><td><strong>#4AA02C</strong></td><td bgcolor="#4aa02c"><br></td></tr><tr><td height="19"><strong>Lime Green</strong></td><td height="19"><strong>#41A317</strong></td><td bgcolor="#41a317" height="19"><br></td></tr><tr><td height="19"><strong>Spring Green</strong></td><td height="19"><strong>#4AA02C</strong></td><td bgcolor="#4aa02c" height="19"><br></td></tr><tr><td height="19"><strong>Dark Sea Green</strong></td><td height="19"><strong>#8BB381</strong></td><td bgcolor="#8bb381" height="19"><br></td></tr><tr><td height="19"><strong>Dark Sea Green3</strong></td><td height="19"><strong>#99C68E</strong></td><td bgcolor="#99c68e" height="19"><br></td></tr><tr><td height="19"><strong>Green3</strong></td><td height="19"><strong>#4CC417</strong></td><td bgcolor="#4cc417" height="19"><br></td></tr><tr><td height="19"><strong>Chartreuse3</strong></td><td height="19"><strong>#6CC417</strong></td><td bgcolor="#6cc417" height="19"><br></td></tr><tr><td height="19"><strong>Yellow Green</strong></td><td height="19"><strong>#52D017</strong></td><td bgcolor="#52d017" height="19"><br></td></tr><tr><td height="19"><strong>Spring Green3</strong></td><td height="19"><strong>#4CC552</strong></td><td bgcolor="#4cc552" height="19"><br></td></tr><tr><td height="19"><strong>Sea Green3</strong></td><td height="19"><strong>#54C571</strong></td><td bgcolor="#54c571" height="19"><br></td></tr><tr><td height="19"><strong>Spring Green2</strong></td><td height="19"><strong>#57E964</strong></td><td bgcolor="#57e964" height="19"><br></td></tr><tr><td height="19"><strong>Spring Green1</strong></td><td height="19"><strong>#5EFB6E</strong></td><td bgcolor="#5efb6e" height="19"><br></td></tr><tr><td height="19"><strong>Sea Green2</strong></td><td height="19"><strong>#64E986</strong></td><td bgcolor="#64e986" height="19"><br></td></tr><tr><td height="19"><strong>Sea Green1</strong></td><td height="19"><strong>#6AFB92</strong></td><td bgcolor="#6afb92" height="19"><br></td></tr><tr><td height="19"><strong>Dark Sea Green2</strong></td><td height="19"><strong>#B5EAAA</strong></td><td bgcolor="#b5eaaa" height="19"><br></td></tr><tr><td height="19"><strong>Dark Sea Green1</strong></td><td height="19"><strong>#C3FDB8</strong></td><td bgcolor="#c3fdb8" height="19"><br></td></tr><tr><td height="19"><strong>Green</strong></td><td height="19"><strong>#00FF00</strong></td><td bgcolor="#00ff00" height="19"><br></td></tr><tr><td><strong>Lawn Green</strong></td><td><strong>#87F717</strong></td><td bgcolor="#87f717"><br></td></tr><tr><td height="19"><strong>Green1</strong></td><td height="19"><strong>#5FFB17</strong></td><td bgcolor="#5ffb17" height="19"><br></td></tr><tr><td height="19"><strong>Green2</strong></td><td height="19"><strong>#59E817</strong></td><td bgcolor="#59e817" height="19"><br></td></tr><tr><td height="19"><strong>Chartreuse2</strong></td><td height="19"><strong>#7FE817</strong></td><td bgcolor="#7fe817" height="19"><br></td></tr><tr><td height="19"><strong>Chartreuse</strong></td><td height="19"><strong>#8AFB17</strong></td><td bgcolor="#8afb17" height="19"><br></td></tr><tr><td height="19"><strong>Green Yellow</strong></td><td height="19"><strong>#B1FB17</strong></td><td bgcolor="#b1fb17" height="19"><br></td></tr><tr><td height="19"><strong>Dark Olive Green1</strong></td><td height="19"><strong>#CCFB5D</strong></td><td bgcolor="#ccfb5d" height="19"><br></td></tr><tr><td height="19"><strong>Dark Olive Green2</strong></td><td height="19"><strong>#BCE954</strong></td><td bgcolor="#bce954" height="19"><br></td></tr><tr><td height="19"><strong>Dark Olive Green3</strong></td><td height="19"><strong>#A0C544</strong></td><td bgcolor="#a0c544" height="19"><br></td></tr><tr><td height="19"><strong>Yellow</strong></td><td height="19"><strong>#FFFF00</strong></td><td bgcolor="#ffff00" height="19"><br></td></tr><tr><td height="19"><strong>Yellow1</strong></td><td height="19"><strong>#FFFC17</strong></td><td bgcolor="#fffc17" height="19"><br></td></tr><tr><td height="19"><strong>Khaki1</strong></td><td height="19"><strong>#FFF380</strong></td><td bgcolor="#fff380" height="19"><br></td></tr><tr><td height="19"><strong>Khaki2</strong></td><td height="19"><strong>#EDE275</strong></td><td bgcolor="#ede275" height="19"><br></td></tr><tr><td height="19"><strong>Goldenrod</strong></td><td height="19"><strong>#EDDA74</strong></td><td bgcolor="#edda74" height="19"><br></td></tr><tr><td height="19"><strong>Gold2</strong></td><td height="19"><strong>#EAC117</strong></td><td bgcolor="#eac117" height="19"><br></td></tr><tr><td><strong>Gold1</strong></td><td><strong>#FDD017</strong></td><td bgcolor="#fdd017"><br></td></tr><tr><td height="19"><strong>Goldenrod1</strong></td><td height="19"><strong>#FBB917</strong></td><td bgcolor="#fbb917" height="19"><br></td></tr><tr><td height="19"><strong>Goldenrod2</strong></td><td height="19"><strong>#E9AB17</strong></td><td bgcolor="#e9ab17" height="19"><br></td></tr><tr><td><strong>Gold</strong></td><td><strong>#D4A017</strong></td><td bgcolor="#d4a017"><br></td></tr><tr><td height="19"><strong>Gold3</strong></td><td height="19"><strong>#C7A317</strong></td><td bgcolor="#c7a317" height="19"><br></td></tr><tr><td height="19"><strong>Goldenrod3</strong></td><td height="19"><strong>#C68E17</strong></td><td bgcolor="#c68e17" height="19"><br></td></tr><tr><td height="19"><strong>Dark Goldenrod</strong></td><td height="19"><strong>#AF7817</strong></td><td bgcolor="#af7817" height="19"><br></td></tr><tr><td height="19"><strong>Khaki</strong></td><td height="19"><strong>#ADA96E</strong></td><td bgcolor="#ada96e" height="19"><br></td></tr><tr><td height="19"><strong>Khaki3</strong></td><td height="19"><strong>#C9BE62</strong></td><td bgcolor="#c9be62" height="19"><br></td></tr><tr><td height="19"><strong>Khaki4</strong></td><td height="19"><strong>#827839</strong></td><td bgcolor="#827839" height="19"><br></td></tr><tr><td height="19"><strong>Dark Goldenrod1</strong></td><td height="19"><strong>#FBB117</strong></td><td bgcolor="#fbb117" height="19"><br></td></tr><tr><td height="19"><strong>Dark Goldenrod2</strong></td><td height="19"><strong>#E8A317</strong></td><td bgcolor="#e8a317" height="19"><br></td></tr><tr><td height="19"><strong>Dark Goldenrod3</strong></td><td height="19"><strong>#C58917</strong></td><td bgcolor="#c58917" height="19"><br></td></tr><tr><td><strong>Sienna1</strong></td><td><strong>#F87431</strong></td><td bgcolor="#f87431"><br></td></tr><tr><td><strong>Sienna2</strong></td><td><strong>#E66C2C</strong></td><td bgcolor="#e66c2c"><br></td></tr><tr><td height="19"><strong>Dark Orange</strong></td><td height="19"><strong>#F88017</strong></td><td bgcolor="#f88017" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orange1</strong></td><td height="19"><strong>#F87217</strong></td><td bgcolor="#f87217" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orange2</strong></td><td height="19"><strong>#E56717</strong></td><td bgcolor="#e56717" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orange3</strong></td><td height="19"><strong>#C35617</strong></td><td bgcolor="#c35617" height="19"><br></td></tr><tr><td><strong>Sienna3</strong></td><td><strong>#C35817</strong></td><td bgcolor="#c35817"><br></td></tr><tr><td><strong>Sienna</strong></td><td><strong>#8A4117</strong></td><td bgcolor="#8a4117"><br></td></tr><tr><td><strong>Sienna4</strong></td><td><strong>#7E3517</strong></td><td bgcolor="#7e3517"><br></td></tr><tr><td height="19"><strong>Indian Red4</strong></td><td height="19"><strong>#7E2217</strong></td><td bgcolor="#7e2217" height="19"><br></td></tr><tr><td height="19"><strong>Dark Orange3</strong></td><td height="19"><strong>#7E3117</strong></td><td bgcolor="#7e3117" height="19"><br></td></tr><tr><td height="19"><strong>Salmon4</strong></td><td height="19"><strong>#7E3817</strong></td><td bgcolor="#7e3817" height="19"><br></td></tr><tr><td height="19"><strong>Dark Goldenrod4</strong></td><td height="19"><strong>#7F5217</strong></td><td bgcolor="#7f5217" height="19"><br></td></tr><tr><td height="19"><strong>Gold4</strong></td><td height="19"><strong>#806517</strong></td><td bgcolor="#806517" height="19"><br></td></tr><tr><td height="19"><strong>Goldenrod4</strong></td><td height="19"><strong>#805817</strong></td><td bgcolor="#805817" height="19"><br></td></tr><tr><td><strong>Light Salmon4</strong></td><td><strong>#7F462C</strong></td><td bgcolor="#7f462c"><br></td></tr><tr><td height="19"><strong>Chocolate</strong></td><td height="19"><strong>#C85A17</strong></td><td bgcolor="#c85a17" height="19"><br></td></tr><tr><td height="19"><strong>Coral3</strong></td><td height="19"><strong>#C34A2C</strong></td><td bgcolor="#c34a2c" height="19"><br></td></tr><tr><td height="19"><strong>Coral2</strong></td><td height="19"><strong>#E55B3C</strong></td><td bgcolor="#e55b3c" height="19"><br></td></tr><tr><td height="19"><strong>Coral</strong></td><td height="19"><strong>#F76541</strong></td><td bgcolor="#f76541" height="19"><br></td></tr><tr><td height="19"><strong>Dark Salmon</strong></td><td height="19"><strong>#E18B6B</strong></td><td bgcolor="#e18b6b" height="19"><br></td></tr><tr><td height="19"><strong>Salmon1</strong></td><td height="19"><strong>#F88158</strong></td><td bgcolor="#f88158" height="19"><br></td></tr><tr><td height="19"><strong>Salmon2</strong></td><td height="19"><strong>#E67451</strong></td><td bgcolor="#e67451" height="19"><br></td></tr><tr><td height="19"><strong>Salmon3</strong></td><td height="19"><strong>#C36241</strong></td><td bgcolor="#c36241" height="19"><br></td></tr><tr><td><strong>Light Salmon3</strong></td><td><strong>#C47451</strong></td><td bgcolor="#c47451"><br></td></tr><tr><td><strong>Light Salmon2</strong></td><td><strong>#E78A61</strong></td><td bgcolor="#e78a61"><br></td></tr><tr><td><strong>Light Salmon</strong></td><td><strong>#F9966B</strong></td><td bgcolor="#f9966b"><br></td></tr><tr><td height="19"><strong>Sandy Brown</strong></td><td height="19"><strong>#EE9A4D</strong></td><td bgcolor="#ee9a4d" height="19"><br></td></tr><tr><td height="19"><strong>Hot Pink</strong></td><td height="19"><strong>#F660AB</strong></td><td bgcolor="#f660ab" height="19"><br></td></tr><tr><td height="19"><strong>Hot Pink1</strong></td><td height="19"><strong>#F665AB</strong></td><td bgcolor="#f665ab" height="19"><br></td></tr><tr><td height="19"><strong>Hot Pink2</strong></td><td height="19"><strong>#E45E9D</strong></td><td bgcolor="#e45e9d" height="19"><br></td></tr><tr><td height="19"><strong>Hot Pink3</strong></td><td height="19"><strong>#C25283</strong></td><td bgcolor="#c25283" height="19"><br></td></tr><tr><td height="19"><strong>Hot Pink4</strong></td><td height="19"><strong>#7D2252</strong></td><td bgcolor="#7d2252" height="19"><br></td></tr><tr><td><strong>Light Coral</strong></td><td><strong>#E77471</strong></td><td bgcolor="#e77471"><br></td></tr><tr><td height="19"><strong>Indian Red1</strong></td><td height="19"><strong>#F75D59</strong></td><td bgcolor="#f75d59" height="19"><br></td></tr><tr><td height="19"><strong>Indian Red2</strong></td><td height="19"><strong>#E55451</strong></td><td bgcolor="#e55451" height="19"><br></td></tr><tr><td height="19"><strong>Indian Red3</strong></td><td height="19"><strong>#C24641</strong></td><td bgcolor="#c24641" height="19"><br></td></tr><tr><td height="19"><strong>Red</strong></td><td height="19"><strong>#FF0000</strong></td><td bgcolor="#ff0000" height="19"><br></td></tr><tr><td height="19"><strong>Red1</strong></td><td height="19"><strong>#F62217</strong></td><td bgcolor="#f62217" height="19"><br></td></tr><tr><td height="19"><strong>Red2</strong></td><td height="19"><strong>#E41B17</strong></td><td bgcolor="#e41b17" height="19"><br></td></tr><tr><td><strong>Firebrick1</strong></td><td><strong>#F62817</strong></td><td bgcolor="#f62817"><br></td></tr><tr><td><strong>Firebrick2</strong></td><td><strong>#E42217</strong></td><td bgcolor="#e42217"><br></td></tr><tr><td><strong>Firebrick3</strong></td><td><strong>#C11B17</strong></td><td bgcolor="#c11b17"><br></td></tr><tr><td height="19"><strong>Pink</strong></td><td height="19"><strong>#FAAFBE</strong></td><td bgcolor="#faafbe" height="19"><br></td></tr><tr><td height="19"><strong>Rosy Brown1</strong></td><td height="19"><strong>#FBBBB9</strong></td><td bgcolor="#fbbbb9" height="19"><br></td></tr><tr><td height="19"><strong>Rosy Brown2</strong></td><td height="19"><strong>#E8ADAA</strong></td><td bgcolor="#e8adaa" height="19"><br></td></tr><tr><td height="19"><strong>Pink2</strong></td><td height="19"><strong>#E7A1B0</strong></td><td bgcolor="#e7a1b0" height="19"><br></td></tr><tr><td><strong>Light Pink</strong></td><td><strong>#FAAFBA</strong></td><td bgcolor="#faafba"><br></td></tr><tr><td><strong>Light Pink1</strong></td><td><strong>#F9A7B0</strong></td><td bgcolor="#f9a7b0"><br></td></tr><tr><td><strong>Light Pink2</strong></td><td><strong>#E799A3</strong></td><td bgcolor="#e799a3"><br></td></tr><tr><td height="19"><strong>Pink3</strong></td><td height="19"><strong>#C48793</strong></td><td bgcolor="#c48793" height="19"><br></td></tr><tr><td height="19"><strong>Rosy Brown3</strong></td><td height="19"><strong>#C5908E</strong></td><td bgcolor="#c5908e" height="19"><br></td></tr><tr><td height="19"><strong>Rosy Brown</strong></td><td height="19"><strong>#B38481</strong></td><td bgcolor="#b38481" height="19"><br></td></tr><tr><td><strong>Light Pink3</strong></td><td><strong>#C48189</strong></td><td bgcolor="#c48189"><br></td></tr><tr><td height="19"><strong>Rosy Brown4</strong></td><td height="19"><strong>#7F5A58</strong></td><td bgcolor="#7f5a58" height="19"><br></td></tr><tr><td><strong>Light Pink4</strong></td><td><strong>#7F4E52</strong></td><td bgcolor="#7f4e52"><br></td></tr><tr><td height="19"><strong>Pink4</strong></td><td height="19"><strong>#7F525D</strong></td><td bgcolor="#7f525d" height="19"><br></td></tr><tr><td><strong>Lavendar Blush4</strong></td><td><strong>#817679</strong></td><td bgcolor="#817679"><br></td></tr><tr><td><strong>Light Goldenrod4</strong></td><td><strong>#817339</strong></td><td bgcolor="#817339"><br></td></tr><tr><td><strong>Lemon Chiffon4</strong></td><td><strong>#827B60</strong></td><td bgcolor="#827b60"><br></td></tr><tr><td><strong>Lemon Chiffon3</strong></td><td><strong>#C9C299</strong></td><td bgcolor="#c9c299"><br></td></tr><tr><td><strong>Light Goldenrod3</strong></td><td><strong>#C8B560</strong></td><td bgcolor="#c8b560"><br></td></tr><tr><td><strong>Light Golden2</strong></td><td><strong>#ECD672</strong></td><td bgcolor="#ecd672"><br></td></tr><tr><td><strong>Light Goldenrod</strong></td><td><strong>#ECD872</strong></td><td bgcolor="#ecd872"><br></td></tr><tr><td><strong>Light Goldenrod1</strong></td><td><strong>#FFE87C</strong></td><td bgcolor="#ffe87c"><br></td></tr><tr><td><strong>Lemon Chiffon2</strong></td><td><strong>#ECE5B6</strong></td><td bgcolor="#ece5b6"><br></td></tr><tr><td><strong>Lemon Chiffon</strong></td><td><strong>#FFF8C6</strong></td><td bgcolor="#fff8c6"><br></td></tr><tr><td><strong>Light Goldenrod Yellow</strong></td><td><strong>#FAF8CC</strong></td><td bgcolor="#faf8cc"><br></td></tr></tbody></table><br /><br />Sumber : diambil dari <a href="http://teranung.blogspot.com/2007/12/pilihan-warna.html">teranung.blogspot.com</a>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-54050818485172033592010-02-10T15:27:00.000-08:002010-02-10T16:12:04.456-08:00Memasang Google Page Rank Checker<div align="justify">Semua sudah tau tentang Google Page Rank? Ranking yang diberi pada blog anda berdasarkan dari Bot/Crawler/Spider Google. Setiap hari Bot/Crawler/Spider Google ini bergerak dari satu site ke satu site yang lain mengambil informasi untuk dimasukkan dalam index list Google. salah satu kriteria dalam menentukan page ranking ini adalah sebagai contoh bile Site A buat link ke Site B. Itu adalah satu vote dari Site A ke Site B.<br /><br />Tetapi tak hanya satu kriteria itu saja. terdapat lebih dari 100 kriteria dalam menentukan ranking sebuah website/blog. Tujuan utama pihak Google buat semacam ini adalah untuk menentukan site yang paling sesuai dan paling bagus untuk dijadikan search result bila seseorang user masukkan keyword untuk search di google.<br /><br />Sekarang, anda boleh memasukkan Google Page Rank Checker dibawah ini ke web/blog anda. copy kode dibawah ini dan paste web page sesuai kinginan anda. Pilih salah satunya dibawah ini..kemudian letakkan di blog anda dengan cara <b>login</b> dulu, pilih <b>Tata Letak, Tambah Gadget, HTML/JavaScrip</b><br><br /><br /><table id="table1" align="center" border="0" cellpadding="8" cellspacing="2" width="98%"><tbody><tr><td style="color: black; font-family: Verdana; font-size: 11px; line-height: 100%;" width="98"> <img src="http://www.prchecker.info/images/prsmall.gif" alt="" border="0" height="20" width="70"></td><td style="color: black; font-family: Verdana; font-size: 11px; line-height: 100%;"> <textarea style="border: 1px solid rgb(128, 128, 128); font-weight: normal; background-color: rgb(238, 238, 238);" cols="42" rows="3" name="S1"><a href="http://www.prchecker.info/" target="_blank"><img src="http://www.prchecker.info/PR1_img.gif" alt="Page Rank Checker" border="0"></a></textarea></td></tr><tr><td style="color: black; font-family: Verdana; font-size: 11px; line-height: 100%;" width="88"> <img src="http://www.prchecker.info/images/prmedium.gif" alt="" border="0" height="31" width="88"></td><td style="color: black; font-family: Verdana; font-size: 11px; line-height: 100%;"> <textarea style="border: 1px solid rgb(128, 128, 128); font-weight: normal; background-color: rgb(238, 238, 238);" cols="42" rows="3" name="S2"><a href="http://www.prchecker.info/" target="_blank"><img src="http://www.prchecker.info/PR2_img.gif" alt="Page Rank Checker" border="0"></a></textarea></td></tr></tbody></table><br /><br /><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);">IMPORTANT:</span> Please DO NOT modify the code, otherwise we can not guarantee the correct work of our free page rank checking tool that displays the page rank value!</span><br /><br /><br />Sumber : <a href="http://teranung.blogspot.com/2008/01/memasang-google-page-rank-checker.html">teranung.blogspot.com</a> & <a href="http://www.prchecker.info/">prchecker.info</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-28218117382462346032010-02-10T14:55:00.000-08:002010-02-10T15:20:08.063-08:00Memasang Read More<div align="justify"><strong>Cara pasang semi otomatis</strong><br /><br />Dulu memasang Read More pada tempelate lama, sayangnya template klasik tidak lagi digunakan sekarang ini. Saat ini kita lebih senang menggunakan versi terkini<br>Versi ini lebih menarik dan kerana anda tidak lagi perlu membaca halaman secara keseluruhan. Ini juga digunakan untuk memudahkan pemahaman anda.<br />1. Dalam halaman TEMPLATE tekan tulisan Edit Html. Jangan lupa Tick Expand Widget Template.<br><br /><div style="text-align: center;"><img src="http://i120.photobucket.com/albums/o190/jaloewig/jaloe/edit-html0i.png"><br></div><br />Letakkan script di bawah ini sebelum </head><br><br /><blockquote style="color: rgb(255, 0, 0);"><script type='text/javascript' src=<br>'http://marzukijalil.googlepages.com/hackosphere.js' /></blockquote><br />2. Selanjutnya, cari kode <span style="color: rgb(51, 51, 255);">biru</span> ini <span style="color: rgb(51, 51, 255);"><b:includable id='post' var='post'></span> dan tambah kod yang berwarna <span style="font-weight: bold; color: rgb(255, 102, 0);">merah</span> seperti yang ditunjukkan di bawah.<br><blockquote><span style="color: rgb(51, 51, 255);"><b:includable id='post' var='post'></span><br><span style="color: rgb(51, 51, 255);"><div class='post uncustomized-post-template</span><span style="color: rgb(255, 0, 0);">' expr:id='"post-" + data:post.id'</span><span style="color: rgb(51, 51, 255);">></span><br><span style="color: rgb(51, 51, 255);"><a expr:name='data:post.id'/></span><br><span style="color: rgb(51, 51, 255);"><b:if cond='data:post.title'></span><br><span style="color: rgb(51, 51, 255);"><h3 class='post-title'></span><br><span style="color: rgb(51, 51, 255);"><b:if cond='data:post.url'></span><br><span style="color: rgb(51, 51, 255);"><a expr:href='data:post.url'><data:post.title/></a></span><br><span style="color: rgb(51, 51, 255);"><b:else/></span><br><span style="color: rgb(51, 51, 255);"><data:post.title/></span><br><span style="color: rgb(51, 51, 255);"></b:if></span><br><span style="color: rgb(51, 51, 255);"></h3></span><br><span style="color: rgb(51, 51, 255);"></b:if></span><br><br><span style="color: rgb(51, 51, 255);"><div class='post-header-line-1'/></span><br><br><span style="color: rgb(51, 51, 255);"><div class='post-body'></span><br><br><span style="color: rgb(255, 0, 0);"><b:if cond='data:blog.pageType == "item"'></span><br><br><span style="color: rgb(51, 51, 255);"><p><data:post.body/></p></span><br><br><span style="color: rgb(255, 102, 0);"><b:else/></span><br><span style="color: rgb(255, 102, 0);"><style>#fullpost {display:none;}</style></span><br><span style="color: rgb(255, 102, 0);"><p><data:post.body/></p></span><br><span style="color: rgb(255, 102, 0);"><span id='showlink'></span><br><span style="color: rgb(255, 102, 0);"><p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'><span style="font-weight: bold;">Read More...</span></a></p></span><br><span style="color: rgb(255, 102, 0);"></span></span><br><span style="color: rgb(255, 102, 0);"><span id='hidelink' style='display:none'></span><br><span style="color: rgb(255, 102, 0);"><p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'><span style="font-weight: bold;">Summary only...</span></a></p></span><br><span style="color: rgb(255, 102, 0);"></span></span><br><span style="color: rgb(255, 102, 0);"><script type='text/javascript'></span><br><span style="color: rgb(255, 102, 0);">checkFull("post-" + "<data:post.id/>");</span><br><span style="color: rgb(255, 102, 0);"></script></span><br><span style="color: rgb(255, 102, 0);"></b:if></span><br><br><span style="color: rgb(51, 51, 255);"><div style='clear: both;'/> <!-- clear for photos floats --></span><br><span style="color: rgb(51, 51, 255);"></div></span></blockquote><br />3. Terakhir sekali setelah kode yang berwarna merah di tambah, save templates. Setelah itu pegi ke tab Setting -> Formatting. Dan di bawah sekali letakkan kode di bawah ini:<br><blockquote><span style="font-weight: bold;">Tulisan anda yang pertama disini</span><br><span style="color: rgb(255, 0, 0);"><span id="fullpost"></span><br><span style="font-weight: bold;">dan tulisan selanjutnya disini</span><br><span style="color: rgb(255, 0, 0);"></span></blockquote></span><br /><br />Selain cara diatas ada lagi yang lebih baru dari <a href="http://www.o-om.com/2009/04/cara-pasang-auto-read-more-terbaru-part.html">O-Om</a>, <a href="http://bannersahabatswamitra.blogspot.com/2010/02/cara-pasang-auto-read-more-terbaru.html">lihat disini.</a><br /><br />Sumber : <a href="http://teranung.blogspot.com/2008/01/memasang-read-more-2_15.html">teranung.blogspot.com</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-33258781808206754562010-02-09T22:52:00.000-08:002010-02-10T01:18:06.097-08:00Memasang Hide Show Navigation<div align="left"><span style="font-size: 130%;">Hide/Show Navigation Elemen digunakan untuk menggantikan drop-down menu ataupun archieve drop-down menu dan blogroll agar ia tampil lebih pendek dan ringkas serta memudahkan pengunjung menjelajahi blog kita.</span><br><br />1. Login ke blog, pilih Tata Letak, Edit Html, dan centang Expand Template Widget kemudian simpan code di bawah ini sebelum tag <span style="color: rgb(51, 51, 255);">]]></b:skin></span>.<br><blockquote style="color: rgb(255, 0, 0);">.commenthidden {display:none}<br>.commentshown {display:inline}</blockquote><br />2. Simpan Code di bawah sebelum code atau tag <span style="color: rgb(51, 51, 255);"></head></span><br /><blockquote style="color: rgb(255, 102, 0);"><script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script></blockquote><br><br />3. Dan code di bawah merupakan kode yang akan kita simpan pada Sidebar, postingan atau di mana saja selama kode ini akan di gunakan.<br><br /><blockquote style="color: rgb(255, 102, 0);"><a aiotitle="click to expand" href="javascript:togglecomments('<span style="color: rgb(0, 0, 0);">UniqueName</span>')"><span style="font-weight: bold; color: rgb(0, 0, 0);">Title</span><br></a><br /> <div class="commenthidden" id="<span style="color: rgb(0, 0, 0);">UniqueName</span>"><span style="color: rgb(0, 0, 0); font-weight: bold;">..isi..</span></div></blockquote><br><br /><li><span style="font-weight: bold; font-size: 100%;">UniqueName :</span> Anda boleh rename pada <b>UniqueName1, UniqueName2, UniqueName3</b> atau sebagainya untuk membedakan UniqueName antara satu sama lain.</li><br /><li><span style="font-weight: bold; font-size: 100%;">Title :</span> Merupakan judul (boleh diletakkan tulisan ataupun imege) yang apabila di tekan akan menampakkan atau meyembunyikan sebuah elemen.</li><br /><li><span style="font-weight: bold; font-size: 100%;">Isi :</span> Merupakan Elemen yang di sembunyikan. biasa berupa postingan, linklist dll.</li><br/><br /><br /><span style="font-weight: bold; font-size: 130%;">Penggunaan Dalam Postingan</span><br />Untuk menggunakan cara ini ke dalam postingan. Pertama dalam Editor blog kita harus menulis dalam bentuk Html jadi tekan Edit html.<br><div style="text-align: center;"><img style="width: 475px; height: 232px;" src="http://i702.photobucket.com/albums/ww28/ebucket_photo/EditHTML.png" border="0" alt="Photobucket"></div><br />Kemudian contoh penulisan kodenya seperti ini.<br /><blockquote style="color: rgb(255, 102, 0);"><a aiotitle="click to expand" href="javascript:togglecomments('<span style="color: rgb(51, 204, 0);">CONTOHPERTAMA</span>')"><br><span style="color: rgb(0, 0, 0);">Postingan...+/-</span></a><br /> <div class="commenthidden" id="<span style="color: rgb(51, 204, 0);">CONTOHPERTAMA</span>"><span style="color: rgb(0, 0, 0);">Untuk menggunakan kode ini ke dalam postingan. Pertama dalam Editor blog kita harus menulis dalam bentuk Html jadi tekan Edit html.</span></div></blockquote><br /><span style="font-weight: bold; font-size: 130%;">Penggunaan Dalam Widget LinkList atau Blogroll</span><br><br />Untuk di gunakan ke dalam elemen widget LinkList atau blogroll. Pertama cari dulu kode html LinkList kita. Caranya dalam halaman TEMPLATE buka EDIT HTML kemudian tandai Expand Template Widget.</div><br /><br><div style="text-align: center;"><img src="http://i120.photobucket.com/albums/o190/jaloewig/jaloe/ExpandTemplateWidget.png"><br></div><br /><div align="left">Setelah itu cari kode html LinkList. Misalnya kodanya seperti di bawah. Dan lihat tulisan berwarna olive merupakan kode Hide/Show Elemen, yang saya tambahkan dan tempatkan di antara kode html LinkList.<br /><blockquote style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 51, 255);"><b:widget id='LinkList1' locked='false' title='Photoshop' type='LinkList'> <b:includable id='main'></span><br><span style="color: rgb(51, 51, 255);"><b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'></span><br><a aiotitle='click to expand' href='javascript:togglecomments("<span style="font-weight: bold; color: rgb(0, 0, 0);">Basic</span>")'><br><span style="font-weight: bold; color: rgb(0, 0, 0);">Blogroll...(+/-)</span><br></a><br/> <div class='commenthidden' id='Basic'><br><ul><br><span style="color: rgb(51, 51, 255);"><b:loop values='data:links' var='link'></span><br><span style="color: rgb(51, 51, 255);"><li><aexpr:href='data:link.target'><data:link.name/></span><br><span style="color: rgb(51, 51, 255);"></a></li></span><br><span style="color: rgb(51, 51, 255);"></b:loop></span><br><span style="color: rgb(51, 51, 255);"></ul><span style="color: rgb(0,0,205);"></div></span></span><br><span style="color: rgb(51, 51, 255);"><b:include name='quickedit'/></span><br><span style="color: rgb(51, 51, 255);"></div></span><br><span style="color: rgb(51, 51, 255);"></b:includable> </b:widget></span></blockquote><br /><span style="font-weight: bold;">Basic</span> <span style="font-weight: bold;">:</span> merupakan uniqname<br /><span style="font-weight: bold;">Blogroll...(+/-)</span> <span style="font-weight: bold;">:</span> merupakan title atau semacam tombol<br /><div style="clear: both;"><br />Sumber : <a href="http://teranung.blogspot.com/2008/01/memasang-hideshow-navigation-elemen.html">teranung.blogspot</a></div></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-71778294714917096182010-02-09T19:54:00.000-08:002010-02-09T20:37:01.548-08:00Cara pasang Auto Read More terbaru<div align="justify">Fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.<br />Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, <b>jumlah karakter yang ditampilkan</b> jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.<br /><b><font color="#ff0000">Penting!</font></b> Yang sudah memasang Read More <br />versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus <br />kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi <br />tinggal disesuaikan saja)<br /><br /><font color="#008000"><div class='post-header-line-1'/><br /><div class='post-body'></font><br /><font color="#ff0000"><b:if cond='data:blog.pageType == "item"'><br /><style>.fullpost{display:inline;}</style><br /><p><data:post.body/></p><br /><b:else/></font><br /><font color="#008000"><style>.fullpost{display:none;}</style><br /><p><data:post.body/></p></font><br /><span class="fullpost"><font color="#ff0000"><a expr:href='data:post.url'></font><font color="#808000">Readmore</font></span><span class="fullpost"><font color="#ff0000"></a><br /></b:if></font></span><br /><font color="#008000"><div style='clear: both;'/></font><br /><br />OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.<br />Pertama, silahkan tuju langsung ke halaman<b> EDIT HTML</b>, Cari kode <font color="#008000"></head></font> kemudian letakan script dibawah ini di atas kode <font color="#008000"></head> </font>Kalo sudah, jangan lupa di simpan terlebih dahulu.<br /><font color="#ff0000"><b>Langsung copy paste aja kode dibawah ini:</b></font><br /><font color="#008000"><br /><script type='text/javascript'><br />var thumbnail_mode = "float" ;<br />summary_noimg = 250;<br />summary_img = 250;<br />img_thumb_height = 120;<br />img_thumb_width = 120;<br /></script></font><br /><br /><font color="#008000"><script type='text/javascript'><br />//<![CDATA[<br />/******************************************<br />Auto-readmore link script, version 2.0 (for blogspot)<br />(C)2008 by Anhvo<br />visit http://en.vietwebguide.com to get more cool hacks <br />********************************************/<br />function removeHtmlTag(strx,chop){ <br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<"); <br />for(var i=0;i<s.length;i++){ <br />if(s[i].indexOf(">")!=-1){ <br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); <br />} <br />} <br />strx = s.join(""); <br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2; <br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1); <br />return strx+'...'; <br />}<br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) { <br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img <br />src="'+img[0].src+'" width="'+img_thumb_width+'px" <br />height="'+img_thumb_height+'px"/></span>';<br />summ = summary_img;<br />}<br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script></font><br /><br />Masih pada halaman <b>EDIT HTML</b>, <span class="fullpost">Beri tanda centang pada <b>"Expand widget template" </b>lalu temukan kode seperti dibawah</span><br /><font color="#008000"><data:post.body/></font></p><p> <br /><span class="fullpost">Kalo sudah, ganti kode<b> </b></span> <font color="#008000"><data:post.body/></font> dengan semua kode dibawah ini<br /><font color="#008000"><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span></b:if><b:if cond='data:blog.pageType ==&quot;item&quot;'><data:post.body/></b:if></font> <br /><br />Silahkan disimpan dan lihat hasilnya.<br /><br /><b>Keterangan:</b><br /><li><b>var thumbnail_mode = "float";</b> (kita dapat memutuskan apakah letak thumbnail berada di (<b>float)</b> kiri atau jika tidak silahkan ganti <br />dengan <b>(no-float</b>)</li><br /><li><b>summary_noimg = 250;</b> (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)</li><br /><li><b>summary_img = 250; </b>(Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)</li><br /><li><b>img_thumb_height = 120;</b> (Thumbnail 'tinggi dalam piksel)</li><br /><li><b>img_thumb_width = 120</b>; (Thumbnail 'lebar dalam piksel)</li><br /><br /><p>Selamat mencoba..happy tutorial with <a href="http://www.o-om.com/2009/04/cara-pasang-auto-read-more-terbaru-part.html">o-om.com</a> :)</p></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-51775370876529478522010-02-05T08:09:00.000-08:002010-02-10T18:18:36.734-08:00Membuat Meta Keyword Yang DinamisDari sobat : Azis Lamayuda |<a href="http://www.z33s.co.cc/2009/11/membuat-meta-keyword-yang-dinamis.html" target="_blank"> www.z33s.co.cc</a><br /><br /><div class="post-body entry-content"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl5m2xbP-lhF_ZF__yVHW8ryMGm4HsuZ4e0eABnBIsNgD9RmVxueDTU6A6UFf_qEr5nLh-tLSpE8hv2gQLRsuTtVLvPK4cIKeKeJuH1T3ozmXVTnztAYS9S4K3vVlG7P-5bdmdRd9hsxMX/s1600/seo-your-website.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 210px; height: 158px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl5m2xbP-lhF_ZF__yVHW8ryMGm4HsuZ4e0eABnBIsNgD9RmVxueDTU6A6UFf_qEr5nLh-tLSpE8hv2gQLRsuTtVLvPK4cIKeKeJuH1T3ozmXVTnztAYS9S4K3vVlG7P-5bdmdRd9hsxMX/s320/seo-your-website.gif" alt="" id="BLOGGER_PHOTO_ID_5407345938797384114" border="0"></a>Setiap orang yang jadi seorang Blogger pasti selalu berharap dan ingin sekali jika Web atau Blognya berada di jajaran depan mesin pencari seperti Mbah Google, Yahoo, dan Yang lainnya. Namun itu semua tak lupu dari beberapa usaha yang harus dilewati dengan penuh kesabaran. mungkin salah satu usaha yang bisa ditempuh itu salah satunya yang akan saya posting disini yaitu Membuat meta keyword yang dinamis dengan cara mengotak-atik HTML Template Blog/web kita.<br><div style="text-align: justify;"><span style="font-weight: bold;">Meta Keyword Dinamis </span>atau sering disebut juga <span style="font-weight: bold;">Dynamic Meta Keyword</span> adalah salah satu teknik SEO dimana meta keyword yang digunakan dapat berubah-ubah sesuai dengan artikel.<br><span class="fullpost">Penggunaan Meta Keyword Dinamis juga untuk menghindari duplikat meta content. Umumnya kan yang digunain tuh meta keyword statis atau manual dimana keywordnya dimasukin sendiri satu persatu, selain itu juga untuk setiap halaman selalu sama. Sebelumnya juga Kita telah membahas mengenai <a href="http://www.z33s.co.cc/2009/11/optimisasi-meta-tag-keyword-dan.html">optimasi meta keyword dan deskripsinya</a>. Langsung saja, cara ini saya dapat dari <b>Eblogtemplate</b> yang telah mempopulerkannya. untuk melihat secara langsung klik <a href="http://www.eblogtemplates.com/improve-your-google-rankings-in-one-easy-step/" target="_blank">disini</a>.</span><br><span class="fullpost">Biasanya didalam barisan HTML meta tag nya seperti ini :</span><br /><span style="color: rgb(255, 0, 0);"><span class="fullpost"></span><blockquote><span class="fullpost"><b:if cond='data:blog.pageType == "index"'></span><br><span class="fullpost"><title><data:blog.title/></title></span><br><span class="fullpost"><b:else/></span><br><span class="fullpost"><title><data:blog.pageName/> | <data:blog.title/></title></span><span class="fullpost"></b:if></span></blockquote></span><br /><span class="fullpost">Lalu modifikasi atau ganti saja menjadi seperti ini:</span><br /><font color="#008000"><span class="fullpost"></span><blockquote><span class="fullpost"><b:if cond='data:blog.pageType == "index"'></span><br><span class="fullpost"><title><data:blog.title/></title></span><br><span class="fullpost"><b:else/></span><br><span class="fullpost"><title><data:blog.pageName/> | <data:blog.title/></title></span><br><span class="fullpost"><meta expr:content='data:blog.pageName' name='Description'/></span><br><span class="fullpost"><meta expr:content='data:blog.pageName' name='Keywords'/></span><span class="fullpost"></b:if></span></blockquote></font><br /><span class="fullpost">Dengan begitu, maka jika postingan anda dibuka maka title di browser akan menampilkan judul postingan anda, meta deskripsi blog anda juga menampilkan judul postingan anda, dan meta keywordnya adalah judul postingan anda.</span><br><span class="fullpost">Jadi meta keyword dinamis seperti diatas hanya bisa menampilkan keyword berupa judul postingan anda saja. Sebenarnya bisa juga menggunakan label/kategori postingan anda sebagai keyword, tapi kurang etis jika untuk satu postingan anda harus memberi 10 label/kategori.</span><br><br /><span class="fullpost">Jika sudah selesai cari kode <span style="color: rgb(255, 0, 0);"><Head></span>, Lalu sisipkan kode berikut di atasnya:</span><br><br /><font color="#008000"><span class="fullpost"></span><blockquote><span class="fullpost"><b:if cond='data:blog.pageType == "item"'></span><br><span class="fullpost"><b:section id='meta1' showaddelement='no'></span><br><span class="fullpost"><b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'></span><br><span class="fullpost"><b:includable id='nextprev'/></span><br><span class="fullpost"><b:includable id='backlinks' var='post'/></span><br><span class="fullpost"><b:includable id='post' var='post'/></span><br><span class="fullpost"><b:includable id='status-message'/></span><br><span class="fullpost"><b:includable id='comment-form' var='post'/></span><br><span class="fullpost"><b:includable id='backlinkDeleteIcon' var='backlink'/></span><br><span class="fullpost"><b:includable id='postQuickEdit' var='post'/></span><br><span class="fullpost"><b:includable id='main' var='top'></span><br><span class="fullpost"><b:loop values='data:posts' var='post'></span><br><span class="fullpost"><b:if cond='data:post.labels'></span><br><span class="fullpost"><meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" /></span><br><span class="fullpost"></b:if></span><br><span class="fullpost"></b:loop></span><br><span class="fullpost"></b:includable></span><br><span class="fullpost"><b:includable id='commentDeleteIcon' var='comment'/></span><br><span class="fullpost"><b:includable id='feedLinks'/></span><br><span class="fullpost"><b:includable id='feedLinksBody' var='links'/></span><br><span class="fullpost"><b:includable id='comments' var='post'/></span><br><span class="fullpost"></b:widget></span><br><span class="fullpost"></b:section></span><br><span class="fullpost"></b:if></span></blockquote></font><br /><li><b>Agar Title SEO Friendly</b> kata <a href="http://www.o-om.com/2008/08/kumpulan-blogger-hack-dan-tutorial.html">O-Om</a></li><br />Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.<br />Cari kode title dibawah ini:<br /><font color="#008000"><title><data:blog.pageTitle/></title></font><br />Kemudian ganti semua kode diatas dengan kode dibawah<br /><font color="#008000"><li><b:if cond='data:blog.pageType == &quot;index&quot;'><br /><title><data:blog.pageTitle/></title><br /><b:else/><br /><title><data:blog.pageName/></title><br /></b:if></font></p><br /><li><strong>Memasang Meta tag pada bagian header kode template</strong>.</li><br />Kalau anda ingin memasang meta tag seperti <a href="http://kolom-tutorial.blogspot.com/2008/02/tips-seo-search-engine-optimization.html">Kang rohman</a> pakai, kodenya adalah seperti ini :<br /><code><br /><font color="#008000"><b:if cond='data:blog.pageType == "archive"'><br /><meta content='noindex,follow' name='robots'/><br /></b:if><br /><b:if cond='data:blog.pageType == "index"'><br /><b:if cond='data:blog.url != data:blog.homepageUrl'> <br /><meta content='noindex,follow' name='robots'/> <br /></b:if> <br /></b:if> <br /> <title><data:blog.pageTitle/></title><br /><meta content='text/html; charset=utf-8' http-equiv='Content-Type'/><br /><meta content='</font><span style="color: rgb(255, 0, 0);">Judul Blog Anda</span>' <font color="#008000">name='Author'/></font><br /><font color="#008000"><meta content='1 days' name='revisit-after'/><br /><meta content='</font><span style="color: rgb(255, 0, 0);">Tentang isi blog anda</span>' <font color="#008000">name='description'/><br /><meta content=</font>'<span style="color: rgb(255, 0, 0);">Keyword yang sesuai isi blog anda, seperti tutorial blog, bikin blog, cara bikin blog, download, software gratis, gratis, google adsense, bisnis internet, template dll</span>' <font color="#008000">name='keywords'/><br /><meta content='-5;120' name='geo.position'/><br /><meta content='id' name='geo.country'/></font><br /> </code><br />Untuk author serta <strong>meta keyword</strong> tentu saja harus di sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon di koreksi apabila ada kesalahan pemasangan kode (maklum pemula, pasang kode tidak tahu bener atau nggaknya).<br /><span class="fullpost">Jangan lupa di <b>Save</b>, terus lihat dan rasakan hasilnya. selain itu , ada tips yang harus di perhatikan dalam hal membuat meta tag deskripsi atau keyword yaitu di antaranya : </span><br /><ol><li>Pastikan jumlah karakter keyword tidak melebihi 500 karakter.</li><br /><li>Sebaiknya keyword yang di pasang di blog anda harus selalu berhubungan dengan apa yang anda tulis</li><br /><li>Jangan membuat keyword yang melenceng dari jalur postingan yaitu keyword itu tidak nyambung dengan isi potingannya.</li></ol><br /><span class="fullpost">Selanjutnya ada cara yang terbukti sangat efektif meningkatkan SEO yang bisa di lakukan dengan meng-submit web/blog secara otomatis, selengkapnya <font color="#0000FF"><strong>daftar 159 SEO gratis</strong></font> dapat anda lihat <a href="http://bina-talenta.blogspot.com/2010/02/link-gratis.html" target="_blank">disini</a><br /><br />Mungkin itu saja yang bisa saya berikan dan kalau ada yang menambahkann saya tunggu. Terima kasih dan semoga bermanfaat.</span></div></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-84751618158683881812010-02-05T07:05:00.000-08:002010-02-05T20:25:28.753-08:00Mengukur Berat Loading BlogMengukur Berat Dan Loading Blog dari <a href="http://saungweb.blogspot.com/2009/09/mengukur-berat-dan-loading-blog.html">saungweb.blogspot.com</a><br /><br /><div align="left"><font size="2">Keasyikan mempercantik tampilan blog dengan memasang segala pernak pernik accessories seperti widget , banner dsb, hingga membuat penampilan blog kita semakin cantik dan elegan, tapi itu harus dibayar mahal dengan loading yang lama karena blog kita menjadi berat alias gendut bin gembrot, apalagi kalau koneksi internetnya lambat..itulah yang saya alami hingga lupa <strong>Mengukur Berat Dan Loading Blog</strong> ini.</font></p><p align="justify"><font size="2"></font></p><br><br /><p align="justify"><font size="2">Dulu pernah diingatkan tentang seberapa berat blog ini hingga dilakukan operasi besar ganti template, akhirnya tampil lebih pede dengan </font><a href="http://saungweb.blogspot.com/2009/07/wajah-baru-dengan-free-template.html" target="_blank"><font size="2">Wajah Baru Dengan Free Template</font></a><font size="2"> , dan berhasil menurunkan berat blog ini dari 210 menjadi 133 KB . walaupun ini masih gendut karena katanya batas normalnya itu 100 KB.</font></p><p align="justify"><font size="2"></font></p><p align="justify"><font size="2"></font></p><p align="justify"><font size="2">Waktu berjalan , keasyikan lagi hingga lupa untuk diet , bengkak lagi menjadi 178 KB.., akhirnya diet lagi tapi sampai sekarang baru turun hingga 155 KB.. masih berat ..bingung juga apalagi yg mesti dibuang ya.. padahal saya telah membuang :</font></p><br /><br /><ol><li><font size="2">Banner iklan 3 buah </font></li><br /><li><font size="2">Banner SEO 2 buah walau gak banyak ngaruh </font></li><br /><li><font size="2">Label Link , adense </font></li><br /><li><font size="2">Tampilan posting di halaman utama dari 5 jadi 4 artikel</font> </li><br /><li><font size="2">Kode ShinyStat .</font> </li><br /><li><font size="2">Lupa lagi.. pokokny dll.</font> </li><br /></ol><p><font size="2"></font></p><p align="justify"><font size="2">Sekarang saya pasang tool untuk mengukur berat blog ini, agar selalu ingat utk diet.. ya hitung2 di Posyandu aja pan tiap bulan Balita itu mesti timbang badan biar sehat ..hehee</font></p><p align="justify"><font size="2">Ada beberapa tools online service yang menyediakan jasa untuk test kecepatan atau <strong>Mengukur Berat Dan Loading Blog</strong> atau website, namun ingat hal ini tidak termasuk : koneksi internet yang memang lambat , komputer kita yang memang lemot n jadul dan kesalahan alam lainnya , tool tersebut diantaranya : </font><br /><br /><ol><li> <div align="justify"><font size="2">Pakai </font><a href="http://www.iwebtool.com/speed_test" target="_blank"><font size="2">Iwebtool speed test</font></a><font size="2"> : Tinggal masukan URL Blog , klik Submit nanti akan tahu seberapa berat Size-nya (KB) dan berapa lama loadingnya (seconds). </font></div></li><br /><li> <div align="justify"><font size="2">Tool </font><a href="http://tools.pingdom.com/" target="_blank"><font size="2">Pingdom</font></a><font size="2"> : Yang ini hasilnya agak komplit dan rinci sebab menampilkan grafik tentang lamanya loading dari semua objek link yang ada dalam blog kita, </font></div></li><br /><li> <div align="justify"><font size="2">Tool </font><a href="http://www.numion.com/Stopwatch/" target="_blank"><font size="2">Stopwatch</font></a><font size="2"> : Namanya juga stopwatch jadi kita akan tahu berapa detik loading blog kita </font></div></li><br /><br /><li> <div align="justify"><font size="2">Pakai </font><a href="%20http://websiteoptimization.com/services/analyze/" target="_blank"><font size="2">WebSiteOptimization.com</font></a><font size="2">. Yang ini hasilnya akan lebih komplit lagi, kita dapat mengetahui seberapa cepat waktu loading sebuah website apabila diakses menggunakan 6 kecepatan koneksi internet. Hasil tes juga disertai dengan analisis website yang dapat dipakai sebagai acuan untuk optimasi website lebih lanjut. </font></div></li><br /></ol><p align="justify"><font size="2"></font></p><br /><p align="justify"><font size="2">Dari tools diatas , disini saya hanya akan pasang yang no. 1 saja, sedangkan untuk yg lainnya akan saya posting kemudian ( jika sempat). Namun agar blog/website kita tidak berat dan loadnya cepat ada beberapa tips yg mesti diperhatikan diantaranya :</font></p><p align="justify"><font size="2"></font></p><ol><li> <div align="justify"><font size="2">Hapus Widgert/ script yang tidak penting2 amat , hal ini berdasarkan kepada : <br />• Apakah widget ini sangat anda butuhkan ? <br />• Apakah widget ini mempunyai nilai / kegunaan bagi pembaca (jika widget ini tidak ada apakah pembaca akan kesulitan mencari sebuah artikel)? <br />• Apakah pembaca anda akan mengeluh jika anda menghapus widget dari tampilan blog anda? <br /></font></div></li><br /><li> <div align="justify"><font size="2">Kurangi jumlah atau perkecil gambar yang anda gunakan . </font></div></li><br /><li> <div align="justify"><font size="2">Sederhanakan CSS anda ..dengan cara mengkompresnya… Caranya .. tunggu dalam postingan selanjutnya </font></div></li><br /></ol><p align="justify"><font size="2"></font><br /><p align="justify"><font size="2">Untuk mengukur berat dan loading blog atau web anda, silahkan masukan URL nya disini ( maksimal 10), silahkan timbang blog anda <a href="http://www.iwebtool.com/speed_test">disini</a>.</font><br /></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-76685419891768067842010-02-05T06:50:00.000-08:002010-02-05T07:01:10.431-08:00Mempercepat Login Blog 1Mempercepat Loading Blog Dengan Css Compress <a href="http://www.z33s.co.cc/2009/11/memepercepat-loading-blog-dengan-css.html">dari www.z33s.co.cc</a><br /><br /><br /><div style="text-align: justify;">Seberapa berat login blog anda...? itu mungkin yang patut kita tanyakan pada blog kita. OK kali ini saya akan membantu mempercepat login di blog supaya lebih cepat waktu loadingnya. Kita akan mempercepat dengan mengotak atik yang namanya CSS.<br><span style="font-weight: bold; color: rgb(0, 102, 0);">CSS</span>...? apa CSS itu?<br>CSS itu kependekan dari Cascading Style Sheet yaitu sebuah bahasa program atau dokumen yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web atau blog. Salah satu cara mengoptimalkannya adalah dengan mengompresnya agar ukurannya menjadi lebih kecil , sehingga tidak terlalu membebani loading blog, dengan demikian diharapkan loading blog menjadi lebih cepat lagi karena 'sizenya' telah berkurang setelah di compress.<br><br><span class="fullpost">Langsung aja, berikut tahap-tahapnya:</span><br><br><span class="fullpost"> 1. Login ke Blogger lalu pilih Lay Out dan klik <span style="color: rgb(255, 0, 0);">Edit HMTL</span></span><br><br><span class="fullpost"> 2. Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.</span><br><br><span class="fullpost"> 3. Cari kode CSS nya , biasanya terletak antara kode :<span style="color: rgb(255, 0, 0);"><b:skin><![CDATA[/* </span> dan <span style="color: rgb(255, 0, 0);">]]></b:skin></span></span><br><br><span class="fullpost"> 4. Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu nanti diperlukan lagi. </span><br><br><span class="fullpost"> 5. Jika sudah baru kita masuk ke <a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSSdrive.com</a> untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code</span><br><br><span class="fullpost"> 6. Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.</span><br><br><span class="fullpost"> 7. Nanti ada beberapa pilihan seperti di bawah ini : (Untuk pemula sebaiknya pilih <span style="font-weight: bold; color: rgb(0, 0, 153);">Light</span> dan <span style="font-weight: bold; color: rgb(0, 0, 153);">Don strip any comments</span> saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek CSS lagi).</span><br><br><br><span class="fullpost"> </span><blockquote><span class="fullpost">Compression mode: (?)</span><br><br><span class="fullpost"> Light</span><br><span class="fullpost"> Normal</span><br><span class="fullpost"> Super Compact</span><br><br><span class="fullpost"> Comments handling: (?)</span><br><span class="fullpost"> Don't strip any comments</span><br><span class="fullpost"> Strip ALL comments</span><br><span class="fullpost"> Strip comments at least chars long (NOT counting line breaks within comment)</span><br></blockquote><br><br><span class="fullpost"> 8. Klik Compress it yang ada dibawah kotak tersebut</span><br><span class="fullpost"> 9. Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan seperti ini :</span><br><br><br><span class="fullpost"> </span><blockquote><span class="fullpost">Compression results</span><br><br><span class="fullpost"> Original size: 14487 bytes</span><br><br><span class="fullpost"> Compressed size: 12357 bytes</span><br><br><span class="fullpost"> Savings: 2130 bytes (15%)</span></blockquote><br><br><span class="fullpost"> 10. Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara : <span style="color: rgb(255, 0, 0);"><b:skin><![CDATA[/* <span style="color: rgb(0, 0, 0);">dan</span> ]]></b:skin></span></span><br><span class="fullpost"> 11. Jika semua sudah selesai jangan lupa Save Templates</span><br><span class="fullpost"> 12. Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog</span><br><span class="fullpost"> 13. Jika mau tahu Seberapa Berat Blog Sobat, Klik aja <a href="http://saungweb.blogspot.com/2009/09/mengukur-berat-dan-loading-blog.html">disini</a></span></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-10362208385963059542010-02-05T06:40:00.000-08:002010-02-05T07:03:13.024-08:00Mempercepat Login Blog 2Cara mempercepat login blog dengan HTML Compress ( Mengcompress HTML menjadi lebih ringan )dari sobat <a href="http://www.z33s.co.cc/2009/11/html-compress-mengcompress-html-menjadi.html">www.z33s.co.cc</a><br /><br /><div style="text-align: justify;">Blog atau web adalah sarana yang tepat untuk mengutarakan buah pikiran kita yang selalu tersirat setiap detik. Namun sungguh sangat disayangkan kalau kita selalu harus bersikap sabar menunggu loading blog/web kita yang sangat lama.<br>untuk itu saya akan berikan salah satu dari sekian banyak situs yang datap melakukan compress terhadap blog kita sehingga menjadi lebih ringan. mungkin kalo sebelumnya saya telah menjelaskan <a href="http://www.z33s.co.cc/2009/11/memepercepat-loading-blog-dengan-css.html">cara melakukan compress pada CSS</a>.<br><br><span class="fullpost">berikut caranya:</span><br><span class="fullpost">1. silahkan kunjungi situs <a href="http://www.textfixer.com/html/compress-html-compression.php">www.textfixer.com/</a>, </span><br><span class="fullpost">2. scroll kursor kalian ke bagian bawah halaman web,</span><br><span class="fullpost">3. disana kalian akan melihat sebuah kotak kosong yang siap untuk disisipkan semua kode HTML kita.</span><br><span class="fullpost">4. Copy dan paste kode HTML blog kita dengan cara login ke blogger kamu, Masuk Tata Letak/Layout, setelah itu klik EDIT HTML.</span><br><span class="fullpost">5. setelah kode HTML di paste di kotak. kalian Klik " COMPRESS HTML"</span><br><span class="fullpost">6. Hasil Compress akan mucul di kotak baru bagian bawah. Copy dan paste kembali ke blog kalian.</span><br><span class="fullpost">7. selamat mencoba dan semoga berhasil.</span><br><span class="fullpost"><br>Selain itu kalian juga dapa mendownload <a href="http://www.antssoft.com/download.htm">HTML Compression Tool</a> dan <a href="http://www.ziddu.com/download/7322497/hc5420050602.exe.html">HTML Compress</a> yang dapat membantu anda juga. </span><span style="font-weight: bold;" class="fullpost"><br><br>NB: Jangan lupa untuk mem-Backup template terlebih dahulu.</span></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-21689025326841034622010-02-05T05:13:00.000-08:002010-02-05T05:24:25.526-08:00Memposting Kode HTML Pada Artikel 2Dicopas dari : <a href="http://hermanblogtips.blogspot.com/2008/10/cara-menuliskan-kode-html-pada-artikel.html" target="_blank">hermanblogtips.blogspot.com</a><br /><br /><div align="left"><p>Untuk memposting kode HTML pada artikel, Anda harus menggunakan sebuah <span>software</span> untuk mengkonversi/mengubah kode HTML menjadi kode yang dapat dibaca pada artikel.<br><br>Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode <span style="color: rgb(51, 51, 255);"><</span> harus diganti dengan <span style="color: rgb(51, 51, 255);">&lt;</span> dan kode <span style="color: rgb(51, 51, 255);">&lt;</span> harus diganti dengan <span style="color: rgb(51, 51, 255);">&amp;lt;<br><br><span style="color: rgb(0, 0, 0);">Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel: </span><br></span> <span id="fullpost"><br>1. Buka <span style="font-weight: bold;">http://centricle.com/tools/html-entities/</span><br><br>2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak <span>Centricle</span>. Misalnya kode <span style="color: rgb(51, 51, 255);"><div id='outer-wrapper'></span>.<br><br><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlW2pgh2bH_6v_TSifFFIwokOVyRkc5lkwRgTQOGmZAw5TBkE42b3pPhgZ74zwwd7KEFeO97vDhdyy9vsWkb2dcZeAc41XPiPlH-8pIAbaRLFpSo4oViGdkXAyn2oapFw2ynqfv70nznK7/s1600-h/centricle.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlW2pgh2bH_6v_TSifFFIwokOVyRkc5lkwRgTQOGmZAw5TBkE42b3pPhgZ74zwwd7KEFeO97vDhdyy9vsWkb2dcZeAc41XPiPlH-8pIAbaRLFpSo4oViGdkXAyn2oapFw2ynqfv70nznK7/s400/centricle.gif" alt="centricle" id="BLOGGER_PHOTO_ID_5261690068407319858" border="0"></a><br>3. Klik <span style="font-weight: bold;">Encode</span><span><span>. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.</span></span><span style="font-weight: bold;"><span><br><br><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD9lHIcPrlCExbUQtE_MJOSdcTcrE2BJKKHAWt1-6CaOXqHeVTRgF7bI0uO0NLdDzvDsaQ2-I41hGnn0YXlh4jTJi5YcIo4VddJLDfZzCHcrk5UXdUKl2W8TE_YN30vFqCyo_VazIxDXHu/s1600-h/centricle1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD9lHIcPrlCExbUQtE_MJOSdcTcrE2BJKKHAWt1-6CaOXqHeVTRgF7bI0uO0NLdDzvDsaQ2-I41hGnn0YXlh4jTJi5YcIo4VddJLDfZzCHcrk5UXdUKl2W8TE_YN30vFqCyo_VazIxDXHu/s400/centricle1.gif" alt="centricle encode" id="BLOGGER_PHOTO_ID_5261689884503676242" border="0"></a><span><br></span></span></span><span><span><span>4. Gunakan kode baru tersebut untuk diposting pada a<span>rti<span>kel<span><br><br>Semoga bermanfaat..!!</span></span></span></span></span></span><span style="font-weight: bold;"><span><span><span><span><span><br></span></span></span></span></span></span></span></p><br />Update - Pilihan selain <a href="http://centricle.com/tools/html-entities/">http://centricle.com/tools/html-entities</a> juga masih ada satu tempat lagi yaitu : <a href="http://www.blogcrowds.com/resources/parse_html.php">http://www.blogcrowds.com/resources/parse_html.php</a></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-55284094498159297612010-02-05T04:54:00.000-08:002010-02-05T05:04:00.557-08:00Teks Berjalan di Menu BarThanks For : <a href="http://hermanblogtips.blogspot.com/2009/03/membuat-teks-berjalan-di-menu-bar.html">hermanblogtips.blogspot.com</a><br /><br /><p>Selain membuat teks berjalan di blog. Kita juga bisa membuat teks berjalan di menu bar. Belum tahu apa itu menu bar? Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser seperti gambar dibawah ini.<br><br><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7eqzJKyFyvA0eo4ybnMqL8HoZvMH0mMTOwVCviL0rmnAvhBGF_HrkNTY0HjG3xaUvo293ymVDtUcE097M1Agmd5bugEJL8OmTvKpmjY_pA-Pf0YhJ1hr-ykHzODi2V24cjiGu_WQ7Bl4d/s1600-h/menu+bar.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 84px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7eqzJKyFyvA0eo4ybnMqL8HoZvMH0mMTOwVCviL0rmnAvhBGF_HrkNTY0HjG3xaUvo293ymVDtUcE097M1Agmd5bugEJL8OmTvKpmjY_pA-Pf0YhJ1hr-ykHzODi2V24cjiGu_WQ7Bl4d/s400/menu+bar.gif" alt="" id="BLOGGER_PHOTO_ID_5318518323561731634" border="0"></a><br /><div align="left">Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:<br><br>1. Login ke blogger<br>2. Pada menu <span style="font-weight: bold;">Layout</span> -> <span style="font-weight: bold;">Edit HTML</span><br>3. Letakkan kode dibawah ini diatas kode <span style="font-weight: bold;"></head></span><br><br><blockquote><script type='text/javascript'><br>//<![CDATA[<br><br>msg = <span style="color: rgb(255, 0, 0);">" -- Selamat datang di Simple Preview "</span>;<br>msg = <span style="color: rgb(255, 0, 0);">" | pernak-pernik blog -- "</span> + msg;pos = 0;<br>function scrollMSG() {<br>document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;<br>if (pos > msg.length) pos = 0<br>window.setTimeout("scrollMSG()",200);<br>}<br>scrollMSG();<br>//]]><br></script></blockquote><br>Ganti teks berwarna merah dengan teks yang ingin anda tampilkan.<br>Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.<br><br>4. Jika sudah, klik <span style="font-weight: bold;">Save Template</span>. Selesai<br><br>Jika berhasil anda akan melihat teksnya berjalan di menu bar seperti yang anda lihat di blog ini.</div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-67026382949970140152010-02-05T03:24:00.000-08:002010-02-05T03:35:02.966-08:00Memasang Label Cloud Pada BloggerPostingan ini dapat dari <a href="http://www.blogger.com/post-edit.g?blogID=5215837240841939911&postID=6702638294997014015">hermanblogtips.blogspot.com</a><br /><br /><div align="left"><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pbkB8bZA8RSCqHr37EZLvpg5rjIf3_3F641URsUVQIqNj14tgoG0P808N6GtfuA_Iyj6XsD9MbrlxxXgTRZNy2EiwoOCe9Dz5qJy_XumpyLs7bco6RRlUgoI9Wp-CgC2_lxBUMGVETx4/s1600-h/label+cloud.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 273px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pbkB8bZA8RSCqHr37EZLvpg5rjIf3_3F641URsUVQIqNj14tgoG0P808N6GtfuA_Iyj6XsD9MbrlxxXgTRZNy2EiwoOCe9Dz5qJy_XumpyLs7bco6RRlUgoI9Wp-CgC2_lxBUMGVETx4/s400/label+cloud.gif" alt="label cloud" id="BLOGGER_PHOTO_ID_5317740437215168946" border="0"></a>Label cloud ini dikembangkan oleh <a href="http://phydeaux3.blogspot.com/2006/09/code-for-beta-blogger-label-cloud.html" target="_blank" class="liexternal">phydeaux3</a>. Sesuai dengan namanya, widget ini berhubungan dengan label sehingga bagi anda yang tidak memasang widget label pada blog anda. Cara ini tidak bisa digunakan.<br><br>Untuk <a href="http://hermanblogtips.blogspot.com/2008/10/apa-fungsi-labels.html" target="new">label</a> standar blogger, biasanya jumlah postingan yang termasuk dalam kategori tersebut akan tertera dalam bentuk angka yang terletak disampingnya. Tetapi beda dengan <a href="http://hermanblogtips.blogspot.com/2009/03/memasang-label-cloud-pada-blogger.html">label cloud</a>, yang menggambarkan jumlah postingan dalam bentuk ukuran font labelnya. Jadi semakin banyak postingan yang termasuk dalam kategori tersebut semakin besar pula ukuran fontnya. Sehingga terlihat lebih menarik dan tidak monoton. Selain itu, cara ini juga cocok untuk ukuran sidebar yang lebar karena susunannya mengurut ke samping.<br><br>Nah bagi anda yang ingin memasang label cloud ini, berikut adalah langkah-langkahnya:<br><br>1. Seperti biasa login ke Blogger. Pada menu <span style="font-weight: bold;">Layout</span> -> <span style="font-weight: bold;">Edit HTML</span><br>2. Backup template anda<br>3. Beri tanda centang pada "<span style="font-weight: bold;">Expand Widget Templates</span>"<br>4. Letakkan kode dibawah ini diatas kode <span style="color: rgb(255, 0, 0);">]]></b:skin></span><br><br><blockquote><code>/* Label Cloud Styles<br>----------------------------------------------- */<br>#labelCloud {text-align:center;font-family:arial,sans-serif;}<br>#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}<br>#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br>#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}<br>#labelCloud a{text-decoration:none}<br>#labelCloud a:hover{text-decoration:underline}<br>#labelCloud li a{}<br>#labelCloud .label-cloud {}<br>#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}<br>#labelCloud .label-cloud li:before{content:"" !important} </code></blockquote>5. Setelah itu, letakkan kode dibawah ini diatas kode <span style="color: rgb(255, 0, 0);"></head></span><br><br><blockquote><script type='text/javascript'><br>// Label Cloud User Variables<br>var cloudMin = 1;<br>var maxFontSize = 20; <span style="color: rgb(51, 51, 255);">/* Ukuran maksimal font label*/</span><br>var maxColor = [0,0,0]; <span style="color: rgb(51, 51, 255);">/* Warna font besar */</span><br>var minFontSize = 10; <span style="color: rgb(51, 51, 255);">/* Ukuran minimal font label */</span><br>var minColor = [179,179,179]; <span style="color: rgb(51, 51, 255);">/* Warna font kecil */</span><br>var lcShowCount = false;<br></script></blockquote>6. Lalu cari kode dibawah ini.<br><br><blockquote><b:widget id='Label1' locked='false' title='Labels' type='Label'><br><b:includable id='main'><br><b:if cond='data:title'><br><h2><data:title/></h2><br></b:if><br><div class='widget-content'><br><ul><br><b:loop values='data:labels' var='label'><br><li><br><b:if cond='data:blog.url == data:label.url'><br><data:label.name/><br><b:else/><br><a expr:href='data:label.url'><data:label.name/></a><br></b:if><br>(<data:label.count/>)<br></li><br></b:loop><br></ul><br><br><b:include name='quickedit'/><br></div><br></b:includable><br></b:widget></blockquote>7. Ganti kode diatas dengan kode dibawah ini<br><br><blockquote><b:widget id='Label1' locked='false' title='Label Cloud' type='Label'><br><b:includable id='main'><br><b:if cond='data:title'><br><h2><data:title/></h2><br></b:if><br><br><div class='widget-content'><br><div id='labelCloud'/><br><script type='text/javascript'><br><br>// Don't change anything past this point --------------<br>// Cloud function s() ripped from del.icio.us<br>function s(a,b,i,x){<br>if(a&gt;b){<br>var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br>}<br>else{<br>var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br>}<br>return v<br>}<br><br><br>var c=[];<br>var labelCount = new Array();<br>var ts = new Object;<br><b:loop values='data:labels' var='label'><br>var theName = &quot;<data:label.name/>&quot;;<br>ts[theName] = <data:label.count/>;<br></b:loop><br><br>for (t in ts){<br>if (!labelCount[ts[t]]){<br>labelCount[ts[t]] = new Array(ts[t])<br>}<br>}<br>var ta=cloudMin-1;<br>tz = labelCount.length - cloudMin;<br>lc2 = document.getElementById('labelCloud');<br>ul = document.createElement('ul');<br>ul.className = 'label-cloud';<br>for(var t in ts){<br>if(ts[t] &lt; cloudMin){<br>continue;<br>}<br>for (var i=0;3 &gt; i;i++) {<br>c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br>}<br>var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br>li = document.createElement('li');<br>li.style.fontSize = fs+'px';<br>li.style.lineHeight = '1';<br>a = document.createElement('a');<br>a.title = ts[t]+' Posts in '+t;<br>a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';<br>a.href = '/search/label/'+encodeURIComponent(t);<br>if (lcShowCount){<br>span = document.createElement('span');<br>span.innerHTML = '('+ts[t]+') ';<br>span.className = 'label-count';<br>a.appendChild(document.createTextNode(t));<br>li.appendChild(a);<br>li.appendChild(span);<br>}<br>else {<br>a.appendChild(document.createTextNode(t));<br>li.appendChild(a);<br>}<br>ul.appendChild(li);<br>abnk = document.createTextNode(' ');<br>ul.appendChild(abnk);<br>}<br>lc2.appendChild(ul);<br></script><br><br><noscript><br><ul><br><b:loop values='data:labels' var='label'><br><li><br><b:if cond='data:blog.url == data:label.url'><br><data:label.name/><br><b:else/><br><a expr:href='data:label.url'><data:label.name/></a><br></b:if><br>(<data:label.count/>)<br></li><br></b:loop><br></ul><br></noscript><br><b:include name='quickedit'/><br></div><br><br></b:includable><br></b:widget></blockquote>8. Kalau sudah, klik <span style="font-weight: bold;">Save Template</span>. Selesai<br><br>Jika sobat ingin memodifikasi ukuran dan warna font labelnya. Silahkan arahkan perhatian anda pada kode seperti ini<br><br><blockquote><script type='text/javascript'><br>// Label Cloud User Variables<br>var cloudMin = 1;<br>var maxFontSize = <span style="color: rgb(255, 0, 0);">20</span>; <span style="color: rgb(51, 51, 255);">/* Ukuran maksimal font label*/</span><br>var maxColor = [<span style="color: rgb(255, 0, 0);">0</span>,<span style="color: rgb(255, 0, 0);">0</span>,<span style="color: rgb(255, 0, 0);">0</span>]; <span style="color: rgb(51, 51, 255);">/* Warna font besar */</span><br>var minFontSize = <span style="color: rgb(255, 0, 0);">10</span>; <span style="color: rgb(51, 51, 255);">/* Ukuran minimal font label */</span><br>var minColor = [<span style="color: rgb(255, 0, 0);">179</span>,<span style="color: rgb(255, 102, 102);">179</span>,<span style="color: rgb(255, 0, 0);">179</span>]; <span style="color: rgb(51, 51, 255);">/* Warna font kecil */</span><br>var lcShowCount = false;<br></script></blockquote>Ganti tulisan yang berwarna <font size="3" color="red">merah</font> sesuai keinginan. Selamat mencoba..!</div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-24079702462018531442010-02-04T20:50:00.000-08:002010-02-05T03:02:08.849-08:00Cara Membuat Daftar Isi secara ManualCara ini di ambil dari : <a href="http://www.karsono.co.cc/2009/08/membuat-daftar-isi-di-blog-secara.html">www.karsono.co.cc</a><br /><br/><br /><h2><blink>PENTING</blink></h2><br /><div align="justify">Sebelum memulai tips ini sebaiknya melakukan backup terlebih dahulu. Caranya setelah <b>Login</b>, pilih <b>Tata Letak</b>, <b>Edit HTML</b>, <b>Download Template Lengkap</b> dan simpan ditempat sesuai keinginan anda. Setelah itu cntang <b>Expand Template Widget</b>, tunggu beberapa saat, dan mulai. <br /><br />Untuk membuat daftar isi di blog ada dua cara, yaitu secara manual dan otomatis, untuk setiap pilihan cara sudah pasti ada keuntungan dan kerugian, untuk cara manual mungkin lebih ribet, dikarenakan harus selalu update link post, setiap ada penambahan post baru, sedangkan untuk cara otomatis memang tidak terlalu ribet, tetapi hal tersebut bisa berpengaruh terhadap crawl web kita, tetapi menurut google gak ngaruh si, crawl tersebut cuman informasi aja sebelum membuat daftar isi alangkah lebih baik jika kita melakukan back up terhadap file kita.<br /><br /><b>1. Membuat Daftar Isi secara Manual</b><br />Pembuatan Daftar Isi secara Manual sistemnya hampir sama dengan cara pembuatan Scroll Box, yang ditambahkan link dari postingan didalamnya, yang pertama harus dilakukan adalah membuat kode CSS-nya.<br /><div style="background: none repeat scroll 0% 0% rgb(240,248,255);"><br />#daftar-isi-manual{ background:#C0C0C0; overflow: scroll; height:150px; font:10pt/15pt Arial, serif; color: blue }<br /></div><br />Sedikit penjelasan untuk kode diatas, tinggi scroll box adalah 150px, dengan ukuran font adalah Arial 10 dan berwarna biru, langkah selanjutnya adalah masuk ke <b>blogger --> Edit HTML</b>, lalu copy kode css diatas tepat diatasnya kode <b> ]]></b:skin></b>, lalu simpan, dan masuk ke <b>Page Element</b>, dan klik <b>Add Gadget</b>, pilih <b>HTML/Script</b>, dan masukkan kode dibawah ini:<br /><br /><center><div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /><br /></p><div style="background: none repeat scroll 0% 0% rgb(240,248,255); font: 9pt/11pt Arial,serif; color: blue;"><br /> <br /><div id="daftar-isi-manual"><br><br /><ol><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/03/copy-data-dari-multiple-file.html</b>"><b style="color: blue;">Macro Excel : Copy Data dari multiple file</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/03/angka-menjadi-bilangan.html</b>"><b style="color: blue;">Macro Excel : Angka menjadi bilangan</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/03/macro-excel-command-button-true-or.html</b>"><b style="color: blue;">Macro Excel : Satu tombol 2 fungsi</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/01/domain-gratis-di-cocc.html</b>"><b style="color: blue;">Domain Gratis CO.CC</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/02/set-up-cocc-dengan-host-gratis.html</b>"><b style="color: blue;">Host Gratis</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/03/kisah-kehamilan-isteriku.html</b>"><b style="color: blue;">Kisah Kehamilan Isteriku</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/01/kabar-gembira.html</b>"><b style="color: blue;">Kabar Kembira</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2008/11/history-personal-data.html</b>"><b style="color: blue;">History Personal Data</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/menggabungkan-teks-dengan-tanggal.html</b>"><b style="color: blue;">Rumus Excel: Menggabungkan Tanggal dengan Teks</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2008/12/kabar-gembira.html</b>"><b style="color: blue;">Pernikahanku</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/02/menghilangkan-navbar-blogger.html</b>"><b style="color: blue;">Menghilangkan Navbar Blogger</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/03/mengganti-icon-blogger.html</b>"><b style="color: blue;">Mengganti Icon Blogger</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/text-area-biasanya-difungsikan-untuk.html</b>"><b style="color: blue;">Membuat Text Area</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/menulis-kode-html-di-postingan.html</b>"><b style="color: blue;">Menulis Kode HTML di postingan Blogger</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/lookup-dengan-mengambil-data-di-sebelah.html</b>"><b style="color: blue;">Lookup untuk mengabil data di sebelah kiri</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/membuat-scroll-box.html</b>"><b style="color: blue;">Membuat Scroll Box</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/kode-html-warna-di-blog.html</b>"><b style="color: blue;">Kode Warna HTML</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/teks-berjalan-atau-biasa-di-sebut.html</b>"><b style="color: blue;">Teks Berjalan atau Marquee</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/border-biasa-digunakan-untuk-menandai.html</b>"><b style="color: blue;">Membuat border di Blogger</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/04/membuat-read-more-di-blogger.html</b>"><b style="color: blue;">Membuat Read More di Blogger</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/05/mempercepat-loading-page.html</b>"><b style="color: blue;">Mempercepat Loading Page</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/05/membuat-menu.html</b>"><b style="color: blue;">Membuat Menu di blogger</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/05/menghilangkan-icon-edit.html</b>"><b style="color: blue;">Menghilangkan Icon Edit di Blogger</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/06/table-html.html</b>"><b style="color: blue;">Table HTML</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/06/udah-lama-ga-nengok-facebook.html</b>"><b style="color: blue;">Jam Berdetak setiap Detik di Excel</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/06/postingan-ini-aku-buat-berdasarkan.html</b>"><b style="color: blue;">Melampiran File Excel, Word, Powerpoint, di Blog</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/06/apakah-cocc-gratis.html</b>"><b style="color: blue;">Apakah CO.CC Gratis ??</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/07/membuat-iklan-di-tengah-postingan-blog.html</b>"><b style="color: blue;">Membuat Iklan di tengah post blog</b></a></li><br><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/07/menyembunyikan-navbar-blogger.html</b>"><b style="color: blue;">Menyembunyikan Navbar Blogger</b></a></li><br><br /><br /><li><a href="<b style="color: red;">http://www.karsono.co.cc/2009/08/free-animasi-template-blog-sun-of-day.html</b>"><b style="color: blue;">Free Animasi Blog Template</b></a></li><br><br /></ol><br><br /></div><br><br /></div><p><br /></div></div></div></div></div></center><br /><br />Ganti link yang berwarna <font face="verdana" color="red">merah</font> sesuai dengan link anda, sedangkan yang berwarana <font face="verdana" color="blue">biru</font> merupakan kalimat yang akan muncul sebagai link dan apabila ada penambahan postingan baru, berarti anda harus selalu melakukan update penambahan link baru pada kode diatas... hmm repot ya...hasil dari kode diatas adalah seperti dibawah ini</p><p><br /><center><div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /></p><div style="background: none repeat scroll 0% 0% rgb(240,248,255);font: 10pt/15pt Arial,serif; color: blue;"><br /><ol><br /><li><a href="http://www.karsono.co.cc/2009/03/copy-data-dari-multiple-file.html">Macro Excel : Copy Data dari multiple file</a></li><br /><li><a href="http://www.karsono.co.cc/2009/03/angka-menjadi-bilangan.html">Macro Excel : Angka menjadi bilangan</a></li><br /><li><a href="http://www.karsono.co.cc/2009/03/macro-excel-command-button-true-or.html">Macro Excel : Satu tombol 2 fungsi</a></li><br /><li><a href="http://www.karsono.co.cc/2009/01/domain-gratis-di-cocc.html">Domain Gratis CO.CC</a></li><br /><li><a href="http://www.karsono.co.cc/2009/02/set-up-cocc-dengan-host-gratis.html">Host Gratis</a></li><br /><li><a href="http://www.karsono.co.cc/2009/03/kisah-kehamilan-isteriku.html">Kisah Kehamilan Isteriku</a></li><br /><li><a href="http://www.karsono.co.cc/2009/01/kabar-gembira.html">Kabar Kembira</a></li><br /><li><a href="http://www.karsono.co.cc/2008/11/history-personal-data.html">History Personal Data</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/menggabungkan-teks-dengan-tanggal.html">Rumus Excel: Menggabungkan Tanggal dengan Teks</a></li><br /><li><a href="http://www.karsono.co.cc/2008/12/kabar-gembira.html">Pernikahanku</a></li><br /><li><a href="http://www.karsono.co.cc/2009/02/menghilangkan-navbar-blogger.html">Menghilangkan Navbar Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/03/mengganti-icon-blogger.html">Mengganti Icon Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/text-area-biasanya-difungsikan-untuk.html">Membuat Text Area</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/menulis-kode-html-di-postingan.html">Menulis Kode HTML di postingan Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/lookup-dengan-mengambil-data-di-sebelah.html">Lookup untuk mengabil data di sebelah kiri</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/membuat-scroll-box.html">Membuat Scroll Box</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/kode-html-warna-di-blog.html">Kode Warna HTML</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/teks-berjalan-atau-biasa-di-sebut.html">Teks Berjalan atau Marquee</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/border-biasa-digunakan-untuk-menandai.html">Membuat border di Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/04/membuat-read-more-di-blogger.html">Membuat Read More di Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/05/mempercepat-loading-page.html">Mempercepat Loading Page</a></li><br /><li><a href="http://www.karsono.co.cc/2009/05/membuat-menu.html">Membuat Menu di blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/05/menghilangkan-icon-edit.html">Menghilangkan Icon Edit di Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/06/table-html.html">Table HTML</a></li><br /><li><a href="http://www.karsono.co.cc/2009/06/udah-lama-ga-nengok-facebook.html">Jam Berdetak setiap Detik di Excel</a></li><br /><li><a href="http://www.karsono.co.cc/2009/06/postingan-ini-aku-buat-berdasarkan.html">Melampiran File Excel, Word, Powerpoint, di Blog</a></li><br /><li><a href="http://www.karsono.co.cc/2009/06/apakah-cocc-gratis.html">Apakah CO.CC Gratis ??</a></li><br /><li><a href="http://www.karsono.co.cc/2009/07/membuat-iklan-di-tengah-postingan-blog.html">Membuat Iklan di tengah post blog</a></li><br /><li><a href="http://www.karsono.co.cc/2009/07/menyembunyikan-navbar-blogger.html">Menyembunyikan Navbar Blogger</a></li><br /><li><a href="http://www.karsono.co.cc/2009/08/free-animasi-template-blog-sun-of-day.html">Free Animasi Blog Template</a></li><br /></ol></div><p><br /></div></div></div></div></div></center><br /><br />Selanjutnya masuk ke cara pembuatan daftar isi secara otomatis<br /><b>2. Membuat Daftar Isi secara Otomatis</b><br /><br />Untuk membuat daftar isi secara otomatis, masuk ke <b>Edit HTML</b>, dan jangan lupa centang <b>Expand Widget Template</b>, Seperti halnya pembuatan daftar isi blog secara manual, buatlah kode css seperti dibawah, dan letakkan di atas kode <b> ]]></b:skin></b>,<br /><br /><div style="background: none repeat scroll 0% 0% rgb(240,248,255);"><br />#daftar-isi-otomatis{ border:2px outset blue; padding:5px 0 5px; background:#EAE9E9 }<br /></div><br /><br />Langkah selanjutnya cari kode di bawah ini:<br /><div style="background: none repeat scroll 0% 0% rgb(240,248,255);"><br /><b:include data='post' name='post'/><br /></div><br /><br />Untuk di template minima kode diatas ada dua, carilah kode yang pertama, bila sudah ketemu, ganti kode di atas dengan kode di bawah ini:<br /><br /><div style="background: none repeat scroll 0% 0% rgb(240,248,255);"><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType != "item"'><br /><a expr:href='data:post.url'><br /><div id='daftar-isi-otomatis'><br /><data:post.title/></div></a><br /><b:else/><br /><b:include data='post' name='post'/><br /></b:if><br /><b:else/><br /><b:include data='post' name='post'/><br /></b:if><br /></div><br />Lalu simpan, kemudian Masuk ke <b>Page Element</b>, dan klik <b>Add Gadget</b>, posisinya terserah mau di bagian menu atau di sidebar, contohnya bisa dilihat pada menu daftar isi blog ini<br /><div style="background: none repeat scroll 0% 0% rgb(240,248,255);"><br /><a href="<b style="color: red;">http://Alamatbloganda.blogspot.com/</b>search?max-results=100">Daftar isi</a><br /></div><br />Pilih <b>HTML/Script</b>, dan masukkan kode diatas kedalamnya, tetapi sebelumnya ganti dulu alamat link-nya sesuai dengan alamat blog anda, simpan... dan lihat hasilnya.</div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-53144911588466235682010-02-04T19:36:00.000-08:002010-02-04T19:52:10.079-08:00Page Peel Efek menggunakan jQuery & CSSTip ini saya dapat dari blognya <a href="http://www.o-om.com/2009/05/page-peel-efek-menggunakan-jquery-css.html">O-Om</a><br /><br /><p>Kali ini saya menemukan Page Peel terbaru buatan <a target="_blank" href="http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/"> Sohtanaka.com</a> dengan koding yang tentu saja sangat berbeda dengan kedua Page <br />Peel diatas, Sohtanaka tidak menggunakan setup koding yang rumit, jadi rekan tinggal langsung memasangnya saja dihalaman blog. Walaupun masih ada sedikit yang harus diedit, itupun hanya sekedar mengubah tampilan gambar dan link tujuannya saja. Bila dilihat sekilas, untuk style tampilannya hampir sama saja, dimana ketika kita mengarahkan mouse pada area PagePeel ini, maka akan terlihat halaman menggulung layaknya anda membuka selembar kertas dan menemukan halaman lain dilembar sebaliknya. Lihat demonya <a target="_blank" href="http://www.sohtanaka.com/web-design/examples/peeling-effect/"><b>disini</b></a>.</p><br /><br /><p><b>Cara Pasang:</b></p><br /><p>Letakan script code jQuery dibawah ini diatas kode <b><b:skin><![CDATA[</b></p><br /><p><font color="#008000"><script src='http://code.jquery.com/jquery-latest.js' <br />type='text/javascript'/><br /><script type='text/javascript'> <br />$(document).ready(function(){<br />//Page Flip on hover<br /><br />$(&quot;#pageflip&quot;).hover(function() {<br />$(&quot;#pageflip img , .msg_block&quot;).stop()<br />.animate({<br />width: &#39;307px&#39;, <br />height: &#39;319px&#39;<br /><br />}, 500); <br />} , function() {<br />$(&quot;#pageflip img&quot;).stop() <br />.animate({<br />width: &#39;50px&#39;, <br />height: &#39;52px&#39;<br /><br />}, 220);<br />$(&quot;.msg_block&quot;).stop() <br />.animate({<br />width: &#39;50px&#39;, <br />height: &#39;50px&#39;<br />}, 200);<br /><br />});<br />});<br /></script> </font></p><br /><br /><p>Kemudian letakan kode CSS dibawah ini diatas kode <b>]]></b:skin></b></p><br /><br /><p><font color="#008000">#pageflip {<br />position: relative;<br /><br />right: 0; top: 0;<br />float: right; <br />}<br />#pageflip img {<br />width: 50px; height: 52px;<br />z-index: 99;<br />position: absolute;<br />right: 0; top: 0;<br />-ms-interpolation-mode: bicubic;<br /><br />}<br />#pageflip .msg_block {<br />width: 50px; height: 50px;<br />overflow: hidden;<br />position: absolute;<br />right: 0; top: 0;<br />background: url(http://img222.imageshack.us/img222/9213/subscribe.png) no-repeat <br />right top;<br />}</font></p><br /><br /><br /><p>Letakan kode ini dibawah tag <b><body></b></p><br /><br /><p><font color="#008000"> <div id='pageflip'><br /><a href='</font><b><font color="#ff0000">http://feeds2.feedburner.com/namafeedkamu</font></b><font color="#008000">'><br /><img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/><br /><span class='msg_block'/><br /></a><br /></div></font><br /><br /> </p><br /><p>Silahkan disimpan dan lihat hasilnya. Ingat! Tampilan diatas hanya sebagai contoh saja ya, rekan bisa mengganti gambar dan <br />link tujuan apa saja sesuai keinginan. Silahkan langsung dicoba.</p>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-1181120700539438532010-02-04T18:33:00.000-08:002010-02-04T19:29:39.530-08:00Membuat Tampilan Halaman Secara ScrollTerima kasih kepada : Seby-Antoe - <a href="http://www.seby-antoe.com/2009/09/membuat-tampilan-halaman-secara-scroll.html">Tentang Cara Membuat Tampilan Halaman Secara Scroll</a><br /><br /><div class="post-body entry-content"><br /><style>.fullpost{display:inline;}</style><br /><p><span class="stylekoran">M</span>embuat tampilan halaman secara scroll memang banyak sekali manfaatnya, selain mudah dalam membuatnya juga bisa memperingkas tampilan karena mempunyai fungsi scoll yang sudah pernah saya tulis <a href="http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html">sebelumnya</a>. Untuk membuatnya tidak diperlukan kode HTML yang rumit, anda hanya menambahkan kode di bawah ini pada halaman yang akan dibuat tampilan secara scroll :<br><br></p><div style="border: 0px dashed rgb(245, 0, 61); padding: 5px; background-color: rgb(255, 255, 204); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br><div style="<span style="font-weight: bold;">overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee</span>"><br><font face="verdana" color="green">Isi halaman yang akan ditampilkan secara scroll disini</font><br></div><br></div><br>Untuk membuatnya silahkan anda ikuti langkah2 dibawah ini :<br>1. <span style="font-weight: bold;">Login</span> to Blogger kemudian pilih "<span style="font-weight: bold;">Layout</span>"<br>2. Klik pada "<span style="font-weight: bold;">Page Element</span>" trus pilih "<span style="font-weight: bold;">Add a Gadget</span> --> <span style="font-weight: bold;">HTML/Javascript</span>" (Tempatnya terserah anda).<br>3.Copy Paste Script yang ada di bawah ini tinggal edit sesuaikan dengan kebutuhan sobat saja :<br /><br /><div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /><br /><br><div style="border: 0px dashed rgb(245, 0, 61); padding: 5px; background-color: rgb(255, 255, 204); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br><div style='<span style="font-weight: bold;">overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee</span>'><ul><li><a href='http://www.seby-antoe.com/2009/09/cara-back-up-dan-upload-file-java.html'>Cara Back Up dan Upload File Java Script ke Free Hosting</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/cara-membuat-animasi-status-loading.html'>Cara Membuat Animasi Status Loading</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-membuat-buku-tamu-dengan.html'>Cara Membuat Buku Tamu dengan Shoutmix.com</a></li><br><li><a href='http://www.seby-antoe.com/2009/06/cara-membuat-dan-memahami-isi-blog-di.html'>Cara Membuat dan Memahami Isi Blog di Blogspot</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/cara-membuat-icon-address-bar-favicon.html'>Cara Membuat Icon Address bar ( Favicon ) di Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/cara-membuat-kata-penutup-di-blog.html'>Cara Membuat Kata Penutup di Blog Ketika Menutup Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya.html'>Cara Menampilkan Elemen Halaman Hanya Pada Halaman Depan</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya_28.html'>Cara Menampilkan Elemen Halaman Hanya Pada Halaman Selanjutnya</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-mudah-menulis-kode-html-di.html'>Cara Menulis Kode HTML di Postingan</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-mudah-membuat-tampilan-read-more.html'>Cara Mudah Membuat Tampilan Read More pada Postingan</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-setting-blog-di-blogspot.html'>Cara Setting Blog di Blogspot</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/memasang-toolbox-bookmark-share-addthis.html'>Memasang Toolbox Bookmark & Share di Bawah Postingan</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/memasang-widget-alexa-rank-di-blog.html'>Memasang Widget Alexa Rank di Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/cara-memberikan-efek-yang-menonjol-pada.html'>Memberikan Efek yang Menonjol pada Postingan</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/membuat-banner-animasi-melalui-situs.html'>Membuat Banner Animasi Melalui Situs Gratisan</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-blogger-login-widget.html'>Membuat Blogger Login Widget</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-efek-animasi-roaming-saat-blog.html'>Membuat Efek Animasi Roaming Saat Blog di Buka</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-efek-tulisan-berkedip-blink.html'>Membuat Efek Tulisan Berkedip ( Blink )</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-efek-zoom-pada-image-gambar.html'>Membuat Efek Zoom Pada Image / Gambar</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-footer-blog-3-kolom.html'>Membuat Footer Blog 3 Kolom</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-huruf-besar-pada-awal-postingan.html'>Membuat Huruf Besar pada Awal Postingan</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-image-gambar-terlihat-blur.html'>Membuat Image Gambar Terlihat Blur ( Tersamar ) Ketika Disorot Mouse</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/membuat-image-logo-button.html'>Membuat Image Logo Button</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-kata-sambutan-untuk-pengunjung.html'>Membuat Kata Sambutan Untuk Pengunjung Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-kolom-teks-area-untuk-kode.html'>Membuat Kolom Teks Area untuk Kode / Tulisan</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-label-berjalan-marquee-di-atas.html'>Membuat Label Berjalan ( Marquee ) di Atas Footer</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-link-berubah-warna-dan-membesar.html'>Membuat Link Berubah Warna dan Membesar Ketika Disorot</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-link-warna-rainbow-link.html'>Membuat Link Warna ( Rainbow Link )</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-menu-auto-hide-spoiler.html'>Membuat Menu Auto Hide ( Spoiler )</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-overline-pada-link-garis-atas.html'>Membuat Overline Pada Link / Garis Atas Pada Saat Link Disorot ( Mouse Over )</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/membuat-random-posts-dengan-tampilan.html'>Membuat Random Posts dengan Tampilan Slide</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-random-posts-di-bawah-postingan.html'>Membuat Random Posts di Bawah Postingan Dengan Tampilan Gambar</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/membuat-read-more-terbaru.html'>Membuat Read More Terbaru</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-recent-post-dengan-thumbnails.html'>Membuat Recent Post Dengan Thumbnails dan Comment Count</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/membuat-related-posts-atau-artikel.html'>Membuat Related Posts atau Artikel Terkait</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-sidebar-blog-menjadi-2-kolom.html'>Membuat Sidebar Blog Menjadi 2 Kolom</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-slide-menu-di-blog.html'>Membuat Slide Menu di Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-slide-show-tab-view.html'>Membuat Slide Show Tab View</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-snapshoot-link-webblog.html'>Membuat Snapshoot Link di Web/Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-tabview-widget.html'>Membuat Tabview Widget</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-tombol-view-pop-up.html'>Membuat Tombol View Pop Up</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terbaru-recent.html'>Membuat Widget Artikel Terbaru ( Recent Post )</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terpopuler-top.html'>Membuat Widget Artikel Terpopuler ( Top Post )</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-komentar-paling-banyak.html'>Membuat Widget Komentar Paling Banyak ( Top Comments )</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-komentar-terbaru-recent.html'>Membuat Widget Komentar Terbaru ( Recent Comments )</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-pop-up-windows-di-blog.html'>Membuat Widget Pop Up Windows di Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-tampak-menghilang-dan.html'>Membuat Widget Tampak Menghilang dan Muncul Kembali</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html'>Membuat Widget Tampil Dengan Scroll</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/menambah-emotion-pada-buku-tamu.html'>Menambah Emotion Pada Buku Tamu Shoutmix.com</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/menampilkan-beberapa-model-status.html'>Menampilkan Beberapa Model Status Online Yahoo Messenger</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/menampilkan-posting-secara-acak-random.html'>Menampilkan Posting secara Acak ( Random Post Widget )</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/mencegah-copy-paste-artikel-dengan.html'>Mencegah Copy Paste Dengan Menggunakan Copyscape</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/mengubah-setting-blog-nofollow-menjadi.html'>Mengubah Setting Blog Nofollow menjadi Dofollow</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/menyembunyikan-judul-dan-diskripsi-pada.html'>Menyembunyikan Judul dan Diskripsi pada Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/merubah-dan-memodifikasi-tampilan.html'>Merubah dan Memodifikasi Tampilan Blockquote</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/modifikasi-tampilan-label-cloud-blogger.html'>Modifikasi Tampilan Label Cloud Blogger</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/modifikasi-tampilan-widget-mybloglog.html'>Modifikasi Tampilan Widget MyBlogLog Recent Readers</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/pasang-translate-di-blog.html'>Pasang Translate di Blog</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/pengertian-dari-nofollow-menjadi.html'>Pengertian dari Nofollow menjadi Dofollow</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/pengertian-paddingmargin-dan-border.html'>Pengertian Padding, Margin dan Border pada CSS</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/setting-navbar-blogspot.html'>Setting Navbar Blogspot</a></li><br><li><a href='http://www.seby-antoe.com/2009/09/tips-membuka-2-target-link-dalam-1-link.html'>Tips Membuka 2 Target Link Dalam 1 Link</a></li><br><li><a href='http://www.seby-antoe.com/2009/08/tool-buat-cek-posisi-web-blog-di-google.html'>Tool Buat Cek Posisi Web / Blog di GOOGLE</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/backlink-checker.html'>Tool Untuk Mengecek Backlink Blog/Web Anda</a></li><br><li><a href='http://www.seby-antoe.com/2009/07/tools-buat-tes-kecepatan-loading-web.html'>Tool Untuk mengecek Kecepatan Loading Blog/Web Anda</a></li><br><li><a href='http://www.seby-antoe.com/2008/12/page-rank-checker.html'>Tool Untuk Mengecek PageRank Blog/Web Anda</a></li><br></ul></div><br></div><br /></div></div></div></div></div><br /><br />4. Klik <span style="font-weight: bold;">Simpan</span> dan selesai. Hasilnya akan tampak seperti di bawah ini :<br><br><center><div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 400px; height: 300px;"><div style="text-align: left;"><ul><li><a href="http://www.seby-antoe.com/2009/09/cara-back-up-dan-upload-file-java.html">Cara Back Up dan Upload File Java Script ke Free Hosting</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/cara-membuat-animasi-status-loading.html">Cara Membuat Animasi Status Loading</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-membuat-buku-tamu-dengan.html">Cara Membuat Buku Tamu dengan Shoutmix.com</a></li><br><li><a href="http://www.seby-antoe.com/2009/06/cara-membuat-dan-memahami-isi-blog-di.html">Cara Membuat dan Memahami Isi Blog di Blogspot</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/cara-membuat-icon-address-bar-favicon.html">Cara Membuat Icon Address bar ( Favicon ) di Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/cara-membuat-kata-penutup-di-blog.html">Cara Membuat Kata Penutup di Blog Ketika Menutup Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya.html">Cara Menampilkan Elemen Halaman Hanya Pada Halaman Depan</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya_28.html">Cara Menampilkan Elemen Halaman Hanya Pada Halaman Selanjutnya</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-mudah-menulis-kode-html-di.html">Cara Menulis Kode HTML di Postingan</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-mudah-membuat-tampilan-read-more.html">Cara Mudah Membuat Tampilan Read More pada Postingan</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-setting-blog-di-blogspot.html">Cara Setting Blog di Blogspot</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/memasang-toolbox-bookmark-share-addthis.html">Memasang Toolbox Bookmark & Share di Bawah Postingan</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/memasang-widget-alexa-rank-di-blog.html">Memasang Widget Alexa Rank di Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/cara-memberikan-efek-yang-menonjol-pada.html">Memberikan Efek yang Menonjol pada Postingan</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/membuat-banner-animasi-melalui-situs.html">Membuat Banner Animasi Melalui Situs Gratisan</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-blogger-login-widget.html">Membuat Blogger Login Widget</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-efek-animasi-roaming-saat-blog.html">Membuat Efek Animasi Roaming Saat Blog di Buka</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-efek-tulisan-berkedip-blink.html">Membuat Efek Tulisan Berkedip ( Blink )</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-efek-zoom-pada-image-gambar.html">Membuat Efek Zoom Pada Image / Gambar</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-footer-blog-3-kolom.html">Membuat Footer Blog 3 Kolom</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-huruf-besar-pada-awal-postingan.html">Membuat Huruf Besar pada Awal Postingan</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-image-gambar-terlihat-blur.html">Membuat Image Gambar Terlihat Blur ( Tersamar ) Ketika Disorot Mouse</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/membuat-image-logo-button.html">Membuat Image Logo Button</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-kata-sambutan-untuk-pengunjung.html">Membuat Kata Sambutan Untuk Pengunjung Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-kolom-teks-area-untuk-kode.html">Membuat Kolom Teks Area untuk Kode / Tulisan</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-label-berjalan-marquee-di-atas.html">Membuat Label Berjalan ( Marquee ) di Atas Footer</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-link-berubah-warna-dan-membesar.html">Membuat Link Berubah Warna dan Membesar Ketika Disorot</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-link-warna-rainbow-link.html">Membuat Link Warna ( Rainbow Link )</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-menu-auto-hide-spoiler.html">Membuat Menu Auto Hide ( Spoiler )</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-overline-pada-link-garis-atas.html">Membuat Overline Pada Link / Garis Atas Pada Saat Link Disorot ( Mouse Over )</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/membuat-random-posts-dengan-tampilan.html">Membuat Random Posts dengan Tampilan Slide</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-random-posts-di-bawah-postingan.html">Membuat Random Posts di Bawah Postingan Dengan Tampilan Gambar</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/membuat-read-more-terbaru.html">Membuat Read More Terbaru</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-recent-post-dengan-thumbnails.html">Membuat Recent Post Dengan Thumbnails dan Comment Count</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/membuat-related-posts-atau-artikel.html">Membuat Related Posts atau Artikel Terkait</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-sidebar-blog-menjadi-2-kolom.html">Membuat Sidebar Blog Menjadi 2 Kolom</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-slide-menu-di-blog.html">Membuat Slide Menu di Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-slide-show-tab-view.html">Membuat Slide Show Tab View</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-snapshoot-link-webblog.html">Membuat Snapshoot Link di Web/Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-tabview-widget.html">Membuat Tabview Widget</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-tombol-view-pop-up.html">Membuat Tombol View Pop Up</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terbaru-recent.html">Membuat Widget Artikel Terbaru ( Recent Post )</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terpopuler-top.html">Membuat Widget Artikel Terpopuler ( Top Post )</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-widget-komentar-paling-banyak.html">Membuat Widget Komentar Paling Banyak ( Top Comments )</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/membuat-widget-komentar-terbaru-recent.html">Membuat Widget Komentar Terbaru ( Recent Comments )</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-widget-pop-up-windows-di-blog.html">Membuat Widget Pop Up Windows di Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-widget-tampak-menghilang-dan.html">Membuat Widget Tampak Menghilang dan Muncul Kembali</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html">Membuat Widget Tampil Dengan Scroll</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/menambah-emotion-pada-buku-tamu.html">Menambah Emotion Pada Buku Tamu Shoutmix.com</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/menampilkan-beberapa-model-status.html">Menampilkan Beberapa Model Status Online Yahoo Messenger</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/menampilkan-posting-secara-acak-random.html">Menampilkan Posting secara Acak ( Random Post Widget )</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/mencegah-copy-paste-artikel-dengan.html">Mencegah Copy Paste Dengan Menggunakan Copyscape</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/mengubah-setting-blog-nofollow-menjadi.html">Mengubah Setting Blog Nofollow menjadi Dofollow</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/menyembunyikan-judul-dan-diskripsi-pada.html">Menyembunyikan Judul dan Diskripsi pada Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/merubah-dan-memodifikasi-tampilan.html">Merubah dan Memodifikasi Tampilan Blockquote</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/modifikasi-tampilan-label-cloud-blogger.html">Modifikasi Tampilan Label Cloud Blogger</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/modifikasi-tampilan-widget-mybloglog.html">Modifikasi Tampilan Widget MyBlogLog Recent Readers</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/pasang-translate-di-blog.html">Pasang Translate di Blog</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/pengertian-dari-nofollow-menjadi.html">Pengertian dari Nofollow menjadi Dofollow</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/pengertian-paddingmargin-dan-border.html">Pengertian Padding, Margin dan Border pada CSS</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/setting-navbar-blogspot.html">Setting Navbar Blogspot</a></li><br><li><a href="http://www.seby-antoe.com/2009/09/tips-membuka-2-target-link-dalam-1-link.html">Tips Membuka 2 Target Link Dalam 1 Link</a></li><br><li><a href="http://www.seby-antoe.com/2009/08/tool-buat-cek-posisi-web-blog-di-google.html">Tool Buat Cek Posisi Web / Blog di GOOGLE</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/backlink-checker.html">Tool Untuk Mengecek Backlink Blog/Web Anda</a></li><br><li><a href="http://www.seby-antoe.com/2009/07/tools-buat-tes-kecepatan-loading-web.html">Tool Untuk mengecek Kecepatan Loading Blog/Web Anda</a></li><br><li><a href="http://www.seby-antoe.com/2008/12/page-rank-checker.html">Tool Untuk Mengecek PageRank Blog/Web Anda</a></li><br></ul></div></div></center><br>Keterangan :<br>+ <span style="font-weight: bold;">overflow:auto;</span> » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.<br>+ <span style="font-weight: bold;">width:300px;</span> » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).<br>+ <span style="font-weight: bold;">height:200px;</span> » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.<br>+ <span style="font-weight: bold;">padding:10px;</span> » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;<br>+ <span style="font-weight: bold;">border:1px solid #eee</span> » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.<br><br>Mudah bukan, selamat mencobanya ...<br></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-90602432154179850192010-02-04T18:10:00.000-08:002010-02-04T18:20:07.194-08:00Menggunakan Format Khusus di FacebookCara menggunakan format khusus difacebook saya dapatkan <a href="http://www.facebook.com/notes_cheatsheet.php">disini.</a> Fermat tersebut hanya berlaku pada tulisan <b>catatan</b> saja.<br /><br /><div style="padding: 10px;" align="center">Untuk menggunakan format khusus seperti <b>tebal</b> dan <u>bergaris bawah</u> pada catatan Anda, gunakan perintah-perintah HTML berikut ini.<br><br><br><div><table class="cheatsheet" cellspacesing="0" align="center" bgcolor="#eeeeee" cellpadding="8" width="90%"><tbody><tr><td class="heading">Untuk melihat ini:</td><td class="heading">Ketikkan ini dalam catatan Anda:</td></tr><tr><td class="normal"><b>tebal</b></td><td class="normal"><b>tebal</b> </td></tr><tr><td class="normal"><span class="gray"><i>miring</i></span></td><td class="normal"><i>miring</i> </td></tr><tr><td class="normal"><u>garis bawah</u></td><td class="normal"><u>garis bawah</u> </td></tr><tr><td class="normal"><s>coret</s></td><td class="normal"><s>coret</s> </td></tr><tr><td class="normal"><big>Ukuran besar</big></td><td class="normal"><big>Ukuran besar</big > </td></tr><tr><td class="normal"><small>Ukuran kecil</small> </td><td class="normal"><small>Ukuran kecil</small> </td></tr><tr><td class="normal">An em-dash—see?</td><td class="normal">An em-dash&mdash;see?</td></tr><tr><td class="normal">Hyperlink ke <a href="http://www.facebook.com"><u>Facebook</u></a></td><td class="normal">Hyperlink ke <a href="http://www.facebook.com">Facebook</a> </td></tr><tr><td class="normal"><span class="gray">Daftar Butir:<br><ul><li>One Item</li><li>Another Item</li></ul></span></td><td class="normal">Daftar Butir:<br><ul><br><li>One Item</li><br><li>Another Item</li><br></ul></td></tr><tr><td class="normal">Daftar Terurut:<br><ol><li>Butir Pertama</li><li>Butir Kedua</li></ol></td><td class="normal">Daftar Terurut:<br><ol><br><li> Butir Pertama</li><br><li> Butir Kedua</li><br></ol></td></tr><tr><td class="normal">Kutipan berikut ini istimewa:<blockquote>Karena menjorok ke dalam</blockquote></td><td class="normal">Kutipan berikut ini istimewa:<br><p><blockquote>Karena menjorok ke dalam</blockquote></p></td></tr><tr><td class="normal"><h1>Judul 1</h1><br><h2>Judul 2</h2><br><h3>Judul 3</h3><br></td><td class="normal"><h1>Judul 1</h1><br><br><h2>Judul 2</h2><br><br><h3>Judul 3</h3><br></td></tr></tbody></table></div></div><div class="UIStandardFrame_SidebarAds"> </div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-59989287393045590432010-02-04T17:18:00.000-08:002010-02-04T17:59:01.307-08:00Cara Membuat Kotak IklanTerima kasih buat : Mas <a href="http://www.acustory.com/">Agus Budi Santoso</a><br /><br /><div class="post-body entry-content"><br /><style>.fullpost{display:inline;}</style><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTNQ9KPtrkPEh4J1c3KtYknu03ppzP-Ktue4p3kWZMVoDFtiOz1VMuwM7yNKh0LHwVgiIrTu2lMKpOG3SSFTuo6LF7vdAObAh-mVEumjzVeIfGKdG5WEhlT6Okk8vzVdPcpn3oK0Uz5c/s1600-h/sidebar+box.bmp"><img id="BLOGGER_PHOTO_ID_5364150477200144994" style="float: left; margin: 0px 10px 10px 0px; width: 200px; height: 199px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTNQ9KPtrkPEh4J1c3KtYknu03ppzP-Ktue4p3kWZMVoDFtiOz1VMuwM7yNKh0LHwVgiIrTu2lMKpOG3SSFTuo6LF7vdAObAh-mVEumjzVeIfGKdG5WEhlT6Okk8vzVdPcpn3oK0Uz5c/s200/sidebar+box.bmp" border="0"></a><br><br><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTNQ9KPtrkPEh4J1c3KtYknu03ppzP-Ktue4p3kWZMVoDFtiOz1VMuwM7yNKh0LHwVgiIrTu2lMKpOG3SSFTuo6LF7vdAObAh-mVEumjzVeIfGKdG5WEhlT6Okk8vzVdPcpn3oK0Uz5c/s1600-h/sidebar+box.bmp"></a><br><br><br><br><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTNQ9KPtrkPEh4J1c3KtYknu03ppzP-Ktue4p3kWZMVoDFtiOz1VMuwM7yNKh0LHwVgiIrTu2lMKpOG3SSFTuo6LF7vdAObAh-mVEumjzVeIfGKdG5WEhlT6Okk8vzVdPcpn3oK0Uz5c/s1600-h/sidebar+box.bmp"></a><br></p><br /><br /><div align="justify">Setelah melihat blog milik <a href="http://www.acustory.com/2009/07/setelah-melihat-blog-punya-istriku.html">acustory</a> jadi ingin juga menambah banner box di sidebar blog saya ini. <br /><br />Siapa tau ada rekan-rekan ingin tau caranya.<br />Pertama coba letakkan kode berikut tepat di bawah kode <b:skin><![CDATA[<br><br>#Box-Banner-ads {<br>margin: 0px;<br>padding: 5px;<br>text-align: center;<br>}<br>#Box-Banner-ads img {<br>margin: 0px 4px 4px 0px;<br>padding: 3px;<br>text-align: center;<br>border: 1px solid #c0c0c0;<br>}<br>#Box-Banner-ads img:hover {<br>margin: 0px 4px 4px 0px;<br>padding: 3px;<br>text-align: center;<br>border: 1px solid #333;<br>}<br><br>Kalau sudah di paste selanjutnya buat element halaman baru dan masukkan kode seperti dibawah ini. Yang perlu diperhatikan yaitu teks yang berwarna merah merupakan url/link referensi sponsor sedangkan yang bewarna biru adalah url dimana banner sponsor berada<br><br><div id='Box-Banner-ads'><br><a href=<span style="color: rgb(255, 102, 102);">'http://adsensecamp.com/?ref_id=8610'</span> target='_blank'><img alt='ads' border='0' src=<span style="color: rgb(51, 102, 255);">'http://adsensecamp.com/images/banner/the-reds.jpg'</span>/></a><br><a href=<span style="color: rgb(255, 102, 102);">'http://adsensecamp.com/?ref_id=8610'</span> target='_blank'><img alt='ads' border='0' src=<span style="color: rgb(51, 102, 255);">'http://adsensecamp.com/images/banner/the-reds.jpg'</span>/></a><br><a href=<span style="color: rgb(255, 102, 102);">'http://adsensecamp.com/?ref_id=8610'</span> target='_blank'><img alt='ads' border='0' src=<span style="color: rgb(51, 102, 255);">'http://adsensecamp.com/images/banner/the-reds.jpg'</span>/></a><br>.<br>.<br>dst<br>.<br>.<br><a href=<span style="color: rgb(255, 102, 102);">'http://adsensecamp.com/?ref_id=8610'</span> target='_blank'><img alt='ads' border='0' src=<span style="color: rgb(51, 102, 255);">'http://adsensecamp.com/images/banner/the-reds.jpg'</span>/></a><br></div><br><br>Mudah-mudahan tulisan ini ada manfaatnya dan yang pasti tulisan ini hanya sebagai catatan pribadi saja.</div><br /><br /></div>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0tag:blogger.com,1999:blog-5215837240841939911.post-61328779963039577162010-02-04T15:34:00.001-08:002010-02-10T16:24:03.171-08:00Kode Warna HTML 1Thanks for : <a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FF">W3Schools Color Test</a><br /><table style="background-color:#E6E6FA";" border="1" cellpadding="2" cellspacing="0" width="97%"><br /><tbody><tr><br /><th style="background-color: AliceBlue ;">Hex</th><br /><th style="background-color: AliceBlue ">RGB</th><br /><th style="background-color: AliceBlue ">Nama</th><br /></tr><br /><tr><td><font color="#f0f8ff"><b> F0F8FF <b></b></b></font></td><td><font color="#f0f8ff"><b> 240,248,255 </b></font></td><td><font color="#f0f8ff"><b> AliceBlue </b></font></td></tr><tr><td><font color="#faebd7"><b> FAEBD7 <b></b></b></font></td><td><font color="#faebd7"><b> 250,235,215 </b></font></td><td><font color="#faebd7"><b> AntiqueWhite </b></font></td></tr><tr><td><font color="#00ffff"><b> 00FFFF <b></b></b></font></td><td><font color="#00ffff"><b> 0,255,255 </b></font></td><td><font color="#00ffff"><b> Aqua </b></font></td></tr><tr><td><font color="#7fffd4"><b> 7FFFD4 <b></b></b></font></td><td><font color="#7fffd4"><b> 127,255,212 </b></font></td><td><font color="#7fffd4"><b> Aquamarine </b></font></td></tr><tr><td><font color="#f0ffff"><b> F0FFFF <b></b></b></font></td><td><font color="#f0ffff"><b> 240,255,255 </b></font></td><td><font color="#f0ffff"><b> Azure </b></font></td></tr><tr><td><font color="#f5f5dc"><b> F5F5DC <b></b></b></font></td><td><font color="#f5f5dc"><b> 245,245,220 </b></font></td><td><font color="#f5f5dc"><b> Beige </b></font></td></tr><tr><td><font color="#ffe4c4"><b> FFE4C4 <b></b></b></font></td><td><font color="#ffe4c4"><b> 255,228,196 </b></font></td><td><font color="#ffe4c4"><b> Bisque </b></font></td></tr><tr><td><font color="#000000"><b> 000000 <b></b></b></font></td><td><font color="#000000"><b> 0,0,0 </b></font></td><td><font color="#000000"><b> Black </b></font></td></tr><tr><td><font color="#ffebcd"><b> FFEBCD <b></b></b></font></td><td><font color="#ffebcd"><b> 255,235,205 </b></font></td><td><font color="#ffebcd"><b> BlanchedAlmond </b></font></td></tr><tr><td><font color="#0000ff"><b> 0000FF <b></b></b></font></td><td><font color="#0000ff"><b> 0,0,255 </b></font></td><td><font color="#0000ff"><b> Blue </b></font></td></tr><tr><td><font color="#8a2be2"><b> 8A2BE2 <b></b></b></font></td><td><font color="#8a2be2"><b> 138,43,226 </b></font></td><td><font color="#8a2be2"><b> BlueViolet </b></font></td></tr><tr><td><font color="#a52a2a"><b> A52A2A <b></b></b></font></td><td><font color="#a52a2a"><b> 165,42,42 </b></font></td><td><font color="#a52a2a"><b> Brown </b></font></td></tr><tr><td><font color="#deb887"><b> DEB887 <b></b></b></font></td><td><font color="#deb887"><b> 222,184,135 </b></font></td><td><font color="#deb887"><b> BurlyWood </b></font></td></tr><tr><td><font color="#5f9ea0"><b> 5F9EA0 <b></b></b></font></td><td><font color="#5f9ea0"><b> 95,158,160 </b></font></td><td><font color="#5f9ea0"><b> CadetBlue </b></font></td></tr><tr><td><font color="#7fff00"><b> 7FFF00 <b></b></b></font></td><td><font color="#7fff00"><b> 127,255,0 </b></font></td><td><font color="#7fff00"><b> Chartreuse </b></font></td></tr><tr><td><font color="#d2691e"><b> D2691E <b></b></b></font></td><td><font color="#d2691e"><b> 210,105,30 </b></font></td><td><font color="#d2691e"><b> Chocolate </b></font></td></tr><tr><td><font color="#ff7f50"><b> FF7F50 <b></b></b></font></td><td><font color="#ff7f50"><b> 255,127,80 </b></font></td><td><font color="#ff7f50"><b> Coral </b></font></td></tr><tr><td><font color="#6495ed"><b> 6495ED <b></b></b></font></td><td><font color="#6495ed"><b> 100,149,237 </b></font></td><td><font color="#6495ed"><b> CornflowerBlue </b></font></td></tr><tr><td><font color="#fff8dc"><b> FFF8DC <b></b></b></font></td><td><font color="#fff8dc"><b> 255,248,220 </b></font></td><td><font color="#fff8dc"><b> Cornsilk </b></font></td></tr><tr><td><font color="#dc143c"><b> DC143C <b></b></b></font></td><td><font color="#dc143c"><b> 237,164,61 </b></font></td><td><font color="#dc143c"><b> Crimson </b></font></td></tr><tr><td><font color="#00ffff"><b> 00FFFF <b></b></b></font></td><td><font color="#00ffff"><b> 0,255,255 </b></font></td><td><font color="#00ffff"><b> Cyan </b></font></td></tr><tr><td><font color="#00008b"><b> 00008B <b></b></b></font></td><td><font color="#00008b"><b> 0,0,139 </b></font></td><td><font color="#00008b"><b> DarkBlue </b></font></td></tr><tr><td><font color="#008b8b"><b> 008B8B <b></b></b></font></td><td><font color="#008b8b"><b> 0,139,139 </b></font></td><td><font color="#008b8b"><b> DarkCyan </b></font></td></tr><tr><td><font color="#b8860b"><b> B8860B <b></b></b></font></td><td><font color="#b8860b"><b> 184,134,11 </b></font></td><td><font color="#b8860b"><b> DarkGoldenRod </b></font></td></tr><tr><td><font color="#a9a9a9"><b> A9A9A9 <b></b></b></font></td><td><font color="#a9a9a9"><b> 169,169,169 </b></font></td><td><font color="#a9a9a9"><b> DarkGray </b></font></td></tr><tr><td><font color="#006400"><b> 006400 <b></b></b></font></td><td><font color="#006400"><b> 0,100,0 </b></font></td><td><font color="#006400"><b> DarkGreen </b></font></td></tr><tr><td><font color="#bdb76b"><b> BDB76B <b></b></b></font></td><td><font color="#bdb76b"><b> 189,183,107 </b></font></td><td><font color="#bdb76b"><b> DarkKhaki </b></font></td></tr><tr><td><font color="#8b008b"><b> 8B008B <b></b></b></font></td><td><font color="#8b008b"><b> 139,0,139 </b></font></td><td><font color="#8b008b"><b> DarkMagenta </b></font></td></tr><tr><td><font color="#556b2f"><b> 556B2F <b></b></b></font></td><td><font color="#556b2f"><b> 85,107,47 </b></font></td><td><font color="#556b2f"><b> DarkOliveGreen </b></font></td></tr><tr><td><font color="#ff8c00"><b> FF8C00 <b></b></b></font></td><td><font color="#ff8c00"><b> 255,140,0 </b></font></td><td><font color="#ff8c00"><b> Darkorange </b></font></td></tr><tr><td><font color="#9932cc"><b> 9932CC <b></b></b></font></td><td><font color="#9932cc"><b> 153,50,204 </b></font></td><td><font color="#9932cc"><b> DarkOrchid </b></font></td></tr><tr><td><font color="#8b0000"><b> 8B0000 <b></b></b></font></td><td><font color="#8b0000"><b> 139,0,0 </b></font></td><td><font color="#8b0000"><b> DarkRed </b></font></td></tr><tr><td><font color="#e9967a"><b> E9967A <b></b></b></font></td><td><font color="#e9967a"><b> 233,150,122 </b></font></td><td><font color="#e9967a"><b> DarkSalmon </b></font></td></tr><tr><td><font color="#8fbc8f"><b> 8FBC8F <b></b></b></font></td><td><font color="#8fbc8f"><b> 143,188,143 </b></font></td><td><font color="#8fbc8f"><b> DarkSeaGreen </b></font></td></tr><tr><td><font color="#483d8b"><b> 483D8B <b></b></b></font></td><td><font color="#483d8b"><b> 72,61,139 </b></font></td><td><font color="#483d8b"><b> DarkSlateBlue </b></font></td></tr><tr><td><font color="#2f4f4f"><b> 2F4F4F <b></b></b></font></td><td><font color="#2f4f4f"><b> 47,79,79 </b></font></td><td><font color="#2f4f4f"><b> DarkSlateGray </b></font></td></tr><tr><td><font color="#00ced1"><b> 00CED1 <b></b></b></font></td><td><font color="#00ced1"><b> 0,206,209 </b></font></td><td><font color="#00ced1"><b> DarkTurquoise </b></font></td></tr><tr><td><font color="#9400d3"><b> 9400D3 <b></b></b></font></td><td><font color="#9400d3"><b> 148,0,211 </b></font></td><td><font color="#9400d3"><b> DarkViolet </b></font></td></tr><tr><td><font color="#ff1493"><b> FF1493 <b></b></b></font></td><td><font color="#ff1493"><b> 255,20,147 </b></font></td><td><font color="#ff1493"><b> DeepPink </b></font></td></tr><tr><td><font color="#00bfff"><b> 00BFFF <b></b></b></font></td><td><font color="#00bfff"><b> 0,191,255 </b></font></td><td><font color="#00bfff"><b> DeepSkyBlue </b></font></td></tr><tr><td><font color="#696969"><b> 696969 <b></b></b></font></td><td><font color="#696969"><b> 105,105,105 </b></font></td><td><font color="#696969"><b> DimGray </b></font></td></tr><tr><td><font color="#1e90ff"><b> 1E90FF <b></b></b></font></td><td><font color="#1e90ff"><b> 30,144,255 </b></font></td><td><font color="#1e90ff"><b> DodgerBlue </b></font></td></tr><tr><td><font color="#b22222"><b> B22222 <b></b></b></font></td><td><font color="#b22222"><b> 178,34,34 </b></font></td><td><font color="#b22222"><b> FireBrick </b></font></td></tr><tr><td><font color="#fffaf0"><b> FFFAF0 <b></b></b></font></td><td><font color="#fffaf0"><b> 255,250,240 </b></font></td><td><font color="#fffaf0"><b> FloralWhite </b></font></td></tr><tr><td><font color="#228b22"><b> 228B22 <b></b></b></font></td><td><font color="#228b22"><b> 34,139,34 </b></font></td><td><font color="#228b22"><b> ForestGreen </b></font></td></tr><tr><td><font color="#ff00ff"><b> FF00FF <b></b></b></font></td><td><font color="#ff00ff"><b> 255,0,255 </b></font></td><td><font color="#ff00ff"><b> Fuchsia </b></font></td></tr><tr><td><font color="#dcdcdc"><b> DCDCDC <b></b></b></font></td><td><font color="#dcdcdc"><b> 220,220,220 </b></font></td><td><font color="#dcdcdc"><b> Gainsboro </b></font></td></tr><tr><td><font color="#f8f8ff"><b> F8F8FF <b></b></b></font></td><td><font color="#f8f8ff"><b> 248,248,255 </b></font></td><td><font color="#f8f8ff"><b> GhostWhite </b></font></td></tr><tr><td><font color="#ffd700"><b> FFD700 <b></b></b></font></td><td><font color="#ffd700"><b> 255,215,0 </b></font></td><td><font color="#ffd700"><b> Gold </b></font></td></tr><tr><td><font color="#daa520"><b> DAA520 <b></b></b></font></td><td><font color="#daa520"><b> 218,165,32 </b></font></td><td><font color="#daa520"><b> GoldenRod </b></font></td></tr><tr><td><font color="#808080"><b> 808080 <b></b></b></font></td><td><font color="#808080"><b> 128,128,128 </b></font></td><td><font color="#808080"><b> Gray </b></font></td></tr><tr><td><font color="#008000"><b> 008000 <b></b></b></font></td><td><font color="#008000"><b> 0,128,0 </b></font></td><td><font color="#008000"><b> Green </b></font></td></tr><tr><td><font color="#adff2f"><b> ADFF2F <b></b></b></font></td><td><font color="#adff2f"><b> 173,255,47 </b></font></td><td><font color="#adff2f"><b> GreenYellow </b></font></td></tr><tr><td><font color="#f0fff0"><b> F0FFF0 <b></b></b></font></td><td><font color="#f0fff0"><b> 240,255,240 </b></font></td><td><font color="#f0fff0"><b> HoneyDew </b></font></td></tr><tr><td><font color="#ff69b4"><b> FF69B4 <b></b></b></font></td><td><font color="#ff69b4"><b> 255,105,180 </b></font></td><td><font color="#ff69b4"><b> HotPink </b></font></td></tr><tr><td><font color="#cd5c5c"><b> CD5C5C <b></b></b></font></td><td><font color="#cd5c5c"><b> 205,92,92 </b></font></td><td><font color="#cd5c5c"><b> IndianRed </b></font></td></tr><tr><td><font color="#4b0082"><b> 4B0082 <b></b></b></font></td><td><font color="#4b0082"><b> 75,0,130 </b></font></td><td><font color="#4b0082"><b> Indigo </b></font></td></tr><tr><td><font color="#fffff0"><b> FFFFF0 <b></b></b></font></td><td><font color="#fffff0"><b> 255,255,240 </b></font></td><td><font color="#fffff0"><b> Ivory </b></font></td></tr><tr><td><font color="#f0e68c"><b> F0E68C <b></b></b></font></td><td><font color="#f0e68c"><b> 240,230,140 </b></font></td><td><font color="#f0e68c"><b> Khaki </b></font></td></tr><tr><td><font color="#e6e6fa"><b> E6E6FA <b></b></b></font></td><td><font color="#e6e6fa"><b> 230,230,250 </b></font></td><td><font color="#e6e6fa"><b> Lavender </b></font></td></tr><tr><td><font color="#fff0f5"><b> FFF0F5 <b></b></b></font></td><td><font color="#fff0f5"><b> 255,240,245 </b></font></td><td><font color="#fff0f5"><b> LavenderBlush </b></font></td></tr><tr><td><font color="#7cfc00"><b> 7CFC00 <b></b></b></font></td><td><font color="#7cfc00"><b> 124,252,0 </b></font></td><td><font color="#7cfc00"><b> LawnGreen </b></font></td></tr><tr><td><font color="#fffacd"><b> FFFACD <b></b></b></font></td><td><font color="#fffacd"><b> 255,250,205 </b></font></td><td><font color="#fffacd"><b> LemonChiffon </b></font></td></tr><tr><td><font color="#add8e6"><b> ADD8E6 <b></b></b></font></td><td><font color="#add8e6"><b> 173,216,230 </b></font></td><td><font color="#add8e6"><b> LightBlue </b></font></td></tr><tr><td><font color="#f08080"><b> F08080 <b></b></b></font></td><td><font color="#f08080"><b> 240,128,128 </b></font></td><td><font color="#f08080"><b> LightCoral </b></font></td></tr><tr><td><font color="#e0ffff"><b> E0FFFF <b></b></b></font></td><td><font color="#e0ffff"><b> 224,255,255 </b></font></td><td><font color="#e0ffff"><b> LightCyan </b></font></td></tr><tr><td><font color="#fafad2"><b> FAFAD2 <b></b></b></font></td><td><font color="#fafad2"><b> 250,250,210 </b></font></td><td><font color="#fafad2"><b> LightGoldenRodYellow </b></font></td></tr><tr><td><font color="#d3d3d3"><b> D3D3D3 <b></b></b></font></td><td><font color="#d3d3d3"><b> 211,211,211 </b></font></td><td><font color="#d3d3d3"><b> LightGrey </b></font></td></tr><tr><td><font color="#90ee90"><b> 90EE90 <b></b></b></font></td><td><font color="#90ee90"><b> 144,238,144 </b></font></td><td><font color="#90ee90"><b> LightGreen </b></font></td></tr><tr><td><font color="#ffb6c1"><b> FFB6C1 <b></b></b></font></td><td><font color="#ffb6c1"><b> 255,182,193 </b></font></td><td><font color="#ffb6c1"><b> LightPink </b></font></td></tr><tr><td><font color="#ffa07a"><b> FFA07A <b></b></b></font></td><td><font color="#ffa07a"><b> 255,160,122 </b></font></td><td><font color="#ffa07a"><b> LightSalmon </b></font></td></tr><tr><td><font color="#20b2aa"><b> 20B2AA <b></b></b></font></td><td><font color="#20b2aa"><b> 32,178,170 </b></font></td><td><font color="#20b2aa"><b> LightSeaGreen </b></font></td></tr><tr><td><font color="#87cefa"><b> 87CEFA <b></b></b></font></td><td><font color="#87cefa"><b> 135,206,250 </b></font></td><td><font color="#87cefa"><b> LightSkyBlue </b></font></td></tr><tr><td><font color="#778899"><b> 778899 <b></b></b></font></td><td><font color="#778899"><b> 119,136,153 </b></font></td><td><font color="#778899"><b> LightSlateGray </b></font></td></tr><tr><td><font color="#b0c4de"><b> B0C4DE <b></b></b></font></td><td><font color="#b0c4de"><b> 176,196,222 </b></font></td><td><font color="#b0c4de"><b> LightSteelBlue </b></font></td></tr><tr><td><font color="#ffffe0"><b> FFFFE0 <b></b></b></font></td><td><font color="#ffffe0"><b> 255,255,224 </b></font></td><td><font color="#ffffe0"><b> LightYellow </b></font></td></tr><tr><td><font color="#00ff00"><b> 00FF00 <b></b></b></font></td><td><font color="#00ff00"><b> 0,255,0 </b></font></td><td><font color="#00ff00"><b> Lime </b></font></td></tr><tr><td><font color="#32cd32"><b> 32CD32 <b></b></b></font></td><td><font color="#32cd32"><b> 50,205,50 </b></font></td><td><font color="#32cd32"><b> LimeGreen </b></font></td></tr><tr><td><font color="#faf0e6"><b> FAF0E6 <b></b></b></font></td><td><font color="#faf0e6"><b> 250,240,230 </b></font></td><td><font color="#faf0e6"><b> Linen </b></font></td></tr><tr><td><font color="#ff00ff"><b> FF00FF <b></b></b></font></td><td><font color="#ff00ff"><b> 255,0,255 </b></font></td><td><font color="#ff00ff"><b> Magenta </b></font></td></tr><tr><td><font color="#800000"><b> 800000 <b></b></b></font></td><td><font color="#800000"><b> 128,0,0 </b></font></td><td><font color="#800000"><b> Maroon </b></font></td></tr><tr><td><font color="#66cdaa"><b> 66CDAA <b></b></b></font></td><td><font color="#66cdaa"><b> 102,205,170 </b></font></td><td><font color="#66cdaa"><b> MediumAquaMarine </b></font></td></tr><tr><td><font color="#0000cd"><b> 0000CD <b></b></b></font></td><td><font color="#0000cd"><b> 0,0,205 </b></font></td><td><font color="#0000cd"><b> MediumBlue </b></font></td></tr><tr><td><font color="#ba55d3"><b> BA55D3 <b></b></b></font></td><td><font color="#ba55d3"><b> 186,85,211 </b></font></td><td><font color="#ba55d3"><b> MediumOrchid </b></font></td></tr><tr><td><font color="#9370d8"><b> 9370D8 <b></b></b></font></td><td><font color="#9370d8"><b> 147,112,219 </b></font></td><td><font color="#9370d8"><b> MediumPurple </b></font></td></tr><tr><td><font color="#3cb371"><b> 3CB371 <b></b></b></font></td><td><font color="#3cb371"><b> 60,179,113 </b></font></td><td><font color="#3cb371"><b> MediumSeaGreen </b></font></td></tr><tr><td><font color="#7b68ee"><b> 7B68EE <b></b></b></font></td><td><font color="#7b68ee"><b> 123,104,238 </b></font></td><td><font color="#7b68ee"><b> MediumSlateBlue </b></font></td></tr><tr><td><font color="#00fa9a"><b> 00FA9A <b></b></b></font></td><td><font color="#00fa9a"><b> 0,250,154 </b></font></td><td><font color="#00fa9a"><b> MediumSpringGreen </b></font></td></tr><tr><td><font color="#48d1cc"><b> 48D1CC <b></b></b></font></td><td><font color="#48d1cc"><b> 72,209,204 </b></font></td><td><font color="#48d1cc"><b> MediumTurquoise </b></font></td></tr><tr><td><font color="#c71585"><b> C71585 <b></b></b></font></td><td><font color="#c71585"><b> 199,21,133 </b></font></td><td><font color="#c71585"><b> MediumVioletRed </b></font></td></tr><tr><td><font color="#191970"><b> 191970 <b></b></b></font></td><td><font color="#191970"><b> 25,25,112 </b></font></td><td><font color="#191970"><b> MidnightBlue </b></font></td></tr><tr><td><font color="#f5fffa"><b> F5FFFA <b></b></b></font></td><td><font color="#f5fffa"><b> 245,255,250 </b></font></td><td><font color="#f5fffa"><b> MintCream </b></font></td></tr><tr><td><font color="#ffe4e1"><b> FFE4E1 <b></b></b></font></td><td><font color="#ffe4e1"><b> 255,228,225 </b></font></td><td><font color="#ffe4e1"><b> MistyRose </b></font></td></tr><tr><td><font color="#ffe4b5"><b> FFE4B5 <b></b></b></font></td><td><font color="#ffe4b5"><b> 255,228,181 </b></font></td><td><font color="#ffe4b5"><b> Moccasin </b></font></td></tr><tr><td><font color="#ffdead"><b> FFDEAD <b></b></b></font></td><td><font color="#ffdead"><b> 255,222,173 </b></font></td><td><font color="#ffdead"><b> NavajoWhite </b></font></td></tr><tr><td><font color="#000080"><b> 000080 <b></b></b></font></td><td><font color="#000080"><b> 0,0,128 </b></font></td><td><font color="#000080"><b> Navy </b></font></td></tr><tr><td><font color="#fdf5e6"><b> FDF5E6 <b></b></b></font></td><td><font color="#fdf5e6"><b> 253,245,230 </b></font></td><td><font color="#fdf5e6"><b> OldLace </b></font></td></tr><tr><td><font color="#808000"><b> 808000 <b></b></b></font></td><td><font color="#808000"><b> 128,128,0 </b></font></td><td><font color="#808000"><b> Olive </b></font></td></tr><tr><td><font color="#6b8e23"><b> 6B8E23 <b></b></b></font></td><td><font color="#6b8e23"><b> 107,142,35 </b></font></td><td><font color="#6b8e23"><b> OliveDrab </b></font></td></tr><tr><td><font color="#ffa500"><b> FFA500 <b></b></b></font></td><td><font color="#ffa500"><b> 255,165,0 </b></font></td><td><font color="#ffa500"><b> Orange </b></font></td></tr><tr><td><font color="#ff4500"><b> FF4500 <b></b></b></font></td><td><font color="#ff4500"><b> 255,69,0 </b></font></td><td><font color="#ff4500"><b> OrangeRed </b></font></td></tr><tr><td><font color="#da70d6"><b> DA70D6 <b></b></b></font></td><td><font color="#da70d6"><b> 218,112,214 </b></font></td><td><font color="#da70d6"><b> Orchid </b></font></td></tr><tr><td><font color="#eee8aa"><b> EEE8AA <b></b></b></font></td><td><font color="#eee8aa"><b> 238,232,170 </b></font></td><td><font color="#eee8aa"><b> PaleGoldenRod </b></font></td></tr><tr><td><font color="#98fb98"><b> 98FB98 <b></b></b></font></td><td><font color="#98fb98"><b> 152,251,152 </b></font></td><td><font color="#98fb98"><b> PaleGreen </b></font></td></tr><tr><td><font color="#afeeee"><b> AFEEEE <b></b></b></font></td><td><font color="#afeeee"><b> 175,238,238 </b></font></td><td><font color="#afeeee"><b> PaleTurquoise </b></font></td></tr><tr><td><font color="#d87093"><b> D87093 <b></b></b></font></td><td><font color="#d87093"><b> 219,112,147 </b></font></td><td><font color="#d87093"><b> PaleVioletRed </b></font></td></tr><tr><td><font color="#ffefd5"><b> FFEFD5 <b></b></b></font></td><td><font color="#ffefd5"><b> 255,239,213 </b></font></td><td><font color="#ffefd5"><b> PapayaWhip </b></font></td></tr><tr><td><font color="#ffdab9"><b> FFDAB9 <b></b></b></font></td><td><font color="#ffdab9"><b> 255,218,185 </b></font></td><td><font color="#ffdab9"><b> PeachPuff </b></font></td></tr><tr><td><font color="#cd853f"><b> CD853F <b></b></b></font></td><td><font color="#cd853f"><b> 205,133,63 </b></font></td><td><font color="#cd853f"><b> Peru </b></font></td></tr><tr><td><font color="#ffc0cb"><b> FFC0CB <b></b></b></font></td><td><font color="#ffc0cb"><b> 255,192,203 </b></font></td><td><font color="#ffc0cb"><b> Pink </b></font></td></tr><tr><td><font color="#dda0dd"><b> DDA0DD <b></b></b></font></td><td><font color="#dda0dd"><b> 221,160,221 </b></font></td><td><font color="#dda0dd"><b> Plum </b></font></td></tr><tr><td><font color="#b0e0e6"><b> B0E0E6 <b></b></b></font></td><td><font color="#b0e0e6"><b> 176,224,230 </b></font></td><td><font color="#b0e0e6"><b> PowderBlue </b></font></td></tr><tr><td><font color="#800080"><b> 800080 <b></b></b></font></td><td><font color="#800080"><b> 128,0,128 </b></font></td><td><font color="#800080"><b> Purple </b></font></td></tr><tr><td><font color="#ff0000"><b> FF0000 <b></b></b></font></td><td><font color="#ff0000"><b> 255,0,0 </b></font></td><td><font color="#ff0000"><b> Red </b></font></td></tr><tr><td><font color="#bc8f8f"><b> BC8F8F <b></b></b></font></td><td><font color="#bc8f8f"><b> 188,143,143 </b></font></td><td><font color="#bc8f8f"><b> RosyBrown </b></font></td></tr><tr><td><font color="#4169e1"><b> 4169E1 <b></b></b></font></td><td><font color="#4169e1"><b> 65,105,225 </b></font></td><td><font color="#4169e1"><b> RoyalBlue </b></font></td></tr><tr><td><font color="#8b4513"><b> 8B4513 <b></b></b></font></td><td><font color="#8b4513"><b> 139,69,19 </b></font></td><td><font color="#8b4513"><b> SaddleBrown </b></font></td></tr><tr><td><font color="#fa8072"><b> FA8072 <b></b></b></font></td><td><font color="#fa8072"><b> 250,128,114 </b></font></td><td><font color="#fa8072"><b> Salmon </b></font></td></tr><tr><td><font color="#f4a460"><b> F4A460 <b></b></b></font></td><td><font color="#f4a460"><b> 244,164,96 </b></font></td><td><font color="#f4a460"><b> SandyBrown </b></font></td></tr><tr><td><font color="#2e8b57"><b> 2E8B57 <b></b></b></font></td><td><font color="#2e8b57"><b> 46,139,87 </b></font></td><td><font color="#2e8b57"><b> SeaGreen </b></font></td></tr><tr><td><font color="#fff5ee"><b> FFF5EE <b></b></b></font></td><td><font color="#fff5ee"><b> 255,245,238 </b></font></td><td><font color="#fff5ee"><b> SeaShell </b></font></td></tr><tr><td><font color="#a0522d"><b> A0522D <b></b></b></font></td><td><font color="#a0522d"><b> 160,82,45 </b></font></td><td><font color="#a0522d"><b> Sienna </b></font></td></tr><tr><td><font color="#c0c0c0"><b> C0C0C0 <b></b></b></font></td><td><font color="#c0c0c0"><b> 192,192,192 </b></font></td><td><font color="#c0c0c0"><b> Silver </b></font></td></tr><tr><td><font color="#87ceeb"><b> 87CEEB <b></b></b></font></td><td><font color="#87ceeb"><b> 135,206,235 </b></font></td><td><font color="#87ceeb"><b> SkyBlue </b></font></td></tr><tr><td><font color="#6a5acd"><b> 6A5ACD <b></b></b></font></td><td><font color="#6a5acd"><b> 106,90,205 </b></font></td><td><font color="#6a5acd"><b> SlateBlue </b></font></td></tr><tr><td><font color="#708090"><b> 708090 <b></b></b></font></td><td><font color="#708090"><b> 112,128,144 </b></font></td><td><font color="#708090"><b> SlateGray </b></font></td></tr><tr><td><font color="#fffafa"><b> FFFAFA <b></b></b></font></td><td><font color="#fffafa"><b> 255,250,250 </b></font></td><td><font color="#fffafa"><b> Snow </b></font></td></tr><tr><td><font color="#00ff7f"><b> 00FF7F <b></b></b></font></td><td><font color="#00ff7f"><b> 0,255,127 </b></font></td><td><font color="#00ff7f"><b> SpringGreen </b></font></td></tr><tr><td><font color="#4682b4"><b> 4682B4 <b></b></b></font></td><td><font color="#4682b4"><b> 70,130,180 </b></font></td><td><font color="#4682b4"><b> SteelBlue </b></font></td></tr><tr><td><font color="#d2b48c"><b> D2B48C <b></b></b></font></td><td><font color="#d2b48c"><b> 210,180,140 </b></font></td><td><font color="#d2b48c"><b> Tan </b></font></td></tr><tr><td><font color="#008080"><b> 008080 <b></b></b></font></td><td><font color="#008080"><b> 0,128,128 </b></font></td><td><font color="#008080"><b> Teal </b></font></td></tr><tr><td><font color="#d8bfd8"><b> D8BFD8 <b></b></b></font></td><td><font color="#d8bfd8"><b> 216,191,216 </b></font></td><td><font color="#d8bfd8"><b> Thistle </b></font></td></tr><tr><td><font color="#ff6347"><b> FF6347 <b></b></b></font></td><td><font color="#ff6347"><b> 255,99,71 </b></font></td><td><font color="#ff6347"><b> Tomato </b></font></td></tr><tr><td><font color="#40e0d0"><b> 40E0D0 <b></b></b></font></td><td><font color="#40e0d0"><b> 64,224,208 </b></font></td><td><font color="#40e0d0"><b> Turquoise </b></font></td></tr><tr><td><font color="#ee82ee"><b> EE82EE <b></b></b></font></td><td><font color="#ee82ee"><b> 238,130,238 </b></font></td><td><font color="#ee82ee"><b> Violet </b></font></td></tr><tr><td><font color="#f5deb3"><b> F5DEB3 <b></b></b></font></td><td><font color="#f5deb3"><b> 245,222,179 </b></font></td><td><font color="#f5deb3"><b> Wheat </b></font></td></tr><tr><td><font color="#ffffff"><b> FFFFFF <b></b></b></font></td><td><font color="#ffffff"><b> 255,255,255 </b></font></td><td><font color="#ffffff"><b> White </b></font></td></tr><tr><td><font color="#f5f5f5"><b> F5F5F5 <b></b></b></font></td><td><font color="#f5f5f5"><b> 245,245,245 </b></font></td><td><font color="#f5f5f5"><b> WhiteSmoke </b></font></td></tr><tr><td><font color="#ffff00"><b> FFFF00 <b></b></b></font></td><td><font color="#ffff00"><b> 255,255,0 </b></font></td><td><font color="#ffff00"><b> Yellow </b></font></td></tr><tr><td><font color="#9acd32"><b> 9ACD32 <b></b></b></font></td><td><font color="#9acd32"><b> 154,205,50 </b></font></td><td><font color="#9acd32"><b> YellowGreen </b></font></td></tr><br /></tbody></table><br /><br />Kode lain dapat dilihat <a href="file:///J:/HTML/Html%20Color%20Codes.htm">disini</a>Duasatu12http://www.blogger.com/profile/14730602714798412496noreply@blogger.com0