tag:blogger.com,1999:blog-38656668850367709972024-03-13T12:45:21.807-07:00TIPS dan TRIK BLOGKarta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.comBlogger61125truetag:blogger.com,1999:blog-3865666885036770997.post-67998456601953467162012-01-29T09:33:00.000-08:002012-01-29T09:33:43.172-08:00Came Back to TIPS dan TRIK BLOG<div style="text-align: justify;">
Hallo sobat blogger dan sobat <b>TTB</b> yang terkasih di seluruh belahan Nusantara. Apa kabar?. Yang pasti kabar sehat-sehat semua kan?. Kangen rasanya setelah kurang dari satu tahun saya vakum untuk menulis/memberikan tips dan trik buat sobat blogger. Tidak tahu kenapa, akhir-akhir ini saya sering merasa kwatir dengan apa yang sedang aku jalani. Aku merasa apa yang sedang aku jalani saat ini bakalan tidak ada artinya kedepannya buat saya. Sehingga timbul rasa malas dalam diri saya untuk menjalaninya. Ops...saya sudah curhat sedikit sama sobat blogger.</div>
<div style="text-align: justify;">
Oh yah sobat <b>TTB</b>, selain vakum dari <b>TIPS dan TRIK BLOG</b> saya juga telah membuat sebuha blog baru buat sobat blogger juga. Awalnya saya berpikir blog TTB ini akan saya tutup, karena template </div>
<a name='more'></a>yang lama membuat loading blog ini sangat berat sekali. Sehingga timbul dalam pikiran saya untuk membuat blog baru. Dan blog baru itupun saya buat pada tanggal 22 Januari 2012. Isinya sama dengan blog ini, cuman dalam targte dan pencapainnya saya lebih condong ke blog yang baru. Tapi tenang aja sobat blogger, blog TIPS dan TRIK BLOG ini akan saya usahakan mengupdatenya supaya sobat blogger tetapi bisa berkreasi. Dan jika sobat blogger ingin tips yang lebih lagi, silahkan berkunjung ke blog saya yang baru di "<a href="http://tips-untuk-blogger.blogspot.com/" tareget="_Blank"><b>TIPS untuk Blogger</b></a>". Di sana sobat blogger akan mendapatkan banyak tips blog.<br />
<div style="text-align: justify;">
Oh yah, terima kasih yah buat sobat setia blogger dan sobat setia <b>TTB</b> juga. Pertama saya buka blog ini, saya lihat komentarnr, ternyata sudah menumpuk pertanyaan yang belum saya jawab. Jujur saya sempat kewalahan untuk menjawab pertanyaan/komentar dari sobat blogger. Tapi akhirnya terhamdle huga.</div>
<div style="text-align: justify;">
Dan saya juga tidak pula mengucakpan terima kasih buat sobat blogger yang sudah mau bertukaran link dengan saya, semoga kedepannya kita saling mengharga sesama blogger dan harapannya kita tidaka saling merugikan. Terima kasih sobat blogger</div>
<div style="text-align: justify;">
Akhir kata saya ucakan Terima Kasih yang sebesar-besarnya kepada sobat blogger yang sudah memberikan Rewars dan semacamnya, saya rasa itu adalah penghargaan yang sangat luar biasa buat saya. semoga Tuhan memberkati kita semua.</div>
<div style="text-align: justify;">
Salam blogger dan Salam Setia <b>TTB</b>.</div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com23tag:blogger.com,1999:blog-3865666885036770997.post-8037710106851202782011-03-24T06:11:00.000-07:002011-03-24T06:11:54.228-07:00Cara Membuat "Read More" Otomatis<div class="separator" style="clear: both; text-align: justify;"><a href="https://lh3.googleusercontent.com/-MjWORscXuW0/TYs8ZOtb7bI/AAAAAAAAAFg/BxBXUMGKO0g/s1600/hut.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://lh3.googleusercontent.com/-MjWORscXuW0/TYs8ZOtb7bI/AAAAAAAAAFg/BxBXUMGKO0g/s200/hut.jpeg" width="200" /></a></div><div style="text-align: justify;"><span class="awal">R</span>ead More. Perasaan saya sudah berapa kali melakukan postingan ini. Tapi teman-teman kalau yang ini pasti beda. Tips ini akan memberikan read more yang otomatis pada blog sobat. Tanpa kita memotong teks postingan kita secara otomatis akan terpotong dengan adanya read more otomatis ini.</div><div style="text-align: justify;">Jika sobat blogger ingin melihat tulisan saya yang lainnya, silahkan baca <a href="http://kelolablog.blogspot.com/search/label/Read%20More">DISINI</a>.</div><div style="text-align: justify;">Caranya adalah seperti ini:</div><div style="text-align: justify;"></div><br />
<br />
<div style="text-align: justify;">1. Seperti biasa, <b>login</b> ke blogger dengan akun kamu</div><div style="text-align: justify;">2. Pilih <b>Rancangan</b></div><div style="text-align: justify;">3. Pilih <b>Edit HTML<a name='more'></a></b></div><div style="text-align: justify;"><span class="fullpost"><span style="color: red; font-weight: bold;">Penting</span>! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna <span style="color: lime;">Hijau</span> dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)</span></div><div style="text-align: justify;"><br />
</div><div style="border: 1px solid rgb(153, 153, 153); height: 200px; overflow: auto; text-align: justify; width: auto;"><div class='post-header-line-1'/><br />
<div class='post-body'><br />
<div style="color: lime;"><b:if cond='data:blog.pageType == "item"'></div><div style="color: lime;"><style>.fullpost{display:inline;}</style></div><div style="color: lime;"><p><data:post.body/></p></div><div style="color: lime;"><b:else/></div><style>.fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<div style="color: lime;"><a expr:href='data:post.url'>Readmore</a></div><div style="color: lime;"></b:if></div><div style='clear: both;'/></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">4. Jika sudah, lanjutkan anda mencari kode berikut <b> </head> </b>dan letakkan kode berikut di atas kode <i></head></i></div><div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 250px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: justify; width: auto;"><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><br />
<br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
/******************************************<br />
Auto-readmore link script, version 2.0 (for blogspot)<br />
<br />
(C)2008 by Anhvo<br />
<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 />
<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 src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />
summ = summary_img;<br />
}<br />
<br />
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script></div><div style="text-align: justify;">Masih dalam <b>Edit HTML</b>. berikan centang pada <b>"Expand Widget Template"</b> dan cari kode yang mirip seperti ini <i><b><data:post.body/></b></i>.</div><div style="text-align: justify;">Kalau sudah ketemu, ganti kode tersebut dengan kode berikut ini</div><div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: justify; width: auto;">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><br />
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br />
<br />
</div><div style="text-align: justify;">Kalu sudah silahkan <b>Simpan Template.</b></div><div style="text-align: justify;">dan jangan lupa komentarnya yah. atau Tukaran Link <a href="http://kelolablog.blogspot.com/2011/03/mari-tukaran-link.html">diSINI</a>.</div><div style="text-align: justify;"><br />
</div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com23tag:blogger.com,1999:blog-3865666885036770997.post-84208617051611914922011-03-24T05:37:00.000-07:002011-03-24T05:37:05.168-07:00Menambah Icon di Samping Judul Artikel<div class="separator" style="clear: both; text-align: justify;"><a href="https://lh6.googleusercontent.com/-ksSMl_NSEcE/TYs2-QEpaGI/AAAAAAAAAFc/n9VdB0PnAOQ/s1600/images.jpeg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="102" src="https://lh6.googleusercontent.com/-ksSMl_NSEcE/TYs2-QEpaGI/AAAAAAAAAFc/n9VdB0PnAOQ/s320/images.jpeg" width="320" /></a></div><div style="text-align: justify;"><span class="awal">B</span>osan dengan tampilan judul artikel yang tidak ada desain sama sekali?. Jika sobat blogger bosan dengan tampilan judul artikel yang tidak ada pernak-perniknya, silahkan ikuti tips ini. Pasti tips ini sangat menarik untuk ditampilkan pada blog anda.</div><div style="text-align: justify;">Sebelum kita melaju kepada langkah-langkah, sekarang saya akan menjelaskan terlebih dahulu mengenai tips kali ini. Adapun ikon yang dimaksud disini adalah ikon yang dapat mempercantik juduk artikel kita. Biasanya gambar ikon yang umum digunakan adalah seperti gambar rumah, atau sejenis gambar admin. Nah sobat blogger bisa berkreasi sedikit untuk blog anda.<br />
<a name='more'></a></div><div style="text-align: justify;">Oke langsung saja,</div><div style="text-align: justify;">1. Login ke blogger dengan akun kamu</div><div style="text-align: justify;">2. Pilih Rancangan</div><div style="text-align: justify;">3. Pilih Edit HTML</div><div style="text-align: justify;">4. Cari kode yang mirip seperti ini (<i>Biar gampang tekan Ctrl+F</i>)</div><div style="background-color: #fbfbee; border: 1px solid rgb(204, 204, 204); height: auto; margin: 10px 0px; padding: 10px; text-align: justify; width: auto;">.post h3 {<br />
margin:.5em 0;<br />
padding:30px 0px 0px 45px;<br />
font-size:120%;<br />
<font-weight:bold;<br />
font-style:italic;<br />
line-height:1.3em;<br />
color:#333;</div><div style="text-align: justify;">5. Sebelumnya ada sudah menentukan alamat URL gambar ikon anda. Jika belom, silahkan cari di website ini <span class="fullpost"><span style="color: red;">Iconarchive.com</span>.</span></div><div style="text-align: justify;"><span class="fullpost">6. ganti tulisan </span><b>padding:30px 0px 0px 45px;</b> menjadi <span style="color: red;">48px 0px 0px 45px;</span> dan tambahkan kode height:48px; dan background: di bawah <b>color:#333;</b> yang tampak seperti kode berikut.</div><div style="background-color: #fbfbee; border: 1px solid rgb(204, 204, 204); height: auto; margin: 10px 0px; padding: 10px; text-align: justify; width: auto;">.post h3 {<br />
margin:.5em 0;<br />
padding:48px 0px 0px 45px;<br />
font-size:120%;<br />
font-weight:bold;<br />
font-style:italic;<br />
line-height:1.3em;<br />
color:#333;<br />
<div style="color: lime;">background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:</div><div style="color: lime;">http://remas-alakbar.com/images/buku.png) no-repeat left center;</div></div><div style="text-align: justify;">7. Setelah selesai, silahkan Simapan Template.</div><div style="text-align: justify;">Selesai deh. Semoga berhasil dan bermanfaat.</div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com12tag:blogger.com,1999:blog-3865666885036770997.post-66095119299801343012011-03-23T06:52:00.000-07:002011-03-23T06:52:07.023-07:00Mari Tukaran Link<span class="awal">T</span>ukaran Link merupakan sebuah upaya kita untuk memperkenaklan web site kita kepada teman-teman. Fungsinya sangat bermanfaat bangat buat web site kita. Salah satunya yang dapat saya berikan yaitu dimana web site kita nantinya akan lebih mudah dijelajah oleh orang lain disaat mereka sedang membuka web site teman kita dimana link kita sudah ada di sana. Nah secara otomatis link kita telah direkomendasikan untuk dikunjungi.<br />
Nah jika teman-teman tertarik untuk tukaran link dengan saya, silahkan isi form ini.<br />
<a name='more'></a><br />
Saya akan link kembali ke blog/web site anda.<br />
<form action="http://www.emailmeform.com/builder/form/Bc1FvCAeI3G8fdlm1" enctype="multipart/form-data" id="emf-form" method="post" name="emf-form"><table bgcolor="transparent" border="0" cellpadding="2" cellspacing="0" style="text-align: left;"><tbody>
<tr> <td colspan="2"><span style="color: black; font-family: Verdana; font-size: x-small;"><b style="font-size: 20px;">Form Link Exchange</b><br />
<br />
<label style="font-size: 15px;">Silahkan Kirimkan pesan kepada kami umtuk melakukan "Link Exchange". Kami akan segera memberi konfirmasi kepada anda lewat e-mail.</label></span></td> </tr>
<tr valign="top"> <td align=""><br />
<span style="color: black; font-family: Verdana; font-size: x-small;"><b>E-mail</b></span> <span style="color: red;"><small>*</small></span></td> </tr>
<tr> <td><br />
<input class="validate[required,custom[email]]" id="element_0" name="element_0" size="30" type="text" value="" /><br />
<div style="color: black; padding-bottom: 8px;"><small><span style="font-family: Verdana;">*Isi dengan E-mail yang valid</span></small></div></td> </tr>
<tr valign="top"> <td align=""><br />
<span style="color: black; font-family: Verdana; font-size: x-small;"><b>URL Web Site/Blog</b></span> <span style="color: red;"><small>*</small></span></td> </tr>
<tr> <td><br />
<input class="validate[required]" id="element_1" name="element_1" size="30" type="text" value="htt://" /><br />
<div style="color: black; padding-bottom: 8px;"><small><span style="font-family: Verdana;">*Wajib diisi</span></small></div></td> </tr>
<tr valign="top"> <td align=""><br />
<span style="color: black; font-family: Verdana; font-size: x-small;"><b>Pesan</b></span> <span style="color: red;"><small>*</small></span></td> </tr>
<tr> <td><br />
<textarea class="validate[required]" cols="60" id="element_2" name="element_2" rows="10"><br /> </textarea><br />
<div style="color: black; padding-bottom: 8px;"><small><span style="font-family: Verdana;">*Silahkan tulis pesan anda, jika perlu.</span></small></div></td> </tr>
<tr> <td colspan="2"><br />
<table bgcolor="#00bff3" cellpadding="5" cellspacing="0"><tbody>
<tr bgcolor="#00aeef"> <td colspan="2"><br />
<span style="color: white; font-family: Verdana; font-size: x-small;"><b>Image Verification</b></span></td> </tr>
<tr> <td style="padding: 2px; width: 100px;"><br />
<img alt="captcha" id="captcha_image" name="captcha_image" src="http://www.emailmeform.com/builder/captcha/index/95f7154993d8af24e9ebc386eefb96d9" /></td> <td valign="top"><br />
<div><span style="color: black;">Please enter the text from the image</span>:<br />
<br />
<input class="validate[required,funcCall[valid_captcha]]" id="captcha_code" maxlength="10" name="captcha_code" size="10" type="text" /> [<a href="javascript:void(0);" id="captcha_code_refresh" name="captcha_code_refresh" onclick="document.getElementById('captcha_image').src = 'http://www.emailmeform.com/builder/captcha/index/'+Math.random();get_valid_captcha();return false;">Refresh Image</a>] [<a href="javascript:void(0);" id="captcha_code_about" name="captcha_code_about" onclick="window.open('http://www.emailmeform.com/captcha-instruction.html','_blank','width=400, height=500, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a>]</div></td> </tr>
</tbody></table></td> </tr>
<tr> <td align="center" colspan="2"><br />
<input name="element_counts" type="hidden" value="3" /> <input name="embed" type="hidden" value="forms" /><input type="submit" value="Kirim" /><input type="reset" value="Clear" /></td> </tr>
</tbody></table></form><div><span style="color: black; font-family: Verdana; font-size: x-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /></span><span style="color: black; font-family: Verdana; font-size: x-small;">EMF</span> <a href="http://www.emailmeform.com/" style="text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Web Form</span></a></div><a href="http://www.emailmeform.com/report-abuse.html?http://www.emailmeform.com/builder/form/Bc1FvCAeI3G8fdlm1" style="font-size: 70%; line-height: 20px; text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Report Abuse</span></a>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com13tag:blogger.com,1999:blog-3865666885036770997.post-15027002006963410822011-03-22T06:51:00.000-07:002011-03-22T06:51:04.182-07:00Cara Membuat Fungsi Scroll pada Arsip Blog<div style="text-align: justify;"><span style="font-size: small;"><span class="awal">H</span>ai sobat blogger. Lama tidak bertemu lewat postingan membuat saya sangat kepingin sekali memberikan tips lagi kepada teman-teman di sini. Namun sebelumnya saya meninggalkan blog ini karena ada kesibukan lain di <a href="http://mp3-laris.blogspot.com/" target="_blank">SINI.</a></span></div><div style="text-align: justify;"><span style="font-size: small;">Dengan ini saya akan kembali memberikan tips dan trik kepada sobat blogger. Kali ini saya ingin memberikan tips untuk membuat fungsi scroll pada Arsip blog. Seblumnya anda sudah tau kan yang namany arsip blog?. Jika belom, anda dapat melihatnya pada blog anda. Biasanya namanya iatu Archive atau Arsip Blog. Nah jika sobat blogger sudah kenal dan mempunyai Arsip Blog pada blog anda, silahkan setting dia (Arsip Blog) menjadi lebih menarik, yitu dengan membuat dalam bentuk fungsi scroll. <a name='more'></a></span></div><div style="text-align: justify;"><span style="font-size: small;">Caranya bagaiman?, ikuti langkah berikut ini.</span></div><div style="text-align: justify;"><span style="font-size: small;"><br />
</span></div><div style="text-align: justify;"><span style="font-size: small;">1. <b>Login</b> ke blogger dengan Akun anda</span></div><div style="text-align: justify;"><span style="font-size: small;">2. Pilih <b>Rancangan</b></span></div><div style="text-align: justify;"><span style="font-size: small;">3. Kemudian, pilih <b>Edit HTML</b></span></div><div style="text-align: justify;"><span style="font-size: small;">4. Silahkan cari kode seperti ini <span class="Apple-style-span" style="font-family: tahoma;"></span><span class="Apple-style-span" style="font-family: tahoma;"><b><div id='ArchiveList'> </b>atau<b> Archive</b></span></span></div><div style="text-align: justify;"><span style="font-size: small;"><span class="Apple-style-span" style="font-family: tahoma;">5. Setelah ketemu, silahkan perhatikan barisan kode di sekitarnya</span></span></div><div style="text-align: justify;"><span style="font-size: small;"><span class="Apple-style-span" style="font-family: tahoma;">6. akan terlihat kode seperti kode di bawah ini.<b><br />
</b></span></span></div><div style="text-align: justify;"><span style="font-size: small;"><span class="Apple-style-span" style="font-family: tahoma;"><b><br />
</b></span></span></div><div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: justify; width: auto;"><div style="color: red;"><div style='overflow:auto; width:ancho; height:100px;'></div><div id='ArchiveList'><br />
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'><br />
<b:if cond='data:style == &quot;HIERARCHY&quot;'><br />
<b:include data='data' name='interval'/><br />
</b:if><br />
<b:if cond='data:style == &quot;FLAT&quot;'><br />
<b:include data='data' name='flat'/><br />
</b:if><br />
<b:if cond='data:style == &quot;MENU&quot;'><br />
<b:include data='data' name='menu'/><br />
</b:if><br />
</div><br />
</div><span style="color: red;"></div></span><br />
<b:include name='quickedit'/><br />
<br />
</div><ul style="text-align: justify;"><li>Jika kode seperti di atas ada dalam kode script blog anda, tambahkan kode yang berwarna Merah dan lakukan pengeditan.</li>
</ul><ul style="text-align: justify;"><li>Dan jika kode tersebut tidak ada dalam kode script blog anda, silahkan coba2 letakkan kode diatas di bawah kode yang anda cari tadi, kemudian lakukan <b>PRATINJAU</b>. Jangan langsung di<b>Save</b>.</li>
</ul>7. Jika semua langkah di atas telah benar. Silahkan <b>Simpan Template</b>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com20tag:blogger.com,1999:blog-3865666885036770997.post-52669287141753197832011-03-14T04:09:00.000-07:002011-03-14T04:11:31.025-07:00Cara Membuat 'Email Subscriber' pada Blog<div class="separator" style="clear: both; text-align: justify;"><a href="https://lh6.googleusercontent.com/-XQb9aZWZ_bc/TX3yOsriUDI/AAAAAAAAAEM/tcXnl-RCcEY/s1600/5.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="91" src="https://lh6.googleusercontent.com/-XQb9aZWZ_bc/TX3yOsriUDI/AAAAAAAAAEM/tcXnl-RCcEY/s320/5.JPG" width="320" /></a></div><div style="text-align: justify;"><span class="awal">S</span>eperti yang anda lihat pada gambar di kiri, anda pasti sudah mengerti apa yang akan saya berikan pada tips ini. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Nah mau kan anda memberikan postingan terbaru anda kepada pengunjung blog anda?.</div><div style="text-align: justify;">Jika berminat silahkan juga Subcribe email anda kepada saya. Likat Formnya di sebelah kanan.</div><div style="text-align: justify;">Oke gampangkan ngertinya?. Untuk cara membuatnya, silahkan ikuti langkah berikut ini.</div><div style="text-align: justify;"></div><a name='more'></a><br />
<div style="text-align: justify;">1. Kunjungi <a href="http://www.feedburner.com/" target="_blank">Situs Ini</a></div><div style="text-align: justify;">2. Saat anda sudah berada dalam situs itu, anda akan diberikan sebuah kolom untuk mengisikan alamat Feed Blog kamu.</div><div style="text-align: justify;">3. Alamat Feed Blog kamu akan tampak seperti ini <b style="color: lime;"><span style="color: red;">http://NAMABLOGMU</span>.blogspot.com/feeds/posts/default</b>.</div><div style="text-align: justify;">Ganti tulisan "<b style="color: red;">NAMABLOGKAMU</b>" dengan alamt blog anda.</div><div style="text-align: justify;">4. <span class="fullpost">Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol <b>"next" </b>seperti gambar ini<b><br />
</b></span></div><div class="separator" style="clear: both; text-align: left;"> <a href="https://lh5.googleusercontent.com/-lCZdfM_wf0E/TX31eoQlk5I/AAAAAAAAAEQ/IAXPiXInXn8/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://lh5.googleusercontent.com/-lCZdfM_wf0E/TX31eoQlk5I/AAAAAAAAAEQ/IAXPiXInXn8/s320/6.JPG" width="320" /></a></div><div style="text-align: justify;">5. <span class="fullpost">Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data-data yg diperlukan disana, trus klik tombol <b>"Activate Feed"</b><br />
6. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".<br />
7. Dibawahnya akan ada tombol <b>"Next"</b> dan link <b>"Skip directly to feed management"</b> kali ini pilih yang link <b>"Skip directly to feed management"</b>, sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.</span>8. <span class="fullpost">Kemudian nanti akan ada beberapa menu, kali ini pilih menu <b>"Publicize"</b><br />
9. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu <b>"Email Subscriptions"</b>.<br />
10. Kemudian klik tombol <b>"Activate"</b><br />
11. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak <b>"Subsciption Form Code"</b>.<br />
12. Copy kode yang ada dalam kotak tadi, trus klik tombol <b>"Save"</b> untuk mengaktifkan layanan tersebut.</span></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span class="fullpost"><span style="font-size: large;"><b>Cara pasangnya </b></span></span></div><div style="text-align: justify;"><span class="fullpost">1. <b>Login</b> ke blogger dengan akun anda</span></div><div style="text-align: justify;"><span class="fullpost">2. Pilih <b>Rancangan</b></span></div><div style="text-align: justify;"><span class="fullpost">3. Pilih <b>Elemen Laman</b></span></div><div style="text-align: justify;"><span class="fullpost">4. Silahkan anda memilih <b>HTML/JavaScript</b></span></div><div style="text-align: justify;"><span class="fullpost">5. Nah Pastekan kode yang sudah anda Copy tadi. </span></div><div style="text-align: justify;"><span class="fullpost">6. Kemudian silahkan di<b>Save </b></span></div><div style="text-align: justify;"><span class="fullpost"> </span></div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com1tag:blogger.com,1999:blog-3865666885036770997.post-67945195218092326772011-03-14T03:40:00.000-07:002011-03-14T03:40:54.867-07:00Cara Menampilkan Widget Off/On YM<span class="awal">S</span>emua blogger di dunia ini pasti sudah mempunyai YM (Yahoo Messanger), terkecuali saya. (hehehehh...). Maka untuk itu tips kali ini saya akan memberikan tips untuk menampilkan widget <i>off/on </i>YM kita pada blogger.<br />
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :<br />
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5171928950798826370" src="http://3.bp.blogspot.com/_-HHcbL2aWiU/R8Zh-ovsO4I/AAAAAAAAAjw/y0D4xN_EzfU/s320/ofline.gif" /><br />
<br />
trus jika kamu online maka iconya akan berubah seperti ini:<br />
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5171929444720065426" src="http://2.bp.blogspot.com/_-HHcbL2aWiU/R8ZibYvsO5I/AAAAAAAAAj4/dv7Q4SjqwjE/s320/online.gif" /> <br />
Oke sobat blogger mungkin sudah mempunyai gambaran yah?. Jika sobat blogger berminat, langsung saja ikuti tips dan triknya di bawah ini:<br />
<a name='more'></a><br />
1. <b>Login</b> ke blogger dengan Akun anda.<br />
2. Pilih <b>Rancangan</b><br />
3. Kemudian pilih <b>Tambah Gadget</b><br />
4. Lanjut dengan memilih <b>HTML/Javescript</b><br />
4. Letakkan kode script ini di kotak scriptnya<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><a href="ymsgr:sendIM?<b>kartajaya25</b>"> <img src="http://opi.yahoo.com/online?u=<b>kartajaya25</b>&amp;m=g&amp;t=2&amp;l=us"/><br />
</a></div>Ganti tulisan <b>Kartajaya25</b> dengan ID YM anda.<br />
6. Kemudian <b>Save</b><br />
Selesai deh. Selamat mencoba semoga bermanfaat.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com3tag:blogger.com,1999:blog-3865666885036770997.post-14335424409030434362011-03-14T03:19:00.000-07:002011-03-14T03:22:17.697-07:00Cara Membuat Kotak dalam Fungsi Scroll<span class="awal">F</span>ungsi scroll adalah sebuah tolls untuk memperpendek sebuah kotak atau halaman. Dimana tolls ini dapat kita geser ke bawah atau ke atas. Untuk lebih jelasnya anda dapat lihat padaa layar monitor anda di sebelah kana paling pinggir. Atau lihat ganbar seperti di bawaini.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://lh4.googleusercontent.com/-ozfpG-i6Rcg/TX3oaq-cg7I/AAAAAAAAAEI/yZJolVDB0ks/s1600/444.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://lh4.googleusercontent.com/-ozfpG-i6Rcg/TX3oaq-cg7I/AAAAAAAAAEI/yZJolVDB0ks/s320/444.JPG" width="320" /></a></div>Lihat tanda panah yang berwarna merah di atas. Itu adalah merupakan fungsi scroll. Sejkarang teman-teman sudah tau kan seperti apa fungsi sroll itu?.<br />
Untuk lebih jelas lagi silahkan kunjungi tulisan saya <a href="http://kelolablog.blogspot.com/search/label/Fungsi%20Scroll">di SINI</a>.<br />
sekarang langsung saja kita ke pokok permasalahannya.<br />
<a name='more'></a><br />
1. <b>Login</b> ke blogger dengan Akun anda<br />
2. Pilihj <b>Rancangan</b><br />
3. Pilih <b>Tambah Gadget</b><br />
4. Silahkan pilih <b>HTML/Javasript</b><br />
5. Letakkan kode berikut ini di kotak scriptnya<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div style="border: 1px solid rgb(153, 153, 153);<br />
overflow: auto;<br />
width: 200px;<br />
height: 200px;<br />
text-align: center; "><br />
<br />
<span style="color: red;">#link1</span> <br /><br />
<span style="color: red;">#link2 </span><br /><br />
<span style="color: red;">#link3 </span><br /><br />
#link...<br />
<br />
</div></div>Silahkan anda ganti tulisan yang berwarna merah dengan tulisan atau link yang akan anda letakkan di dalam kotak tersebut.<br />
<b><br/></b> adalah kode HTML dari Enter, kode ini akan membuat link atau tulisan anda berurutan ke bawah.<span class="fullpost"><br />
- Kode <span style="color: red;"> width: 200px;</span> dan <span style="color: red;">height: 200px;</span> adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.</span><br />
6. Kemudian <b>Save</b>.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com11tag:blogger.com,1999:blog-3865666885036770997.post-279660410359430142011-03-14T02:46:00.000-07:002011-03-14T02:46:59.259-07:00Membuat Menu Dtree<span class="awal">H</span>ai sobat blogger? apa kabar?. Setelah sekian lama saya tidak memberikan tips, kali ini saya akan memberikan anda tips yang menyangkut dengan tips untuk membuat barisan Menu. Setelah sebelumnya saya sudah memberikan tips yang hampir sama dengan tips ini, yaitu:<br />
1. <a href="http://kelolablog.blogspot.com/2011/02/jquery-multilevel-menu-navigasi.html" target="_blank">Jquery Multilevel Menu Nagigasi</a><br />
2. <a href="http://kelolablog.blogspot.com/2011/02/membuat-menu-navigasi-green-library.html" target="_blank">Menu Navigasi Green Library</a><br />
3. <a href="http://kelolablog.blogspot.com/2011/02/cara-lain-membuat-menu-navigasi.html" target="_blank">Membuat Menu Navigasi Horizontal</a><br />
4. Atau lihat <a href="http://kelolablog.blogspot.com/search/label/Menu%20Navigasi" target="_blank">DISINI</a>.<br />
Nah judul pembahasan kita kali ini adalah cara membuat menu Dtree. Mungkin sobat blogger masih ada yang belum mengerti apa itu menu Dtree. Oke sekarang saya ingin memberikan sedikit penjelasan tentang menu Dtree. Menu Dtree adalah menu yang memiliki struktur seperti pohon, yang punya cabang-cabang. Seperti Kalau misalnya kitamembuka windows Explorer.<br />
Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Oke dengan penjelasan yang kurang jelas ini, sobat blogger dapat mengerti yah?. Untuk lebih jelasnya, ikuti langkah-langkah berikut<br />
<br />
<a name='more'></a><br />
<br />
1. <b>Login</b> ke blogger dengan Akun anda.<br />
2. Pilih <b>Rancangan </b>pada dasbor blog anda.<br />
3. Kemyudian pilih <b>Edit HTML</b><br />
4. Cari kode seperti ini <b><span style="color: red;"><head></span></b> dan letakkan kode berikut di atas kode tersebut<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" /> <script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script></div>5. Terus <b>Simpan Template</b><br />
6. Setelah itu, silahkan anda pilih <b>Elemen Laman</b><br />
7. Pilih <b>Tambah Gadget</b><br />
8. Pilih lagi <b>HTML/Javasript</b><br />
9. Letakkan kode berikut ini dalam kotak scriptnya.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div class="dtree"><br />
<script type="text/javascript"><br />
<!--<br />
d = new dTree('d');<br />
d.add(0,-1,'My example tree');<br />
d.add(1,0,'Node 1','link.html');<br />
d.add(2,1,'Node 1.1','link.html');<br />
d.add(3,2,'Node 1.1.1','link.html');<br />
d.add(4,3,'Node 1.1.1.1','link.html');<br />
d.add(5,0,'Node 2','link.html');<br />
d.add(6,5,'Node 2.1','link.html');<br />
d.add(7,5,'Node 2.2','link.html');<br />
d.add(8,0,'Node 3','link.html');<br />
d.add(9,0,'Node 5','link.html');<br />
document.write(d);<br />
//--><br />
</script><br />
</div></div><br />
Hal yang harus dilakukan:<br />
<span class="fullpost">- Ganti tulisan <b>"link.html"</b> dengan link kamu (judul posting kamu).<br />
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(<b><span style="color: red;">1</span></b>,0,’Node 1’,’link.html’);<br />
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).<br />
<br />
- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:</span><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">d.add(10,0,’Profile’,’link.html’,’’,’’,’<span style="color: red;">http://kendhin.890m.com/dtree/trash.gif’</span>);</div>ganti kode yang berwarna merah di atas dengan ikon yang akan anda gunakan.<br />
10. Kemudian <b>Save.</b><br />
Selesai. Semoga bermanfaat.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com1tag:blogger.com,1999:blog-3865666885036770997.post-9657726636970654462011-03-08T21:47:00.000-08:002011-03-08T21:47:16.875-08:00Panduan Gratis Cara Membuat Blog | Website | Situs Langkah 1<span class="awal">T</span>utorial Di bawah ini bisa saja di pakai untuk belajar cara membuat blog / website / situs<br />
Pastikan Anda sudah mempunyai E-mail Bisa email dari yahoo, ymail, rocketmail, in.com, hotmail, gmail dll.. Hanya 3 langkah untuk CARA MEMBUAT BLOG/WEB/SITUS Full GRATIS….<br />
<br />
1. Pendaftaran Domain<br />
2. Pendaftaran Hosting<br />
3. Install Script<br />
<br />
Contoh :<br />
<br />
* Buatsitus.co.cc<br />
* Bob85.co.cc<br />
<br />
<a name='more'></a><br />
<br />
Ingat tutorial ini FULL GRATIS tanpa di pungut biaya apapun…<br />
1. Jika tertarik langsung saja daftar melalui link di bawah ini untuk daftar DOMAIN GRATIS<br />
<div style="text-align: center;"><strong><a href="http://goo.gl/iDKSb" rel="nofollow" target="_blank">Daftar Klik Segera Disini</a></strong></div><div style="text-align: center;"><strong><img alt="" class="alignnone size-full wp-image-250" height="147" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/1.jpg" title="1" width="482" /><br />
</strong></div><div><strong><br />
</strong></div><div style="text-align: center;"> </div>2. Tuliskan Nama Domain yang anda sukai atau anda inginkan. misalnya : namaku, buatsitus dll. Masukan Tanpa www<br />
Kemudian<strong> </strong>Klik Tombol<strong> : <span style="color: red;">Check Availability</span></strong><br />
Setelah itu jika anda beruntung anda dapat memperoleh domain gratis seperti dibawah ini:<br />
<br />
<img alt="" class="alignnone size-medium wp-image-262" height="176" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/q1-300x176.jpg" title="q1" width="300" /><br />
<ul><li><strong>www.bob85.co.cc</strong> is available</li>
<li>One year domain registration for $<strong>0</strong></li>
<li>lanjutkan ke klik : <span style="color: red;"><strong>Continue to registration</strong></span></li>
</ul>Tetapi jika yang muncul adalah pemberitahuan seperti ini :<br />
<strong><br />
</strong><br />
<strong><img alt="" class="size-medium wp-image-248 alignnone" height="118" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/2b-300x118.jpg" title="2b" width="300" /><br />
</strong><br />
<ul><li><strong>www.membuatsitus</strong><strong>.co.cc</strong> is available</li>
<li>One year domain registration for $<strong>3</strong></li>
<li>Berarti kamu harus membayar<strong> </strong>$3, kalau memang kamu butuh nama domain tersebut, boleh kamu membelinya, menggunakan paypal atau credit card. Tapi jika tidak, ulangi masukan nama domain kamu dengan nama yang lain,</li>
<li>Dengan Klik <strong><span style="color: red;">Getting A New Domain.</span></strong></li>
</ul>Tetapi jika muncul pemberitahuan seperti ini :<br />
<strong><br />
</strong><br />
<strong><img alt="" class="size-medium wp-image-249 alignnone" height="81" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/2c-300x81.jpg" title="2c" width="300" /></strong><br />
<strong><br />
</strong><br />
<ul><li><strong>www.buatsitus</strong><strong>.co.cc</strong> is already registered</li>
<li>hal ini menandakan bahwa domain tersebut sudah dimiliki orang lain, namun jangan khawatir silakan coba ulangi masukan <strong>nama domain</strong> kamu dengan <strong>nama domain yang lain</strong>. atau dengan memilih / Klik domain yang disediakan di bawahnya seperti ilustrasi dibawah dengan harga <strong>FREE</strong>..</li>
</ul><img alt="" class="size-medium wp-image-252 alignnone" height="221" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/free-300x221.jpg" title="free" width="300" /><br />
<ul><li>Silakan coba berulang-ulang kali jika masih tetap belum menemukan domain kesukaan anda yang gratis. Sampai anda menemukan bahwa domain tersebut “ is available dan $<strong>0…”</strong> Untuk mempermudah anda mendapatkan domain gratis di co.cc kami menyediakan beberapa tips GRATIS, silakan baca tulisan di bawah ini.</li>
</ul><span style="color: #999999;"><em><strong>Tips daftar domain di</strong> <strong>co.cc</strong>:</em></span><br />
<ul><li><span style="color: #999999;"><em>Coba hindari kata2 berbahasa inggris seperti :<strong> website, home, backlink, bookmark, tool</strong>… (biasanya meskipun bisa, tapi pasti harus <strong>bayar $3</strong>)</em></span></li>
<li><em><span style="color: #999999;">Coba gunakan kata2 berbahasa indonesia : <strong>bikinwebgratis, anakbelajar, mencariilmu, belajarbuatblog</strong>… atau menggunakan strip (-) contoh : <strong>buat-web-gratis, belajar-blog-gratis, nama-sendiri, jualan-pulsa, download-mp3, komik-naruto,</strong> dll ( menurut saya jika kamu tetap tidak dapat domain yang kamu inginkan, coba gunakan nama domain asal-asalan misal : <strong>gajahfluburung, inginkayamendadak, siapakamu, googleku</strong>, juga bisa menggunakan kata2 kombinasi huruf dan angka :<strong> sepatu26, membuatsitus88, jokotingkir21, yuseprukmana25</strong></span> dll, yang penting pada tahap ini kamu bisa dan tahu dulu cara mendapatkan domain dan hosting )</em></li>
</ul>3. Kalau sudah dapat <span style="color: red;"><strong>is</strong> </span><strong><span style="color: red;">available dan $0</span>… </strong>Klik <strong><span style="color: red;">Continue to Registration</span></strong> :<br />
<img alt="" class="alignnone size-full wp-image-328" height="87" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/continue.jpg" title="continue" width="275" /><br />
<div style="text-align: center;"> </div><div>4. Silahkan klik : <span style="color: red;"><strong>Create An Acount Now</strong></span></div><div> <img alt="" class="size-medium wp-image-251 alignnone" height="165" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/3-300x165.jpg" title="3" width="300" /><br />
</div><div>5. Lengkapi Data-data anda<strong> </strong>sesuai dengan indentitas<strong>,</strong> Harus di isi dengan <strong>benar ya <img alt=":)" src="http://www.buatsitus.co.cc/wp-includes/images/smilies/icon_smile.gif" /> .</strong></div><ul><li>Nama lengkap</li>
<li>Alamat Email</li>
<li>Tanggal Lahir</li>
<li>Password</li>
</ul>(<span style="color: red;"><em>Data-data diatas Harus Dicatat di Notepad atau Ms Word Karena nanti akan sangat diperlukan</em></span>) Username Password Langkah 1<br />
<div><strong>Account Information </strong></div><div>(kalau yang di bawah ini boleh asal tapi harus di isi)</div><ul><li>Alamat rumah</li>
<li>Kota</li>
<li>Negara</li>
<li>No Tlp</li>
<li>Dll</li>
</ul><div><img alt="" class="alignnone size-medium wp-image-258" height="137" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/4c-300x137.jpg" title="4c" width="300" /></div><div>6. Klik centang dan tombol <span style="color: red;"><strong>CREATE AN ACCOUNT NOW</strong></span></div><div><span style="color: red;"><strong><br />
</strong></span></div><div><img alt="" class="alignnone size-medium wp-image-257" height="238" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/q7-300x238.jpg" title="q7" width="300" /></div><div><strong><br />
</strong></div><div><strong> </strong></div><div><strong>7. Masukan username dan password yg kamu buat kemudian masukan gambar tulisan seperti diatas.. </strong></div><div><strong>SIGN IN >> ikuti sampai SETUP.. </strong></div><div><strong><br />
</strong></div><div><strong><img alt="" class="alignnone size-medium wp-image-256" height="102" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/q8-300x102.jpg" title="q8" width="300" /><img alt="" class="alignnone size-medium wp-image-329" height="129" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/q9-300x129.jpg" title="q9" width="300" /></strong></div><div><strong><br />
</strong></div><div><strong> </strong></div><strong> </strong><br />
<div>8. Setup lagi kemudian pilih nomor 1 (nameserver)</div><div><img alt="" class="alignnone size-medium wp-image-255" height="279" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/q10-300x279.jpg" title="q10" width="300" /></div><div>9. Masukan nameservernya dari Hostingforfree (karena nanti kita akan daftar hosting disini)</div><ul><li><strong>ns1.hostingforfree.us<br />
</strong></li>
<li><strong>ns2.hostingforfree.us</strong></li>
</ul><a href="http://buatsitus.co.cc/wp-content/uploads/2011/02/w21.jpg"><img alt="" class="alignnone size-medium wp-image-303" height="146" src="http://buatsitus.co.cc/wp-content/uploads/2011/02/w21-300x146.jpg" title="w21" width="300" /></a><br />
10. Kemudian klik <strong><span style="color: red;">SETUP</span></strong>, hati2 jangan salah masukan Nameserver ini karena salah satu huruf saja akan berakibat tidak akan ONLINE website kamu.<br />
Kalo berhasil silahkan lanjutkan ke pendaftaran hosting, tp jika belum berhasil coba ulangi lagi tahapannya karena sebagian besar ternyata berhasil,, kira2 sekitar <strong>1800 orang/bulan</strong> yg berhasil membuat DOMAIN dengan tutorial yg saya berikan ini.. <strong>SEMANGAT</strong><br />
<br />
Bersambung..........Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com1tag:blogger.com,1999:blog-3865666885036770997.post-62559184888023586362011-02-25T01:42:00.000-08:002011-02-25T01:42:07.096-08:00Kumpulan Widget Menarik (adiWidget)<span class="awal">B</span>erikut ini adalah kumpilan widget menarik buata sobat kita <a href="http://adiwidget.blogspot.com/" style="color: red;" target="_blank">adiWidget</a>.Saya kebetulan jalan-jalan ke webnya beliau dan kepikiran untuk memberikannya kepada sobat blogger.<br />
Jika sobat blogger ingin menampilkannya pada blog sobat, silahkan tapi misalnya kalau mau bilang terima kasih, sama mas Adi aja, jangan sama saya. (gk enak soalnya).<br />
Oke langsung saja sobat blogger pilih- pilih widgetnya.<br />
<a name='more'></a><br />
<div style="text-align: center;"><embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.adiwidget.com/flash/sayno-1.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>Berikut kodenya Untuk diletakkan di dalam Sidebar<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="250" src="http://www.adiwidget.com/flash/sayno-1.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div></div>Letakkan kode berikut di atas <b>< /body></b>, jika anda menempatkan widgetnya di sebelah kiri Bawah<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/sayno-1.swf','bottom','0px','left','0px','123259','150','250','transparent','ffffff');</script></div>Letakkan kode di atas <b>< /body></b>, jika anda menempatkan Widgetnya di sebelah Kanan Bawah<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/sayno-1.swf','bottom','0px','right','0px','123260','150','250','transparent','ffffff');</script></div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com7tag:blogger.com,1999:blog-3865666885036770997.post-66475394525069270002011-02-24T04:39:00.000-08:002011-02-24T04:39:21.395-08:00Cara Memasang Widget Wibiya pada Blog<div class="separator" style="clear: both; text-align: justify;"><a href="http://1.bp.blogspot.com/-IC5VAXAbUOI/TWZQmnKfaoI/AAAAAAAAACI/_KxVMp9czK4/s1600/5.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/-IC5VAXAbUOI/TWZQmnKfaoI/AAAAAAAAACI/_KxVMp9czK4/s1600/5.jpg" /></a></div><div style="text-align: justify;"><span style="font-size: medium;"><b><span class="awal">W</span>ibiya</b></span> - salah satu <span class="IL_AD" id="IL_AD6">website</span> yang menyediakan fasilitas <b>free toolbar untuk blog</b> Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, <span class="IL_AD" id="IL_AD1">live video</span>, <span class="IL_AD" id="IL_AD8">translate</span>, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan <span class="IL_AD" id="IL_AD7">foto</span> sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog Saya <b style="color: red;"><a href="http://kartajaya25.blogspot.com/" style="color: red;" target="_blank">DISINI,</a> </b>ada tools yang berisi pencarian, who's online, facebook, live chat dll.</div><div style="text-align: justify;">Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.</div><a name='more'></a><br />
<br />
<ul style="text-align: justify;"><li>Buka website <b>wibiya.com</b> dan <span class="IL_AD" id="IL_AD2">klik</span> tombol <b>"Get It Now"</b></li>
</ul><ul style="text-align: justify;"><li>Pada Form <b>"Create An Account"</b> isi form sesuai dengan data Anda lalu kik tomblol <b>"Next"</b> </li>
</ul><ul style="text-align: justify;"><li>Lalu milih tema toolbar Anda pada bagian <b>"Select A Theme"</b> Lalu klik tombol <b>"Next"</b></li>
</ul><ul style="text-align: justify;"><li>Pada bagian <b>"Application Setting"</b> configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol <b>"Next"</b> </li>
</ul><ul style="text-align: justify;"><li>Pada bagian <b>"Add it"</b> atau final installation klik logo <b>"Blogger"</b> atau <span class="IL_AD" id="IL_AD5">install</span> on blogger</li>
</ul><ul style="text-align: justify;"><li>Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada <b>"Import page elements"</b> blogger</li>
</ul><div class="separator" style="clear: both; text-align: center;"><img alt="add widget" border="0" src="http://4.bp.blogspot.com/_Vk3H6zPQ4Gw/S960HzJonPI/AAAAAAAAAj8/YHsqQ0Z3eT4/s320/wibiya.gif" style="opacity: 1;" /></div><br />
<ul style="text-align: justify;"><li>Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol <b>"Add Widget"</b> maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.</li>
</ul><br />
Nah selesai deh ulasan tentang <b>cara membuat Toolbar canggih wibiya</b>, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.<br />
<div style="text-align: justify;"><br />
</div>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com2tag:blogger.com,1999:blog-3865666885036770997.post-49736221041576489272011-02-24T04:28:00.000-08:002011-02-24T04:44:13.194-08:00Menambah Widget "Follow me on Twitter" pada Blog<span class="awal">S</span>obat blogger yang terkasih. kali ini saya akan memberikan tips untuk menampilkan widget Follow me Twitter di blog. Gimana caranya????.sabar dulu,,,<br />
<div class="fullpost">neh ada di bawah cara membuatnya:</div>Langkah-langkah berikut untuk <b>memasang Ikon Follow me on twitter pada blog</b>:<br />
<br />
1.<b><a href="http://www.blogger.com/" style="color: red;" target="_blank">Login</a></b> ke <b><a href="http://www.blogger.com/" style="color: red;" target="_blank">blogger</a><a href="http://www.blogger.com/" target="_blank"> </a></b><b>dengan ID</b> saudara<br />
<br />
2.Klik <b>Tata Letak</b>.<br />
<br />
3.Klik <b>Elemen Halaman</b>.<br />
<br />
4.Klik<b> Tambah Gadget.</b><br />
<br />
5.Kemudian Pilih <b>HTML/Javascript</b>.<br />
Silakan pilih gambar yang kamu inginkan, copy paste Kode HTML Berikut :<br />
<br />
<a name='more'></a><br />
<br />
<br />
<a href="http://www.blogger.com/post-create.g?blogID=3865666885036770997" name="more"></a><b>Keterangan</b> : Ganti link <span style="color: #3333ff;">http://twitter.com/YourLink</span> dengan link akun twitter kamu,<br />
contohnya <span style="color: #3333ff;">http://twitter.com/sigotom</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="69" src="http://www.twitterbuttons.com/images/ex/twitter-31a.png" title="By: TwitterButtons.com" width="212" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-31a.png" title="By: TwitterButtons.com" width="212" height="69" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="69" src="http://twitterbuttons.com/images/ex/twitter-31b.png" title="By: TwitterButtons.com" width="212" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><br /><a href="http://twitter.com/YourLink"><img src="http://twitterbuttons.com/images/ex/twitter-31b.png" title="By: TwitterButtons.com" width="212" height="69" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a><br /></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://twitterbuttons.com/images/ex/twitter-31c.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://twitterbuttons.com/images/ex/twitter-31c.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://twitterbuttons.com/images/ex/twitter-31d.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://twitterbuttons.com/images/ex/twitter-31d.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="58" src="http://www.twitterbuttons.com/images/ex/twitter-32a.png" title="By: TwitterButtons.com" width="191" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-32a.png" title="By: TwitterButtons.com" width="191" height="58" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="58" src="http://www.twitterbuttons.com/images/ex/twitter-32b.png" title="By: TwitterButtons.com" width="191" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-32b.png" title="By: TwitterButtons.com" width="191" height="58" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="58" src="http://www.twitterbuttons.com/images/ex/twitter-32c.png" title="By: TwitterButtons.com" width="191" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-32c.png" title="By: TwitterButtons.com" width="191" height="58" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="58" src="http://www.twitterbuttons.com/images/ex/twitter-32d.png" title="By: TwitterButtons.com" width="191" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-32d.png" title="By: TwitterButtons.com" width="191" height="58" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="43" src="http://www.twitterbuttons.com/images/ex/twitter-33a.png" title="By: TwitterButtons.com" width="183" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-33a.png" title="By: TwitterButtons.com" width="183" height="43" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="43" src="http://www.twitterbuttons.com/images/ex/twitter-33b.png" title="By: TwitterButtons.com" width="183" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-33b.png" title="By: TwitterButtons.com" width="183" height="43" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="43" src="http://www.twitterbuttons.com/images/ex/twitter-33c.png" title="By: TwitterButtons.com" width="183" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-33c.png" title="By: TwitterButtons.com" width="183" height="43" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="43" src="http://www.twitterbuttons.com/images/ex/twitter-33d.png" title="By: TwitterButtons.com" width="183" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-33d.png" title="By: TwitterButtons.com" width="183" height="43" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="124" src="http://www.twitterbuttons.com/images/ex/twitter-34a.png" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-34a.png" title="By: TwitterButtons.com" width="150" height="124" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="124" src="http://www.twitterbuttons.com/images/ex/twitter-34b.png" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-34b.png" title="By: TwitterButtons.com" width="150" height="124" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="124" src="http://www.twitterbuttons.com/images/ex/twitter-34c.png" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-34c.png" title="By: TwitterButtons.com" width="150" height="124" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a><br /></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="124" src="http://www.twitterbuttons.com/images/ex/twitter-34d.png" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-34d.png" title="By: TwitterButtons.com" width="150" height="124" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="42" src="http://www.twitterbuttons.com/images/ex/twitter-35a.png" title="By: TwitterButtons.com" width="199" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-35a.png" title="By: TwitterButtons.com" width="199" height="42" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="42" src="http://www.twitterbuttons.com/images/ex/twitter-35b.png" title="By: TwitterButtons.com" width="199" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter-35b.png" title="By: TwitterButtons.com" width="199" height="42" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://wwww.twitterbuttons.com/images/ex/nt1.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://wwww.twitterbuttons.com/images/ex/nt1.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://www.twitterbuttons.com/images/ex/nt2.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt2.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://www.twitterbuttons.com/images/ex/nt3.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt3.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="88" src="http://www.twitterbuttons.com/images/ex/nt4.png" title="By: TwitterButtons.com" width="259" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt4.png" title="By: TwitterButtons.com" width="259" height="88" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="52" src="http://www.twitterbuttons.com/images/ex/nt5.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt5.png" title="By: TwitterButtons.com" width="140" height="52" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="52" src="http://www.twitterbuttons.com/images/ex/nt6.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt6.png" title="By: TwitterButtons.com" width="140" height="52" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="52" src="http://www.twitterbuttons.com/images/ex/nt7.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt7.png" title="By: TwitterButtons.com" width="140" height="52" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="50" src="http://www.twitterbuttons.com/images/ex/nt8.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5">http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt8.png" title="By: TwitterButtons.com" width="140" height="50" /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="50" src="http://www.twitterbuttons.com/images/ex/nt8.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By: Twitter Buttons</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt8.png" title="By: TwitterButtons.com" width="140" height="50" /></a><br /><a href="http://www.twitterbuttons.com">By: Twitter Buttons</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="52" src="http://www.twitterbuttons.com/images/ex/nt9.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt9.png" title="By: TwitterButtons.com" width="140" height="52" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="52" src="http://www.twitterbuttons.com/images/ex/nt10.png" title="By: TwitterButtons.com" width="140" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt10.png" title="By: TwitterButtons.com" width="140" height="52" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="55" src="http://www.twitterbuttons.com/images/ex/nt11.png" title="By: TwitterButtons.com" width="90" /></a><br />
<a href="http://www.maverickmoneymakersreview.com/">Maverick Money Makers</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt11.png" title="By: TwitterButtons.com" width="90" height="55" /></a><br /><a href="http://www.maverickmoneymakersreview.com">Maverick Money Makers</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="55" src="http://www.twitterbuttons.com/images/ex/nt12.png" title="By: TwitterButtons.com" width="90" /></a><br />
<a href="http://www.maverickmoneymakersreview.com/">Maverick Money Makers</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt12.png" title="By: TwitterButtons.com" width="90" height="55" /></a><br /><a href="http://www.maverickmoneymakersreview.com">Maverick Money Makers</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="64" src="http://www.twitterbuttons.com/images/ex/nt13.png" title="By: TwitterButtons.com" width="159" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt13.png" title="By: TwitterButtons.com" width="159" height="64" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="71" src="http://www.twitterbuttons.com/images/ex/nt14.png" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt14.png" title="By: TwitterButtons.com" width="150" height="71" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="106" src="http://www.twitterbuttons.com/images/ex/nt19.png" title="By: TwitterButtons.com" width="92" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt19.png" title="By: TwitterButtons.com" width="92" height="106" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="106" src="http://www.twitterbuttons.com/images/ex/nt20.png" title="By: TwitterButtons.com" width="92" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt20.png" title="By: TwitterButtons.com" width="92" height="106" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="106" src="http://www.twitterbuttons.com/images/ex/nt21.png" title="By: TwitterButtons.com" width="92" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt21.png" title="By: TwitterButtons.com" width="92" height="106" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="106" src="http://www.twitterbuttons.com/images/ex/nt22.png" title="By: TwitterButtons.com" width="92" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt22.png" title="By: TwitterButtons.com" width="92" height="106" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="34" src="http://www.twitterbuttons.com/images/ex/nt15.png" title="By: TwitterButtons.com" width="133" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt15.png" title="By: TwitterButtons.com" width="133" height="34" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="34" src="http://www.twitterbuttons.com/images/ex/nt16.png" title="By: TwitterButtons.com" width="133" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/nt16.png" title="By: TwitterButtons.com" width="133" height="34" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="40" src="http://www.twitterbuttons.com/images/ex/bar.gif" title="By: TwitterButtons.com" width="190" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/bar.gif" title="By: TwitterButtons.com" width="190" height="40" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="30" src="http://www.twitterbuttons.com/images/ex/twit1.gif" title="By: TwitterButtons.com" width="144" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twit1.gif" title="By: TwitterButtons.com" width="144" height="30" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="30" src="http://www.twitterbuttons.com/images/ex/twit2.gif" title="By: TwitterButtons.com" width="144" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twit2.gif" title="By: TwitterButtons.com" width="144" height="30" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="37" src="http://www.twitterbuttons.com/images/ex/twit7.gif" title="By: TwitterButtons.com" width="180" /></a><br />
<a href="http://www.maverickmoneymakersreview.com/">Maverick Money Makers</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twit7.gif" title="By: TwitterButtons.com" width="180" height="37" /></a><br /><a href="http://www.maverickmoneymakersreview.com">Maverick Money Makers</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="38" src="http://www.twitterbuttons.com/images/ex/twit11.gif" title="By: TwitterButtons.com" width="160" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twit11.gif" title="By: TwitterButtons.com" width="160" height="38" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><a href="http://twitter.com/YourLink"><img height="50" src="http://www.twitterbuttons.com/images/ex/twitter3.gif" title="By: TwitterButtons.com" width="150" /></a><br />
<a href="http://www.twitterbuttons.com/">By TwitterButtons.com</a></center><br />
<div align="center"><textarea cols="45" name="code" rows="5"><a href="http://twitter.com/YourLink"><img src="http://www.twitterbuttons.com/images/ex/twitter3.gif" title="By: TwitterButtons.com" width="150" height="50" /></a><br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a></textarea></div><br />
<div style="color: red; text-align: center;"><b>Anda Juga Bisa Memsang Follow me on Twitter Ini Berjalan di Samping Blog Kamu:</b></div>Caranya adalah sebagai Berikut:<br />
1. <b><a href="http://www.blogger.com/" style="color: red;" target="_blank">Login</a> </b>ke Blogger.<br />
<br />
2. Klik<b> Rancangan</b><br />
<br />
3. Klik <b>Edit HTML.</b><br />
<br />
4. Kemudian Cari kode<b>]]></b:skin></b><br />
<br />
5. Kemudian Copy dan paste Kode berikut Di atas kode yang tadi.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">#trik_pojok {<br />
position:fixed;_position:absolute;bottom:0px; right:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div>6. Selanjutnya Cari kode <span style="color: red;"></body></span> kemudian copy dan paste kode berikut di atasnya.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id="trik_pojok"><br />
<style type="text/css"><br />#followmeontwiter {<br />position:fixed;_position:absolute;<span style="color:blue;">top</span>:100px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight);<br />_left:expression(document.documentElement.scrollLeft+<br />document.documentElement.clientWidth - offsetWidth); }<br /></style><br />
<div id="followmeontwiter"><br />
<a href="http://twitter.com/%3Cspan%20style="><b><span style="color: red;">IDtwitter</span></b>" target="_blank title="Follow Me on Twitter"><br />
<img src="http://lh3.ggpht.com/_noownWFsWHg/Sy9XXErXDaI/AAAAAAAAAOE/xIWnIMtdqzE/followmeontwitterbyblackpinktemplates.jpg" border="0" /></a><br />
</div><br />
</div></div>Silahkan anda ganti tulisan <b><span style="color: red;">IDtwitter </span></b>dengan ID Twitter anda.<br />
<br />
7. jika sudah selesai, silahakn <b>Simpan Template</b>.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com21tag:blogger.com,1999:blog-3865666885036770997.post-69671745140838518862011-02-24T04:03:00.000-08:002011-02-24T04:03:44.276-08:00Jquery MultiLevel Menu Navigasi<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-XsnJ8Cw5zcI/TWZEdUMYAUI/AAAAAAAAACE/_lzUJ909V_Q/s1600/4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="142" src="http://1.bp.blogspot.com/-XsnJ8Cw5zcI/TWZEdUMYAUI/AAAAAAAAACE/_lzUJ909V_Q/s200/4.jpg" width="200" /></a></div><span class="awal">B</span>egitu banyak model dari menu navigasi ini. Sampai-sampai kita bingung untuk membuatnya dalam blog. tetapi itu semua tergantung sobat blogger. Yang manapun anda coba, pasti itulah yang terbaik untuk anda.<br />
Masih dalam membuat <a href="http://kelolablog.blogspot.com/search/label/Menu%20Navigasi" style="color: red;" target="_blank">menu navigasi</a>,saya sebelumnya sudah pernah memberikan tips yang berhubungan dalam menu navigasi. Untuk membacanya, silahkan <a href="http://kelolablog.blogspot.com/search/label/Menu%20Navigasi" style="color: red;" target="_blank">BACA DISINI</a>.<br />
Sobat blogger, untuk tampilan dari menu ini lebih canggih dari yang sebelumnya. Dimana menu ini mempunyai cabang hingga tak terhingga, menurut keinginan kita.<br />
Oke jika sobat ingin membuatnya dalam blog, silahkan ikuti tips ini sampai selesai, jangan tanggung-tanggung.<br />
Berikut langkah-langkah dari membuat menu multilevel ini.<br />
<br />
<a name='more'></a><br />
<br />
1. <b><a href="http://www.blogger.com/" style="color: red;" target="_blank">Login</a></b> ke blogger dengan akun anda<br />
2. Pilih <b>Rancangan</b><br />
3. pilih <b>Edit HTML</b><br />
4. Cari kode <span class="fullpost"><span style="font-weight: bold;"><head> </span>dan letakkan kode berikutdi bawah kode </span><i><span class="fullpost"><head></span></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><!--[if lte IE 7]><br />
<style type="text/css"><br />
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/<br />
</style><br />
<![endif]--><br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/><br />
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/></div>5. Lalu letakkan kode<i> css</i> berikut di atas kode <b>]]></b:skin></b><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">.jqueryslidemenu{<br />
font: bold 13px Verdana;<br />
background: #800000;<br />
width:100%;<br />
float:left<br />
}<br />
<br />
.jqueryslidemenu ul{<br />
margin: 0;<br />
padding: 0;<br />
list-style-type: none;<br />
}<br />
<br />
/*Top level list items*/<br />
.jqueryslidemenu ul li{<br />
position: relative;<br />
display: inline;<br />
float: left;<br />
}<br />
<br />
/*Top level menu link items style*/<br />
.jqueryslidemenu ul li a{<br />
display: block;<br />
background: #800000; /*background of tabs (default state)*/<br />
color: white;<br />
padding: 8px 10px;<br />
border-right: 1px solid #778;<br />
text-decoration: none;<br />
}<br />
<br />
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/<br />
display: inline-block;<br />
}<br />
<br />
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{<br />
color: white;<br />
}<br />
<br />
.jqueryslidemenu ul li a:hover{<br />
background:#B30000; /*tab link background during hover state*/<br />
color: white;<br />
}<br />
<br />
/*1st sub level menu*/<br />
.jqueryslidemenu ul li ul{<br />
position: absolute;<br />
left: 0;<br />
display: block;<br />
visibility: hidden;<br />
background:#B30000;<br />
}<br />
<br />
/*Sub level menu list items (undo style from Top level List Items)*/<br />
.jqueryslidemenu ul li ul li{<br />
display: list-item;<br />
float: none;<br />
}<br />
<br />
/*All subsequent sub menu levels vertical offset after 1st level sub menu */<br />
.jqueryslidemenu ul li ul li ul{<br />
top: 0;<br />
}<br />
<br />
/* Sub level menu links style */<br />
.jqueryslidemenu ul li ul li a{<br />
font: normal 13px Verdana;<br />
width: 160px; /*width of sub menus*/<br />
padding: 5px;<br />
margin: 0;<br />
border-top-width: 0;<br />
border-bottom: 1px solid gray;<br />
}<br />
<br />
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/<br />
background: #eff9ff;<br />
color: black;<br />
}<br />
<br />
/* ######### CSS classes applied to down and right arrow images ######### */<br />
<br />
.downarrowclass{<br />
position: absolute;<br />
top: 12px;<br />
right: 7px;<br />
}<br />
<br />
.rightarrowclass{<br />
position: absolute;<br />
top: 6px;<br />
right: 5px;<br />
}<br />
#footheader {<br />
width: 100%;<br />
float:left;<br />
margin:0 0 0;<br />
padding:0 0 0;<br />
position:relative;<br />
}</div>Kode tersebut adalah tampilan dari menu navigasi anda. Silahkan anda edit sesuai kebutuhan anda.<br />
<br />
6. Nah sekarang kita menuju kebawah untuk menemukan kode seperti ini:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div style="color: blue;"><div id='header-wrapper'></div><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br />
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/><br />
</b:section><br />
<div style="color: blue;"></div></div></div>Pastikan kode yang kita temukan seperti kode yang berwarna <span style="color: blue;">Biru</span>. Karena kode yang berwarna hitam berbeda-beda setiap template.<br />
<br />
7. Lalu letakkan kode berikut di bawah kode yang tadi<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id='footheader'><br />
<b:section class='footheader' id='footheader' preferred='yes'><br />
</b:section><br />
</div></div>8. Kalau sudah, silahkan <b>Simpan Template</b>.<br />
<br />
Pekerjaan belum selesai, sekarang kita menuju <b>Elemen Laman.</b><br />
Terlihat pada "<span style="font-weight: bold;">Elemen Laman</span>" muncul tempat gadget baru, lalu klik aja "<span style="font-weight: bold;">Tambah Gadget</span>" dan pilih <span style="font-weight: bold;">HTML/JavaScript</span> dan masukkan kode dibawah ini.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id="myslidemenu" class="jqueryslidemenu"><br />
<ul><br />
<li><a href="/">Home</a></li><br />
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li><br />
<li><a href="#">Kategori</a><br />
<ul><br />
<li><a href="#">Sub Kategori 1</a></li><br />
<li><a href="#">Sub Kategori 2</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Item 3</a></li><br />
<li><a href="#">Folder 2</a><br />
<ul><br />
<li><a href="#">Sub Item 2.1</a></li><br />
<li><a href="#">Folder 2.1</a><br />
<ul><br />
<li><a href="#">Sub Item 2.1.1</a></li><br />
<li><a href="#">Sub Item 2.1.2</a></li><br />
<li><a href="#">Folder 3.1.1</a><br />
<ul><br />
<li><a href="#">Sub Item 3.1.1.1</a></li><br />
<li><a href="#">Sub Item 3.1.1.2</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sub Item 2.1.4</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li><br />
</ul><br />
<br style="clear: left" /><br />
</div></div><span class="fullpost">Nah kode diatas adalah kode dari widgetnya silahkan di edit sesuai kebutuhan Anda.</span><br />
<span class="fullpost">Jika sudah selesai, silahkan anda <b>SAVE</b>.</span><br />
<span class="fullpost"> </span><br />
<span class="fullpost">semoga bermanfaat</span>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com6tag:blogger.com,1999:blog-3865666885036770997.post-48187490711055797242011-02-24T03:25:00.000-08:002011-02-24T03:25:37.160-08:00Menambah Elemen di Bawah Header<span class="awal">M</span>enambah elemen di bawah header akan membuat blog kita menjadi "multi element". Yang akan dibahas kali ini adalah untuk menambah elemen di samping header blog. Masih ada yang belum tau Header?. Header adalah bagian atas blog kita, diman header adalah merupakan bagian tempat judul blog berada.<br />
Saya mencoba memberikan tips ini karena saya ingin memberikan elemen di samping header saya, tetapi karena bertepatan rencana itu halaman Edit HTML saya lagi bermasalah, maka rencana itu saya tunda dulu. Dan saya akan terlebih dahulu memberikan tipsnya. Untuk mengetahui elemen itu seperti apa, mari kita lihat gambar di bawah ini:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="elemenheader" border="0" height="107" src="http://lh4.ggpht.com/24rohman/SIkt-tJ4clI/AAAAAAAAAFU/ZvzWYwDgftQ/elemenheader_thumb7.jpg?imgmax=800" style="border-width: 0px; margin-left: auto; margin-right: auto;" title="elemenheader" width="484" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Element pada Blogspot</td></tr>
</tbody></table><br />
<a name='more'></a><br />
<br />
Sekarang kita sudah mengenal apa yang namanya elemen pada blogspot. Tibalah waktunya untuk menambahkan elemen tersebut di bawah header blog kita. Untuk gambar header bisa kita lihat pada gambar di bawah ini:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-UumeVkucSTY/TWY-iwZSQsI/AAAAAAAAACA/RZSd7pclwRM/s1600/3.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="80" src="http://3.bp.blogspot.com/-UumeVkucSTY/TWY-iwZSQsI/AAAAAAAAACA/RZSd7pclwRM/s320/3.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Perhatikan gambar di atas</td></tr>
</tbody></table><br />
<div class="separator" style="clear: both; text-align: center;"></div>Melihat gambar di atas, saya rasa semua sudah jelas untuk tujuan dari tips ini. Jika masih ada yang masih bingung, saya mohon lebih dipelajari lagi.<br />
Untuk membuat elemen di samping Header, silahkan ikuti langkh-langkah berikut ini.<br />
<br />
1. Login ke blogger dengan akum kamu<br />
2. Pilih Rancangan pada halaman Dasbor nlog kamu<br />
3. Kemudian pilij Edit HTML<br />
4. cari kode <b>]]></b:skin> </b><i>(tekan Ctrl+F atau tekan F3)</i>, lalu letakkan kode script ini di atas <i>]]></b:skin></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">#under_header{<br />
margin:10px 0;<br />
padding:1%;<br />
width:98%;<br />
}</div>5. Cari kode yang mirip seperti kode berikut<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id='header-wrapper'> <br />
<b:section class='header' id='header' maxwidget="1" showaddelement="no"><br />
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/><br />
</b:section><br />
</div></div>6. Kopi kode berikut, dan letakkan persis di bawah kode yang tadi<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id="under_header"><br />
<b:section class='header' id='underheader' preferred='yes'/><br />
</div></div>7. Klik tombol SIMPAN TEMPLATE. Dan tunggu beberapa saat.<br />
8. Setelah template tersimpan, silahkan pilih Elemen Laman<br />
9.Nah, tampilan elemen anda akan seperti gambar di bawah ini<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="kolom-header" border="0" height="120" src="http://lh6.ggpht.com/24rohman/SIppET6a7fI/AAAAAAAAAFk/4Be7m27ebi4/kolom-header_thumb%5B4%5D.jpg?imgmax=800" style="border-width: 0px; margin-left: auto; margin-right: auto;" title="kolom-header" width="486" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hasilnya akan seperti gambar di atas.</td></tr>
</tbody></table><br />
Nah..sekarang blog anda sudah mempunyai elemen yang langsung berada persis di bawah header blog anda. Sekarang terserah anda akan mengisi apa di sana.<br />
10. Sekarang tipsnya sudah selesai.<br />
Semoga bermanfaat.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com1tag:blogger.com,1999:blog-3865666885036770997.post-86124122089113560932011-02-24T01:41:00.000-08:002011-02-24T01:41:57.234-08:00Cara Membuat Efek Blur pada Gambar dengan JavaScript<span class="awal">E</span>fek blur adalah membuat gambar yang disorot dengan mouse menjadi blur atau transparan, kemudian apabila <span class="IL_AD" id="IL_AD12">pointer mouse</span> sudah lewat maka gambar akan kembali seperti semula. Sangat menarik bukan?. Mungkin sobat tbelum mengerti akan maksud dari artikel ini. Nah untuk itu sobat blogger harus mencobanya.<br />
Oke kita lansung saja Membuat Efek Blur pada Gambar.<br />
<br />
1. <b style="color: red;"><a href="http://www.blogger.com/" target="_blank">Login</a></b> ke blogger dengan akun sobat<br />
2. Pilih <b>Rancangan</b><br />
3. Kemudian pilih <b>Edit HTML</b><br />
4. Cari kode ini <b>]]></b:skin></b> dan letakkan kode berikut diBawah kode <i>]]></b:skin><a name='more'></a></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(".efekanimasi").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads<br />
$(".efekanimasi").hover(function(){<br />
$(this).fadeTo("slow", 0.6); // This should set the opacity to 100% on hover<br />
},function(){<br />
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout<br />
});<br />
});<br />
</script></div>5. Lalu <b>Simpan Template</b><br />
Nah sekarang kita dapat memilih untuk membuat efek blur pada gambar tertentu pada postingan. Kita juga dapat membuat efek blur pada semua gambar yang terdapat pada blog.<br />
Sekarang tinggan piliha nada.<br />
<br />
<span style="font-size: large;"><b>Cara Membuat Efek Blur pada Gambar Tertentu Pada Postingan.</b></span><br />
Caranya adalah:<br />
Tinggal menyisipkan kode <b style="color: red;">class="efekanimasi" </b>pada gambar yang akan kita beri efek Blur.<br />
Contoh kode <b>gambar Biasa:</b><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><a href="http://kelolablog.blogspot.com" target="_blank"><br />
<img border="0" width="300" title="TIPS dan TRIK BLOG" src="http://i764.photobucket.com/albums/xx289/kartajaya/12.gif" height="43"/></a></div>Kode Gambar yang <b>diberi efek Blur</b>:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><a href="http://kelolablog.blogspot.com" target="_blank"><br />
<img border="0" width="300" title="TIPS dan TRIK BLOG" src="http://i764.photobucket.com/albums/xx289/kartajaya/12.gif"<b style="color: red;">class="efekanimasi"</b> height="43"/></a></div><br />
<b><span style="font-size: large;">Memberi Efek Blur pada Semua Gambar yang Terdapat pada Blog Secara Otomatis.</span></b><br />
Caranya adalah:<br />
1. Silahkan masuk ke Menu <b>Rancangan</b>, dan pilih <b>Edit HTML</b> lagi<br />
2. Letakkan kode berikut <u>di bawah</u> kode <b>]]></b:skin></b> atau di bawah kode yang sudah kita letakkan tadi.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><script type='text/javascript'><br />
$(document).ready(function(){<br />
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads<br />
$(".post img").hover(function(){<br />
$(this).fadeTo("slow", 0.6); // This should set the opacity to 100% on hover<br />
},function(){<br />
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout<br />
});<br />
});<br />
</script></div>3. Klik <b>Simpan Template</b> dan selesai<br />
<br />
Semoga bermanfaat.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com4tag:blogger.com,1999:blog-3865666885036770997.post-85433880315068455892011-02-24T00:59:00.000-08:002011-02-24T00:59:19.175-08:00FORUM TTB<span class="awal">S</span>obat blogger. Hari ini FORUM TTB akan resmi dibuka. Forum ini akan memberikan kita wadah untuk saling berbagi dan bertanya tentang segala hal yang baik. Mudah-mudahan lewat forum ini, kita semakin terbuka untuk memberikan ilmu kita kepada sesama. Untuk itu mari kita berikan yang terbaik bagi sesama kita manusia.<br />
<br />
<a name='more'></a><br />
<br />
<a href="http://forum-ttb-tips-dan-trik-blog.994005.n3.nabble.com/" id="nabblelink">FORUM TTB (Tips dan Trik Blog)</a><br />
<script src="http://forum-ttb-tips-dan-trik-blog.994005.n3.nabble.com/embed/f2566136">
</script>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com1tag:blogger.com,1999:blog-3865666885036770997.post-16390994456809938092011-02-23T05:11:00.000-08:002011-02-23T05:11:08.191-08:00Cara Membuat Text Berjalan Pada Blog (Marquee)<span class="awal">S</span>ebelumnya saya ingin minta izin kepada sobat blogger. Apakah anda suka dengan tips ini?. Jika anda suka silahkan lanjutkan baca.<br />
Apa sih Marquee?<br />
Ada yang tau? Chung...chung...chung...(<i>kata teman aku</i>) <br />
Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan<br />
Berikut ini Macam-macam untuk tulisan berjalan.<br />
<a name='more'></a><br />
<b>1. Teks Berjalan dari kanan</b><br />
<br />
<marquee>Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></div><b>2. Teks Berjalan dari kanan (Bisa diStop)</b><br />
<br />
<marquee onmouseout="this.start()" onmouseover="this.stop()">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee onmouseover="this.stop()" onmouseout="this.start()"><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></div><b>3. Teks Berjalan dari Kanan</b><br />
<br />
<marquee direction="right">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><br />
<marquee direction="right"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>4. Teks Berjalan Bolak-Balik</b><br />
<br />
<marquee behavior="alternate">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee behavior="alternate"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>5. Teks Berjalan Bolak-Balik dengan Cepat</b><br />
<br />
<marquee behavior="alternate" scrollamount="18">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee behavior="alternate" scrollamount="18"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>6. Teks Berjalan Bolak-Balik (Bisa diStop)</b><br />
<br />
<marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>7. Teks Berjalan ke Atas</b><br />
<br />
<marquee direction="up">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee direction="up"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>8. Teks Berjalan ke Atas (Bisa diStop)</b><br />
<br />
<marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>9. Teks Berjalan di Tengah Ruang Kasat (ke Atas)</b><br />
<br />
<marquee align="center" direction="up" height="100" scrollamount="2" width="100%">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee direction="up" width="100%" scrollamount="2" height="100" align="center"><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></div><b>10. Teks Berjalan ke Bawah</b><br />
<br />
<marquee direction="down" height="100" width="100%">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee direction="down" width="100%" height="100"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></marquee></div><b>11. Teks Berjalan dengan Variasi Huruf Berwarna Latar</b><br />
<br />
<div align="left">&ltFONT FACE="georgia" color="White"><b><marquee behavior="alternate" bgcolor="RED" scrollamount="3" width="70%"><br />
Selamat Datang di Blog TTB<br />
</marquee></b></div><br />
Berikut kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"><br />
<div style="color: red;"><b>Selamat Datang di Blog TTB</b></div></MARQUEE></b></FONT></div> </div><b>12. Teks Berjalan dengan Link</b><br />
<br />
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"><br />
<br />
<a href="http://kelolablog.blogspot.com/" target="new">Selamat Datang di Blog TTB</a><br />
<br />
<br />
<a href="http://kelolablog.blogspot.com/" target="new">Selamat Datang di Blog TTB</a><br />
<br />
<br />
<a href="http://kelolablog.blogspot.com/" target="new">Selamat Datang di Blog TTB</a><br />
<br />
<br />
</marquee> <br />
<br />
Berikut kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"><br />
<br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>" target="new"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></a><br/><br />
<br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>" target="new"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></a><br/><br />
<br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>" target="new"><b style="color: red;">Selamat Datang di Blog TTB</b></a><br/><br />
<br />
</marquee></div><b>13. Teks Berjalan Bolak-Balik Vertikal dengan Warna Latar</b><br />
<br />
<span style="color: yellow; font-family: verdana; font-size: medium;"><marquee behavior="alternate" bgcolor="green" direction="up" height="100px" scrollamount="2" scrolldelay="10" width="450px"><br />
Selamat Datang di Blog TTB</marquee></span><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px"><br />
<b style="color: red;">Selamat Datang di Blog TTB</b></marquee></font></div><b>14. Teks Berjalan dari Kanan dengan Warna Latar</b><br />
<br />
<span style="color: green; font-family: times; font-size: medium;"><marquee behavior="scroll" bgcolor="yellow" direction="right" height="20px" scrollamount="3" scrolldelay="10" width="450px">Selamat Datang di Blog TTB</marquee></span> <br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><br />
<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px"><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></font> </div><b>15. Teks Berjalan kekiri kekanan 3 Kali</b><br />
<br />
<span style="color: blue; font-family: courier; font-size: medium;"><marquee behavior="slide" bgcolor="red" direction="right" height="20px" loop="3" scrollamount="1" scrolldelay="50" width="450px">Selamat Datang di Blog TTB</marquee></span> <br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><br />
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px"><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></font> </div><b>16. Teks Berjalan dengan Efek Bounce</b><br />
<br />
<span style="color: orange; font-family: comic sans ms; font-size: medium;"><marquee behavior="alternate" bgcolor="black" direction="up" height="100px" scrollamount="2" scrolldelay="10" width="450px"><marquee behavior="alternate" direction="left" scrollamount="2" scrolldelay="10">Selamat Datang di Blog TTB</marquee></marquee></span> <br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"><b style="color: red;">Selamat Datang di Blog TTB</b></marquee></marquee></font> </div><b>17. Teks Berjalan dengan Efek Berhenti Jika Disentuh Kursor</b><br />
<br />
<span style="color: green; font-family: arial black; font-size: medium;"><marquee behavior="alternate" bgcolor="blue" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" width="450">Selamat Datang di Blog TTB</marquee></span> <br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Selamat Datang di Blog TTB</marquee></font> </div><b>18. Teks Berjalan dengan Link disertai dengan Warna Latar</b><br />
<br />
<marquee align="left" bgcolor="#ffff00" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"><a href="http://kelolablog.blogspot.com/">Selamat Datang di Blog TTB</a><br />
<a href="http://kelolablog.blogspot.com/">Selamat Datang di Blog TTB</a><br />
<br />
<a href="http://kelolablog.blogspot.com/">Selamat Datang di Blog TTB</a><br />
<a href="http://kelolablog.blogspot.com/">Selamat Datang di Blog TTB</a><br />
<a href="http://kelolablog.blogspot.com/">Selamat Datang di Blog TTB</a></marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left"><br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></a><br/><br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>"><b style="color: red;">Selamat Datang di Blog TTB</b></a><br/><br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></a><br/><br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>"><b style="color: red;">Selamat Datang di Blog TTB</b></a><br/><br />
<a href="<span style="color: lime;">http://kelolablog.blogspot.com</span>"><b><span style="color: red;">Selamat Datang di Blog TTB</span></b></a><br/></marquee></div>19. Teks Berjalan 4x, Kemudian hilang<br />
<br />
<marquee bgcolor="#f2f5a9" loop="4">Selamat Datang di Blog TTB</marquee><br />
<br />
Berikut Kodenya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><br />
<marquee bgcolor="#f2f5a9" loop="4">Selamat Datang di Blog TTB</marquee></div>Selesai deh Teman-teman, saya sudah cape. Udah dulu yah?. Sebenarnya masih banyak lagi macam-macam dari tek berjalan ini. Tapi say pikir sampai si sini dulu. Lain kalilah kita perpanjang.<br />
<br />
Untuk pengeditan, silahkan ganti tulisan <b><span style="color: red;">Selamat Datang di Blog TTB </span></b>dengan Keinginan anda, dan tulisan <span style="color: lime;">http://kelolablog.blogspot.com </span>dengan alamat link yang anda tuju.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com20tag:blogger.com,1999:blog-3865666885036770997.post-32331979066826129002011-02-23T04:05:00.000-08:002011-02-23T04:05:08.654-08:00Membuat Halaman Intro di Blog<span class="awal">A</span>pa yang dimaksud dengan intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.<br />
Untuk mempersiapkan file flash sebagai intro-nya, ada beberapa cara yang dapat teman <b>Sobat blogger</b> lakukan. di antaranya menggunakan program populer seperti adobe flash, swish dll. - pastikan file yang kita buat ukuran byte nya sekecil mungkin, jika ingin menggunakan sound/suara sebagai musik latar belakang atur format-nya ke midi file, jika menggunakan format Mp3 atau Wav kompresi file –nya dengan tool cool edit dll.<br />
<a name='more'></a><br />
Tertarik dengan topik ini?. jika tertarik saya akan menjelaskan tipsnya.<br />
<br />
1. <a href="http://www.blogger.com/" target="_blank">Login</a> ke blogger<br />
2. Pilih Rancangan<br />
3. Pilih Edit HTML<br />
4. Cari kode<b style="color: red;">]]></b:skin></b>, dan letakkan kode script berikut <u>di atas</u> kode <i>]]></b:skin></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 200px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">#intro{<br />
background:#CAD8C9 url(http://lh6.ggpht.com/_pt7i0nbIOCY/TDVAtE_sRoI/AAAAAAAACtU/vYI1BUEhw0g/latar_thumb%5B2%5D.jpg) repeat-x top left fixed;<br />
position:fixed;<br />
width:100%;<br />
height:100%;<br />
margin:0;<br />
padding:0;<br />
z-index:100;<br />
text-align:center;<br />
visibility:hidden;<br />
}<br />
* html #intro{<br />
position:absolute;<br />
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");<br />
}<br />
#intro .welcome{<br />
color: rgb(255, 0, 0); <br />
font-weight: bold; <br />
font-style: italic;<br />
font-size:30px;<br />
margin-top:10%;<br />
margin-bottom:1%;<br />
text-shadow:1px 1px 1px #fff;<br />
}<br />
#intro a img{border:none}<br />
.gohome, .gohome a,.gohome a:visited,.gohome a:active{<br />
color: rgb(255, 0, 0); <br />
font-weight: bold; <br />
font-style: italic;<br />
margin-top:4%;<br />
font-size:25px;<br />
text-shadow:1px 1px 1px #fff<br />
}<br />
.gohome a:hover{<br />
color:#ffffff;<br />
text-shadow:1px 1px 1px #f00;<br />
text-decoration:none<br />
}</div>5. Kemudian anda cari kode seperti ini <span style="color: red;"><code><b></head></b> </code></span>dan letakkan kode script berikut tepat <u>diatas </u>kode<i></head></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;"><script type='text/javascript'> <br />
//<![CDATA[<br />
/***********************************************<br />
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)<br />
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)<br />
* This notice must stay intact for legal use.<br />
* Visit http://www.dynamicdrive.com/ for full source code<br />
***********************************************/<br />
/*************************************************<br />
* Blogger intro by http://www.blogspottutorial.com<br />
**************************************************/<br />
var persistclose=1<br />
var startX = 0 <br />
var startY = 0 <br />
var verticalpos="fromtop" <br />
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}<br />
function get_cookie(Name) {<br />
var search = Name + "="<br />
var returnvalue = "";<br />
if (document.cookie.length > 0) {<br />
offset = document.cookie.indexOf(search)<br />
if (offset != -1) {<br />
offset += search.length<br />
end = document.cookie.indexOf(";", offset);<br />
if (end == -1) end = document.cookie.length;<br />
returnvalue=unescape(document.cookie.substring(offset, end))<br />
}}return returnvalue;}<br />
function closebar(){<br />
if (persistclose)<br />
document.cookie="remainclosed=1"<br />
document.getElementById("intro").style.visibility="hidden";}<br />
function staticbar(){<br />
barheight=document.getElementById("intro").offsetHeight<br />
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;<br />
var d = document;<br />
function ml(id){<br />
var el=d.getElementById(id);<br />
if (!persistclose || persistclose && get_cookie("remainclosed")=="")<br />
el.style.visibility="visible"<br />
if(d.layers)el.style=el;<br />
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}<br />
el.x = startX;<br />
if (verticalpos=="fromtop")<br />
el.y = startY;<br />
else{<br />
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;<br />
el.y -= startY; }<br />
return el; }<br />
window.stayTopLeft=function(){<br />
if (verticalpos=="fromtop"){<br />
var pY = ns ? pageYOffset : iecompattest().scrollTop;<br />
ftlObj.y == (pY + startY - ftlObj.y)/0;}<br />
else{<br />
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;<br />
ftlObj.y == (pY - startY - ftlObj.y)/0;<br />
}<br />
ftlObj.sP(ftlObj.x, ftlObj.y);<br />
setTimeout("stayTopLeft()", 10); }<br />
ftlObj = ml("intro");<br />
stayTopLeft();}<br />
if (window.addEventListener)<br />
window.addEventListener("load", staticbar, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", staticbar)<br />
else if (document.getElementById)<br />
window.onload=staticbar<br />
//]]><br />
</script></div>6. Kemudian cari kode <code><b style="color: red;"><body></b></code> pada blog anda, kemudian letakkan kode script berikut <u>di bawah</u> kode <i><body></i><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id="intro"><br />
<div class="welcome"><br />
Welcome to my blog</div><br />
<a href="http://www.blogger.com/post-create.g?blogID=3865666885036770997" onclick="closebar(); return false"><img alt="go to my homepage" src="http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif" title="go to my homepage" /></a><br />
<div class="gohome"><br />
<a href="http://www.blogger.com/post-create.g?blogID=3865666885036770997" onclick="closebar(); return false">Go to homepage</a></div></div>7. Silahkan anda edit sendiri, sesuai dengan keinginan anda. Dan jangan Lupah <b>Simpan Template</b>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com7tag:blogger.com,1999:blog-3865666885036770997.post-38687467713080200212011-02-23T03:25:00.000-08:002011-02-23T03:25:03.677-08:00Membuat Menu Navigasi "Green Library"<span class="awal">B</span>erhubung saya baru memberikan tips tentang <b style="color: red;"><a href="http://kelolablog.blogspot.com/2011/02/cara-lain-membuat-menu-navigasi.html" target="_blank">menu navigasi</a></b>, jadi saya ingin memberikan tips lagi nih buat sobat blogger cara untuk membuat menu navigasi "Green Library". Bentuk menunya ini secara vertikal dengan background warna <span style="color: lime;">hijau</span>.<br />
<br />
<a href="http://for-demo.blogspot.com/2007/09/vertical-green-menu.html" target="_blank"><img src="http://24rohman.googlepages.com/demo.gif" /></a><br />
<br />
Untuk membuatnya, silahkan teman-teman ikuti langkah berikut. Tidak jauh berbeda ko dari cara-cara sebelumnya.<br />
<br />
<a name='more'></a><br />
<br />
<b>Langkah Pertama</b><br />
1. <b><a href="http://www.blogger.com/" target="_blank">Login</a></b> ke blogger dengan akun anda sendiri<br />
2. Pada Dasbor, pilih <b>Rancangan</b><br />
3. Kemudian pilih <b>Edit HTML</b><br />
4. Cari kode seperti ini <span style="color: red;"><b>]]></b:skin></b> </span><br />
5. Letakkan kode <i>Script</i> berikut tepat diatas kode <span style="color: red;"><i>]]></b:skin></i> </span><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">/* vertikal menu hijau di mulai<br />
---------------------------------------- */<br />
<br />
/*Credits: CSS Library */<br />
/*URL: http://css-lybrary.blogspot.com */<br />
<br />
#menu-hijau{<br />
<br />
border-bottom-width: 0;<br />
}<br />
<br />
#menu-hijau ul{<br />
margin: 0;<br />
padding: 0;<br />
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /*pemilihan bentuk huruf */<br />
}<br />
<br />
#menu-hijau a{<br />
display: block;<br />
padding: 3px 0;<br />
padding-left: 9px;<br />
text-decoration: none; /*agar link tidak bergaris bawah */<br />
color: white; /*warna hurup */<br />
background-color: #28952D; /*warna background */<br />
border-bottom: 1px solid #B6EDB9; /*warna border bawah */<br />
border-left: 7px solid #245926; /*warna border samping kiri */<br />
border-right:1px solid #000000; /*warna border samping kanan */<br />
}<br />
<br />
#menu-hijau a:hover {<br />
background-color: #3BC642; /*warna background */<br />
border-left-color: #357838;<br />
}<br />
<br />
#menu-hijau div.menutitle{<br />
color: white;<br />
border-bottom: 1px solid black;<br />
padding: 1px 0;<br />
padding-left: 5px;<br />
background-color: black;<br />
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;<br />
}<br />
<br />
</div>Jika anda ingin mengeditnya, silahkan saja. Secukupnya.<br />
6. Kemudian anda <b>Simpan Template</b>.<br />
<br />
<b>Langkah Kedua</b><br />
1. Pilih <b>Elemen Laman</b><br />
2. Pilih <b>Tambah Gadget</b><br />
3. Sekarang Pilih <b>HTML/JavaScript</b><br />
4. Kopi Paste kode <i>script</i> Berikut<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><!-- silahkan ganti dengan link milik sobat --><br />
<br />
<div id="menu-hijau"><br />
<div class="menutitle">CSS Lybrary</div><!-- <span style="color: red;">judul menu pertama di sini</span> --><br />
<ul><br />
<a href="http://css-lybrary.blogspot.com"><span style="color: lime;">Home</span></a><br />
<a href="http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html"><span style="color: lime;">Blue menu</span></a><br />
<a href="http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html"><span style="color: lime;">Blue menu 2</span></a><br />
<a href="http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html"><span style="color: lime;">Double Line Menu</span></a><br />
<a href="http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html"><span style="color: lime;">Flip menu</span></a><br />
<!-- <span style="color: red;">untuk menambah link baru simpan di sini </span>--><br />
</ul><br />
<br />
<div class="menutitle">Unique Template</div><!--<span style="color: red;"> judul menu kedua di sini</span> --><br />
<ul><br />
<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html"><span style="color: lime;">Minima 3 column</span></a><br />
<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html"><span style="color: lime;">Minima 3 column (beta)</span></a><br />
<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html"><span style="color: lime;">1st template unik</span></a><br />
<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html"><span style="color: lime;">Scribe 3 column</span></a><br />
<a href="http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html"><span style="color: lime;">Blu Lover</span></a><br />
<a href="http://template-unik.blogspot.com/2007/08/gray-lover-template.html"><span style="color: lime;">Gray Lover</span></a><br />
<!-- <span style="color: red;">untuk menambah link baru simpan di sini</span> --><br />
</ul><br />
<br />
<div class="menutitle">Blog Tutorial</div><!-- <span style="color: red;">judul menu ketiga di sini</span> --><br />
<a href="http://kolom-tutorial.blogspot.com/2007/09/buat-daftar-isi-blog.html"><span style="color: lime;">Buat daftar isi</span></a><br />
<a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-buku-tamu-di-sidebar.html"><span style="color: lime;">Pasang buku tamu</span></a><br />
<a href="http://kolom-tutorial.blogspot.com/2007/07/pasang-kode-tuker-link.html"><span style="color: lime;">Kode tuker link</span></a><br />
<a href="http://kolom-tutorial.blogspot.com/2007/07/pasang-jadwal-sholat.html" style="border-bottom-color: black"><span style="color: lime;">Jadwal sholat</span></a><br />
<br />
</div> <!-- div penutup menu hijau --></div>Silahkan anda ganti link dengan Link yang akan anda tuju.Coba anda perhatikan tulisan yang berwarna-warni di atas.<br />
<br />
Jangan Lupa di<b>Save </b>yah...Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com4tag:blogger.com,1999:blog-3865666885036770997.post-10019290769157040962011-02-23T02:30:00.000-08:002011-02-23T02:30:55.460-08:00Cara Lain Membuat Menu Navigasi Horizontal<span class="awal">S</span>elamat sukses sobat <a href="http://www.blogger.com/" target="_blank">blogger</a>. Gimana kabar kalian semua?. Sehat-sehat saja kan?. (<i>Banyak pertanyaan atuh kang.....</i>). Haaaahaa...iseng yah. Biasa teman-teman saya lagi happy hari ini. Kenapa? soalnya saya ingin memberikan tips lagi nih buat sobat blogger. Sebelumnya saya sudah memberikan tips yang mirip seperti ini.<br />
Jika sobat blogger berminat, Baca Artikel saya <b style="color: red;"><a href="http://kelolablog.blogspot.com/search/label/Menu%20Navigasi" target="_blank">DISINI</a></b>. Anda akan mendapatkan tips untuk membuat menu navigasi di sana.<br />
Oke sobat blogger, kita tidak usah berpanjang lebar lagi ceritanya. Langsung saja kita ke pokok permasalahan. Membuat navigasi horizontal ini merupakan tips blogger yang paling gampang. kita akan membuat barisan menu pada bagian atas blog kita yang dapat mempermudah pengunjung untuk mencari yang mereka mau dalam blog kita. Jika blog sobat belum mempunyai menu navigasi Horizontal, sok atuh ikuti langkah-langkah berikut. Tetapi jika sudah gak apa-apa, tetapi jika ingin menggantinya silahkan saja.<br />
<br />
<a name='more'></a><br />
<br />
Cara membuat menu navigasi horizontal.<br />
1. <a href="http://www.blogger.com/" target="_blank">Login</a> dengan Akun anda sendiri<br />
2. Pilih Rancangan<br />
3. Pilih Edit HTML<br />
4. Cari kode ini <b>]]></b:skin></b> (<i>biar mudah tekan aja Ctrl+F atau tekan F3 pada keyboard</i>)<br />
<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">/* navbar<br />
<br />
================== */<br />
<br />
#bg_nav {<br />
background: <span style="color: red;">#000000</span>;<br />
width: 660px;<br />
height: 29px;<br />
font-size: 11px;<br />
font-family: Arial, Tahoma, Verdana;<br />
color: <span style="color: red;">#FFFFFF</span>;<br />
font-weight: bold;<br />
margin: 0px auto 0px;<br />
padding: 0px;<br />
border-top: 1px solid #333333;<br />
border-bottom: 1px solid #333333;<br />
overflow: hidden;<br />
}<br />
#bg_nav a, #bg_nav a:visited {<br />
color: #FFFFFF;<br />
font-size: 11px;<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
padding: 0px 0px 0px 3px;<br />
}<br />
#bg_nav a:hover {<br />
color: #FFFFFF;<br />
text-decoration: underline;<br />
padding: 0px 0px 0px 3px;<br />
}<br />
#navleft {<br />
width: 440px;<br />
float: left;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
#navright {<br />
width: 200px;<br />
font-size: 11px;<br />
float: right;<br />
margin: 0px;<br />
padding: 6px 5px 0px 0px;<br />
}<br />
#navright a img {<br />
border: none;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
#nav {<br />
margin: 0px;<br />
padding: 0px;<br />
list-style: none;<br />
}<br />
#nav ul {<br />
margin: 0px;<br />
padding: 0px;<br />
list-style: none;<br />
}<br />
<br />
#nav a, #nav a:visited {<br />
background: #222222;<br />
color: #FFFFFF;<br />
display: block;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 15px 8px 15px;<br />
border-left: 1px solid #000000<br />
}<br />
#nav a:hover {<br />
background: #6e6d6d;<br />
color: #FFFFFF;<br />
margin: 0px;<br />
padding: 8px 15px 8px 15px;<br />
text-decoration: none;<br />
}<br />
<br />
#nav li {<br />
float: left;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
#nav li li {<br />
float: left;<br />
margin: 0px;<br />
padding: 0px;<br />
width: 150px;<br />
}<br />
#nav li li a, #nav li li a:link, #nav li li a:visited {<br />
background: #333333;<br />
width: 160px;<br />
float: none;<br />
margin: 0px;<br />
padding: 7px 30px 7px 10px;<br />
border-bottom: 1px solid #000000;<br />
border-left: 1px solid #000000;<br />
border-right: 1px solid #000000;<br />
}<br />
#nav li li a:hover, #nav li li a:active {<br />
background: #666666;<br />
padding: 7px 30px 7px 10px;<br />
}<br />
<br />
#nav li ul {<br />
position: absolute;<br />
width: 10em;<br />
left: -999em;<br />
}<br />
<br />
#nav li:hover ul {<br />
left: auto;<br />
display: block;<br />
}<br />
#nav li:hover ul, #nav li.sfhover ul {<br />
left: auto;<br />
}</div> Silahkan lakukan pengeditan, sesuai dengan template blog anda.<br />
5. Anda bergerak menuju bagian bawah, Temukan kode seperti ini <br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id='header-wrapper'><br />
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br />
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/><br />
</b:section><br />
</div></div>6. Kopi Paste kode script berikut ini tepat <u>di bawah</u> kode tadi<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div id='bg_nav'><br />
<br />
<div id='navleft'><br />
<div id='nav'><br />
<ul><br />
<li><a href='<span style="color: red;">http://kelolablog.blogspot.com/</span>'><span style="color: lime;">home</span></a></li><br />
<li><a href='<span style="color: red;">http://kelolablog.blogspot.com/</span>'><span style="color: lime;">My Notes</span></a></li><br />
<li><a href='<span style="color: red;">http://kelolablog.blogspot.com/</span>'><span style="color: lime;">Free Template</span></a></li><br />
<li><a href='<span style="color: red;">http://kelolablog.blogspot.com/</span>'><span style="color: lime;">Electronic Rubric </span></a></li><br />
<br />
</ul><br />
</div><br />
</div><br />
<br />
<div id='navright'><br />
<br />
<form action='http://<b style="color: lime;">AlamatBlogAnda</b>.blogspot.com/search' id='searchform' method='get' name='searchform'><br />
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Go'/> </form><br />
<br />
</div><br />
<br />
</div><!-- akhir bg_nav --></div>Kemudian Silahkan anda ganti tulisan <span style="color: red;">http://kelolablog.blogspot.com/ </span>dengan alamat URL yang akan dituju.<br />
Gati tulisan <b style="color: lime;">AlamatBlogAnda</b> dengan Alamat Blog Anda.<br />
7. Setelah selesai <b>Simpan Template</b>.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com3tag:blogger.com,1999:blog-3865666885036770997.post-89672797443207285822011-02-23T01:46:00.000-08:002011-02-23T01:46:02.824-08:00Memasang Widget "Translate" di Setiap Posting<span class="awal">T</span>ranslate merupakan widget untuk blogspot yang berfungsi menterjemahkan konten blog ke dalam berbagai bahasa. Widget ini berfungsi untuk memudahkan pengunjung uantuk mengerti artikel kita, misalnya pengunjung situs kita adalah orang asing. Maka mereka akan dengan mudah untuk menterjemahkan artikel kita, tampa harus menterjemahkannya dengan google translate.<br />
Widget translate ini akan tampil pada setiap postingan kita, lain dari translate yang hanya ditampilkan pada sidebar blog. Jika sobat blogger ingin membuatnya, silahkan ikuti langkah-langkah berikut:<br />
<br />
<a name='more'></a><br />
<br />
1. Login ke blogger dengan akun anda<br />
2. Pilih Rancangan<br />
3. Pilih Edit HTML<br />
4. Centang "Expand Widget Templates", untuk mencegah kerusakan template anda.<br />
5. Cari kode seperti ini:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><b:if cond='data:blog.pageType == "item"'><br />
<data:post.body/><br />
<div style="color: magenta;"></b:if></div></div>6. Masukkan kode <i>script</i> Translate berikut <u>diatas</u> kode yang berwarna Pink.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div style='text-align: <span style="color: red;">right</span>;'><div id='google_translate_element'/><script><br />
function googleTranslateElementInit() {<br />
new google.translate.TranslateElement({<br />
pageLanguage: '<b><span style="color: lime;">id</span></b>'<br />
}, 'google_translate_element');<br />
}<br />
</script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div></div>Keterangan:<br />
<ul><li>Widget translate akan muncul di sebelah kanan bawah postingan kamu.</li>
<li>Kode berwarna <span style="color: red;">merah</span> dapat anda ganti dengan center (tengah), left (kiri).</li>
<li>Kode translate hanya berlaku untuk blog yang berbahasa Indonesia. Coba perhatikan tulisan <b style="color: lime;">id</b></li>
</ul>Jika kamu ingin menampilkan widget translate <u>di atas posting</u> tepat <u>dibawah judul posting</u>, silahkan cari kode seperti ini:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div class='post-body'><br />
<div style="color: red;"><b:if cond='data:blog.pageType == "item"'></div><style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/>ta:blog.pageType == "item"'><data:post.body/></b:if></div>Kopi kode scrpit translate di atas, dan letakkan tepat <u>di bawah</u> kode yang berwana <span style="color: red;">merah</span>.<br />
<br />
Jangan Lupa <b>Disimpan</b>.<br />
<br />
Perhatian:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #387c44; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">Untuk postingan, gunakan bahasa iandonesia yang baik dan benar, supaya dalam melakukan terjemahan, isi artikel anda dapat diterjemahkan dengan baik.</div>Selamat mencoba, semoga berhasil.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com9tag:blogger.com,1999:blog-3865666885036770997.post-7989045180774836192011-02-22T05:37:00.000-08:002011-02-22T05:37:48.389-08:00Admin Bar Widget untuk Blogger<span class="awal">K</span>etika ingin mengupdate blog kadang-kadang kita mendapatkan beberapa ide posting baru atau untuk melakukan beberapa perubahan dengan blog. Admin bar ini memudahkan untuk menavigasi langsung kepada point-point yang ingin kita rubah secara langsung.<br />
Widget ini menciptakan link yang akan membawa langsung ke pilihan blogger. Ada dua jenis dan masing-masing memiliki cara instalasi yang berbeda. Kita akan membahas kedua cara tersebut.<br />
1. Instalasi Custom jenis-jenis ini adalah lebih bergaya, dapat melihat<i> screenshot </i>di bawah ini.<br />
<br />
<a name='more'></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_KgIhfKU4BcE/TI7_jVf7PXI/AAAAAAAABLQ/RWGW2gUiemQ/s1600/adminbar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/_KgIhfKU4BcE/TI7_jVf7PXI/AAAAAAAABLQ/RWGW2gUiemQ/s400/adminbar.jpg" width="393" /></a></div><br />
Untuk memasang widget ini, pergi ke <b>PAGE ELEMENT</b>>> <b>ADD A GADGET</b>>> <b>HTML/JavaScript</b> dan salin kode di bawah ini.<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><ul class="adminbar"><br />
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Dashboard</a></li><br />
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID<b>=<span style="color: red;">####</span></b><span style="color: red;">"</span> target="_blank">Change Settings</a></li><br />
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=<b style="color: red;">####</b>" target="_blank">Change layout</a></li><br />
<li><a class="editpost" href="http://www.blogger.com/post.g?blogID=<b><span style="color: red;">####</span></b>" target="_blank">Edit posts</a></li><br />
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=<b><span style="color: red;">####</span></b>" target="_blank">New post</a></li><br />
</ul></div>Ganti tulisan berwarna merah dengan ID blog anda. Dapat anda lihat seperti gbr ini:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_KgIhfKU4BcE/TI8A8Lu6LBI/AAAAAAAABLY/vcSqSp2UqkA/s1600/idblog.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="http://4.bp.blogspot.com/_KgIhfKU4BcE/TI8A8Lu6LBI/AAAAAAAABLY/vcSqSp2UqkA/s400/idblog.jpg" width="400" /></a></div><br />
Kemudian pergi ke <i>EDIT HTML</i> lalu temukan<b> <i>]]></b:skin></i></b> kemudian salin kode berikut diatasnya:<br />
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Blok Semua" /> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL"><br /> ul.adminbar<br /> {background-color:#EEEEEE;<br /> border:1px solid #E6E8E9;<br /> margin-bottom:8px;<br /> padding:5px 5px 0;<br /> }<br /> ul.adminbar li {<br /> background-color:#FAFAFA;<br /> border:1px solid white;<br /> list-style:none outside none;<br /> margin-bottom:6px;<br /> outline:1px solid #DDDDDD;<br /> padding:12px;<br /> }<br /> ul.adminbar li a<br /> {display:block;<br /> color:#888888 !important;<br /> text-shadow:1px 1px 0 #FFFFFF;<br /> text-decoration:none;<br /> font-size:22px;<br /> height:27px;<br /> margin:0 0 0 15px;<br /> }<br /> a.dashboard<br /> {background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;<br /> padding:4px 0 2px 47px;<br /> }<br /> a.settings<br /> {background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;<br /> padding:5px 0 0 47px;}<br /> a.layout<br /> {background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;<br /> padding:5px 0 0 47px;<br /> }<br /> a.editpost<br /> {background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;<br /> padding:5px 0 0 47px;<br /> }<br /> a.newpost<br /> {background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;<br /> padding:5px 0 0 47px;<br /> }<br /> </textarea></div></form></div>Setelah itu <b>simpan Template</b> anda.<br />
<br />
Selesai deh...<br />
Selamat mencoba yah>>>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com2tag:blogger.com,1999:blog-3865666885036770997.post-48158846769396116662011-02-22T05:24:00.000-08:002011-02-22T05:26:12.482-08:00kode Warna (Part 1)<span class="awal">K</span>ode warna sering dicari-cari banyak orang. Apalagi sobat blogger yang sering mengutak-atik blognya. Maka dari itu saya ingin sekali memberikan kumpulan kode warna kepadasobat blogger di sini. Berikut kumpulan kode warna dilengkapi dengan "<b><i>Color Name, Code, dan Color</i>nya</b>". Silahkan sobat blogger gunakan, sesuai dengan keinginan anda.<br />
<a name='more'></a><br />
<div class="post-header"></div><table border="1" cellpadding="0" cellspacing="0" height="4913"><tbody>
<tr> <td bgcolor="#005cb9" width="25%"><div class="rb"><span style="color: white;"> <b>COLOR NAME</b></span></div></td><td bgcolor="#005cb9" width="25%"><span style="color: white;"> <b>CODE</b></span></td><td bgcolor="#005cb9" width="25%"><span style="color: white;"> <b>COLOR</b></span></td></tr>
<tr><td width="25%"><b>Black</b></td> <td width="25%"><b>#000000</b></td><td bgcolor="#000000" width="25%"><div class="rb"><b><span style="color: white;">Black</span></b></div></td></tr>
<tr><td><b>Gray0</b></td><td><b>#150517</b></td><td bgcolor="#150517"><b><span style="color: white;">Gray0</span></b></td></tr>
<tr><td><b>Gray18</b></td><td><b>#250517</b></td><td bgcolor="#250517"><b><span style="color: white;">Gray18</span></b></td></tr>
<tr><td><b>Gray21</b></td><td><b>#2B1B17</b></td><td bgcolor="#2b1b17"><b><span style="color: white;">Gray21</span></b></td></tr>
<tr><td><b>Gray23</b></td><td><b>#302217</b></td><td bgcolor="#302217"><b><span style="color: white;">Gray23</span></b></td></tr>
<tr><td><b>Gray24</b></td><td><b>#302226</b></td><td bgcolor="#302226"><div class="rb"><b><span style="color: white;">Gray24</span></b></div></td></tr>
<tr><td><b>Gray25</b></td><td><b>#342826</b></td><td bgcolor="#342826"><b><span style="color: white;">Gray25</span></b></td></tr>
<tr><td><b>Gray26</b></td><td><b>#34282C</b></td><td bgcolor="#34282c"><b><span style="color: white;">Gray26</span></b></td></tr>
<tr><td><b>Gray27</b></td><td><b>#382D2C</b></td><td bgcolor="#382d2c"><b><span style="color: white;">Gray27</span></b></td></tr>
<tr><td><b>Gray28</b></td><td><b>#3b3131</b></td><td bgcolor="#3b3131"><b><span style="color: white;">Gray28</span></b></td></tr>
<tr><td><b>Gray29</b></td><td><b>#3E3535</b></td><td bgcolor="#3e3535"><b><span style="color: white;">Gray29</span></b></td></tr>
<tr><td><b>Gray30</b></td><td><b>#413839</b></td><td bgcolor="#413839"><b><span style="color: white;">Gray30</span></b></td></tr>
<tr><td><b>Gray31</b></td><td><b>#41383C</b></td><td bgcolor="#41383c"><b><span style="color: white;">Gray31</span></b></td></tr>
<tr><td><b>Gray32</b></td><td><b>#463E3F</b></td><td bgcolor="#463e3f"><b><span style="color: white;">Gray32</span></b></td></tr>
<tr><td><b>Gray34</b></td><td><b>#4A4344</b></td><td bgcolor="#4a4344"><b><span style="color: white;">Gray34</span></b></td></tr>
<tr><td><b>Gray35</b></td><td><b>#4C4646</b></td><td bgcolor="#4c4646"><b><span style="color: white;">Gray35</span></b></td></tr>
<tr><td><b>Gray36</b></td><td><b>#4E4848</b></td><td bgcolor="#4e4848"><b><span style="color: white;">Gray36</span></b></td></tr>
<tr><td><b>Gray37</b></td><td><b>#504A4B</b></td><td bgcolor="#504a4b"><b><span style="color: white;">Gray37</span></b></td></tr>
<tr><td><b>Gray38</b></td><td><b>#544E4F</b></td><td bgcolor="#544e4f"><b><span style="color: white;">Gray38</span></b></td></tr>
<tr><td><b>Gray39</b></td><td><b>#565051</b></td><td bgcolor="#565051"><b><span style="color: ivory;">Gray39</span></b></td></tr>
<tr><td><b>Gray40</b></td><td><b>#595454</b></td><td bgcolor="#595454"><b><span style="color: white;">Gray40</span></b></td></tr>
<tr><td><b>Gray41</b></td><td><b>#5C5858</b></td><td bgcolor="#5c5858"><b><span style="color: white;">Gray41</span></b></td></tr>
<tr><td><b>Gray42</b></td><td><b>#5F5A59</b></td><td bgcolor="#5f5a59"><b><span style="color: white;">Gray42</span></b></td></tr>
<tr><td><b>Gray43</b></td><td><b>#625D5D</b></td><td bgcolor="#625d5d"><b><span style="color: white;">Gray43</span></b></td></tr>
<tr><td><b>Gray44</b></td><td><b>#646060</b></td><td bgcolor="#646060"><b><span style="color: white;">Gray44</span></b></td></tr>
<tr><td><b>Gray45</b></td><td><b>#666362</b></td><td bgcolor="#666362"><b><span style="color: white;">Gray45</span></b></td></tr>
<tr><td><b>Gray46</b></td><td><b>#696565</b></td><td bgcolor="#696565"><b><span style="color: white;">Gray46</span></b></td></tr>
<tr><td><b>Gray47</b></td><td><b>#6D6968</b></td><td bgcolor="#6d6968"><b><span style="color: white;">Gray47</span></b></td></tr>
<tr><td><b>Gray48</b></td><td><b>#6E6A6B</b></td><td bgcolor="#6e6a6b"><b><span style="color: white;">Gray48</span></b></td></tr>
<tr><td><b>Gray49</b></td><td><b>#726E6D</b></td><td bgcolor="#726e6d"><b><span style="color: white;">Gray49</span></b></td></tr>
<tr><td><b>Gray50</b></td><td><b>#747170</b></td><td bgcolor="#747170"><b><span style="color: white;">Gray50</span></b></td></tr>
<tr><td><b>Gray</b></td><td><b>#736F6E</b></td><td bgcolor="#736f6e"><b><span style="color: white;">Gray</span></b></td></tr>
<tr><td><b>Slate Gray4</b></td><td><b>#616D7E</b></td> <td bgcolor="#616d7e"><div class="rb"><b><span style="color: white;">Slate Gray4</span></b></div></td></tr>
<tr> <td><b>Slate Gray</b></td><td><b>#657383</b></td> <td bgcolor="#657383"><b><span style="color: white;">Slate Gray</span></b></td></tr>
<tr><td><b>Light Steel Blue4</b></td><td><b>#646D7E</b></td> <td bgcolor="#646d7e"><b><span style="color: white;">Light Steel Blue4</span></b></td></tr>
<tr><td><b>Light Slate Gray</b></td><td><b>#6D7B8D</b></td><td bgcolor="#6d7b8d"><b><span style="color: white;">Light Slate Gray</span></b></td></tr>
<tr> <td><b>Cadet Blue4</b></td><td><b>#4C787E</b></td> <td bgcolor="#4c787e"><b><span style="color: white;">Cadet Blue4</span></b></td></tr>
<tr> <td><b>Dark Slate Gray4</b></td><td><b>#4C7D7E</b></td> <td bgcolor="#4c7d7e"><b><span style="color: white;">Dark Slate Gray4</span></b></td></tr>
<tr> <td><b>Thistle4</b></td><td><b>#806D7E</b></td> <td bgcolor="#806d7e"><b><span style="color: white;">Thistle4</span></b></td></tr>
<tr><td><b>Medium Slate Blue</b></td><td><b>#5E5A80</b></td> <td bgcolor="#5e5a80"><b><span style="color: white;">Medium Slate Blue</span></b></td></tr>
<tr><td><b>Medium Purple4</b></td><td><b>#4E387E</b></td> <td bgcolor="#4e387e"><div class="rb"><b><span style="color: white;">Medium Purple4</span></b></div></td></tr>
<tr> <td><b>Midnight Blue</b></td><td><b>#151B54</b></td> <td bgcolor="#151b54"><b><span style="color: white;">Midnight Blue</span></b></td></tr>
<tr> <td><b>Dark Slate Blue</b></td><td><b>#2B3856</b></td> <td bgcolor="#2b3856"><b><span style="color: white;">Dark Slate Blue</span></b></td></tr>
<tr> <td><b>Dark Slate Gray</b></td><td><b>#25383C</b></td> <td bgcolor="#25383c"><b><span style="color: white;">Dark Slate Gray</span></b></td></tr>
<tr><td><b>Dim Gray</b></td><td><b>#463E41</b></td><td bgcolor="#463e41"><b><span style="color: white;">Dim Gray</span></b></td></tr>
<tr><td><b>Cornflower Blue</b></td><td><b>#151B8D</b></td> <td bgcolor="#151b8d"><b><span style="color: white;">Cornflower Blue</span></b></td></tr>
<tr> <td><b>Royal Blue4</b></td><td><b>#15317E</b></td> <td bgcolor="#15317e"><b><span style="color: white;">Royal Blue4</span></b></td></tr>
<tr> <td><b>Slate Blue4</b></td><td><b>#342D7E</b></td> <td bgcolor="#342d7e"><b><span style="color: white;">Slate Blue4</span></b></td></tr>
<tr> <td><b>Royal Blue</b></td><td><b>#2B60DE</b></td> <td bgcolor="#2b60de"><b><span style="color: white;">Royal Blue</span></b></td></tr>
<tr><td><b>Royal Blue1</b></td><td><b>#306EFF</b></td> <td bgcolor="#306eff"><b><span style="color: white;">Royal Blue1</span></b></td></tr>
<tr> <td><b>Royal Blue2</b></td><td><b>#2B65EC</b></td> <td bgcolor="#2b65ec"><b><span style="color: white;">Royal Blue2</span></b></td></tr>
<tr> <td><b>Royal Blue3</b></td><td><b>#2554C7</b></td> <td bgcolor="#2554c7"><b><span style="color: white;">Royal Blue3</span></b></td></tr>
<tr><td><b>Deep Sky Blue</b></td><td><b>#3BB9FF</b></td><td bgcolor="#3bb9ff"><b><span style="color: white;">Deep Sky Blue</span></b></td></tr>
<tr><td><b>Deep Sky Blue2</b></td><td><b>#38ACEC</b></td><td bgcolor="#38acec"><b><span style="color: white;">Deep Sky Blue2</span></b></td></tr>
<tr> <td><b>Slate Blue</b></td><td><b>#3574EC7</b></td> <td bgcolor="#357ec7"><b><span style="color: white;">Slate Blue</span></b></td></tr>
<tr><td><b>Deep Sky Blue3</b></td><td><b>#3090C7</b></td><td bgcolor="#3090c7"><b><span style="color: white;">Deep Sky Blue3</span></b></td></tr>
<tr><td><b>Deep Sky Blue4</b></td><td><b>#25587E</b></td><td bgcolor="#25587e"><b><span style="color: white;">Deep Sky Blue4</span></b></td></tr>
<tr><td><b>Dodger Blue</b></td><td><b>#1589FF</b></td><td bgcolor="#1589ff"><b><span style="color: white;">Dodger Blue</span></b></td></tr>
<tr><td><b>Dodger Blue2</b></td><td><b>#157DEC</b></td><td bgcolor="#157dec"><b><span style="color: white;">Dodger Blue2</span></b></td></tr>
<tr><td><b>Dodger Blue3</b></td><td><b>#1569C7</b></td><td bgcolor="#1569c7"><b><span style="color: white;">Dodger Blue3</span></b></td></tr>
<tr><td><b>Dodger Blue4</b></td><td><b>#153E7E</b></td><td bgcolor="#153e7e"><b><span style="color: white;">Dodger Blue4</span></b></td></tr>
<tr> <td><b>Steel Blue4</b></td><td><b>#2B547E</b></td> <td bgcolor="#2b547e"><b><span style="color: white;">Steel Blue4</span></b></td></tr>
<tr> <td><b>Steel Blue</b></td><td><b>#4863A0</b></td> <td bgcolor="#4863a0"><b><span style="color: white;">Steel Blue</span></b></td></tr>
<tr><td><b>Slate Blue2</b></td><td><b>#6960EC</b></td> <td bgcolor="#6960ec"><b><span style="color: white;">Slate Blue2</span></b></td></tr>
<tr> <td><b>Violet</b></td><td><b>#8D38C9</b></td><td bgcolor="#8d38c9"><b><span style="color: white;">Violet</span></b></td></tr>
<tr><td><b>Medium Purple3</b></td><td><b>#7A5DC7</b></td> <td bgcolor="#7a5dc7"><b><span style="color: white;">Medium Purple3</span></b></td></tr>
<tr> <td><b>Medium Purple</b></td><td><b>#8467D7</b></td> <td bgcolor="#8467d7"><b><span style="color: white;">Medium Purple</span></b></td></tr>
<tr> <td><b>Medium Purple2</b></td><td><b>#9172EC</b></td> <td bgcolor="#9172ec"><b><span style="color: white;">Medium Purple2</span></b></td></tr>
<tr> <td><b>Medium Purple1</b></td><td><b>#9E7BFF</b></td> <td bgcolor="#9e7bff"><b><span style="color: white;">Medium Purple1</span></b></td></tr>
<tr> <td><b>Light Steel Blue</b></td><td><b>#728FCE</b></td> <td bgcolor="#728fce"><b><span style="color: white;">Light Steel Blue</span></b></td></tr>
<tr> <td><b>Steel Blue3</b></td><td><b>#488AC7</b></td> <td bgcolor="#488ac7"><b><span style="color: white;">Steel Blue3</span></b></td></tr>
<tr> <td><b>Steel Blue2</b></td><td><b>#56A5EC</b></td> <td bgcolor="#56a5ec"><b><span style="color: white;">Steel Blue2</span></b></td></tr>
<tr> <td><b>Steel Blue1</b></td><td><b>#5CB3FF</b></td> <td bgcolor="#5cb3ff"><b><span style="color: white;">Steel Blue1</span></b></td></tr>
<tr> <td><b>Sky Blue3</b></td><td><b>#659EC7</b></td> <td bgcolor="#659ec7"><b><span style="color: white;">Sky Blue3</span></b></td></tr>
<tr><td><b>Sky Blue4</b></td><td><b>#41627E</b></td> <td bgcolor="#41627e"><b><span style="color: white;">Sky Blue4</span></b></td></tr>
<tr><td><b>Slate Blue</b></td><td><b>#737CA1</b></td> <td bgcolor="#737ca1"><b><span style="color: white;">Slate Blue</span></b></td></tr>
<tr><td><b>Slate Blue</b></td><td><b>#737CA1</b></td> <td bgcolor="#737ca1"><b><span style="color: white;">Slate Blue</span></b></td></tr>
<tr><td><b>Slate Gray3</b></td><td><b>#98AFC7</b></td> <td bgcolor="#98afc7"><b><span style="color: white;">Slate Gray3</span></b></td></tr>
<tr> <td><b>Violet Red</b></td><td><b>#F6358A</b></td> <td bgcolor="#f6358a"><b><span style="color: white;">Violet Red</span></b></td></tr>
<tr><td><b>Violet Red1</b></td><td><b>#F6358A</b></td> <td bgcolor="#f6358a"><b><span style="color: white;">Violet Red1</span></b></td></tr>
<tr> <td><b>Violet Red2</b></td><td><b>#E4317F</b></td> <td bgcolor="#e4317f"><b><span style="color: white;">Violet Red2</span></b></td></tr>
<tr><td><b>Deep Pink</b></td><td><b>#F52887</b></td><td bgcolor="#f52887"><b><span style="color: white;">Deep Pink</span></b></td></tr>
<tr><td><b>Deep Pink2</b></td><td><b>#E4287C</b></td><td bgcolor="#e4287c"><b><span style="color: white;">Deep Pink2</span></b></td></tr>
<tr><td><b>Deep Pink3</b></td><td><b>#C12267</b></td><td bgcolor="#c12267"><b><span style="color: white;">Deep Pink3</span></b></td></tr>
<tr><td><b>Deep Pink4</b></td><td><b>#7D053F</b></td><td bgcolor="#7d053f"><b><span style="color: white;">Deep Pink4</span></b></td></tr>
<tr><td><b>Medium Violet Red</b></td><td><b>#CA226B</b></td> <td bgcolor="#ca226b"><b><span style="color: white;">Medium Violet Red</span></b></td></tr>
<tr> <td><b>Violet Red3</b></td><td><b>#C12869</b></td> <td bgcolor="#c12869"><b><span style="color: white;">Violet Red3</span></b></td></tr>
<tr><td><b>Firebrick</b></td><td><b>#800517</b></td><td bgcolor="#800517"><b><span style="color: white;">Firebrick</span></b></td></tr>
<tr><td><b>Violet Red4</b></td><td><b>#7D0541</b></td> <td bgcolor="#7d0541"><b><span style="color: white;">Violet Red4</span></b></td></tr>
<tr> <td><b>Maroon4</b></td><td><b>#7D0552</b></td><td bgcolor="#7d0552"><b><span style="color: white;">Maroon4</span></b></td></tr>
<tr><td><b>Maroon</b></td><td><b>#810541</b></td><td bgcolor="#810541"><b><span style="color: white;">Maroon</span></b></td></tr>
<tr><td><b>Maroon3</b></td><td><b>#C12283</b></td><td bgcolor="#c12283"><b><span style="color: white;">Maroon3</span></b></td></tr>
<tr><td><b>Maroon2</b></td><td><b>#E3319D</b></td><td bgcolor="#e3319d"><b><span style="color: white;">Maroon2</span></b></td></tr>
<tr><td><b>Maroon1</b></td><td><b>#F535AA</b></td><td bgcolor="#f535aa"><b><span style="color: white;">Maroon1</span></b></td></tr>
<tr><td><b>Magenta</b></td><td><b>#FF00FF</b></td><td bgcolor="#ff00ff"><b><span style="color: white;">Magenta</span></b></td></tr>
<tr><td><b>Magenta1</b></td><td><b>#F433FF</b></td> <td bgcolor="#f433ff"><b><span style="color: white;">Magenta1</span></b></td></tr>
<tr><td><b>Magenta2</b></td><td><b>#E238EC</b></td> <td bgcolor="#e238ec"><b><span style="color: white;">Magenta2</span></b></td></tr>
<tr><td><b>Magenta3</b></td><td><b>#C031C7</b></td> <td bgcolor="#c031c7"><b><span style="color: white;">Magenta3</span></b></td></tr>
<tr><td><b>Medium Orchid</b></td><td><b>#B048B5</b></td> <td bgcolor="#b048b5"><b><span style="color: white;">Medium Orchid</span></b></td></tr>
<tr> <td><b>Medium Orchid1</b></td><td><b>#D462FF</b></td> <td bgcolor="#d462ff"><b><span style="color: white;">Medium Orchid1</span></b></td></tr>
<tr> <td><b>Medium Orchid2</b></td><td><b>#C45AEC</b></td> <td bgcolor="#c45aec"><b><span style="color: white;">Medium Orchid2</span></b></td></tr>
<tr> <td><b>Medium Orchid3</b></td><td><b>#A74AC7</b></td> <td bgcolor="#a74ac7"><b><span style="color: white;">Medium Orchid3</span></b></td></tr>
<tr> <td><b>Medium Orchid4</b></td><td><b>#6A287E</b></td> <td bgcolor="#6a287e"><b><span style="color: white;">Medium Orchid4</span></b></td></tr>
<tr> <td><b>Purple</b></td><td><b>#8E35EF</b></td><td bgcolor="#8e35ef"><b><span style="color: white;">Purple</span></b></td></tr>
<tr><td><b>Purple1</b></td><td><b>#893BFF</b></td><td bgcolor="#893bff"><b><span style="color: white;">Purple1</span></b></td></tr>
<tr><td><b>Purple2</b></td><td><b>#7F38EC</b></td><td bgcolor="#7f38ec"><b><span style="color: white;">Purple2</span></b></td></tr>
<tr><td><b>Purple3</b></td><td><b>#6C2DC7</b></td><td bgcolor="#6c2dc7"><b><span style="color: white;">Purple3</span></b></td></tr>
<tr><td><b>Purple4</b></td><td><b>#461B7E</b></td><td bgcolor="#461b7e"><b><span style="color: white;">Purple4</span></b></td></tr>
<tr><td><b>Dark Orchid4</b></td><td><b>#571B7e</b></td> <td bgcolor="#571b7e"><b><span style="color: white;">Dark Orchid4</span></b></td></tr>
<tr> <td><b>Dark Orchid</b></td><td><b>#7D1B7E</b></td> <td bgcolor="#7d1b7e"><b><span style="color: white;">Dark Orchid</span></b></td></tr>
<tr><td><b>Dark Violet</b></td><td><b>#842DCE</b></td><td bgcolor="#842dce"><b><span style="color: white;">Dark Violet</span></b></td></tr>
<tr> <td><b>Dark Orchid3</b></td><td><b>#8B31C7</b></td> <td bgcolor="#8b31c7"><b><span style="color: white;">Dark Orchid3</span></b></td></tr>
<tr> <td><b>Dark Orchid2</b></td><td><b>#A23BEC</b></td> <td bgcolor="#a23bec"><b><span style="color: white;">Dark Orchid2</span></b></td></tr>
<tr> <td><b>Dark Orchid1</b></td><td><b>#B041FF</b></td> <td bgcolor="#b041ff"><b><span style="color: white;">Dark Orchid1</span></b></td></tr>
<tr> <td><b>Plum4</b></td><td><b>#7E587E</b></td><td bgcolor="#7e587e"><b><span style="color: white;">Plum4</span></b></td></tr>
<tr><td><b>Pale Violet Red</b></td><td><b>#D16587</b></td> <td bgcolor="#d16587"><b><span style="color: white;">Pale Violet Red</span></b></td></tr>
<tr> <td><b>Pale Violet Red1</b></td><td><b>#F778A1</b></td> <td bgcolor="#f778a1"><b><span style="color: white;">Pale Violet Red1</span></b></td></tr>
<tr> <td><b>Pale Violet Red2</b></td><td><b>#E56E94</b></td> <td bgcolor="#e56e94"><b><span style="color: white;">Pale Violet Red2</span></b></td></tr>
<tr> <td><b>Pale Violet Red3</b></td><td><b>#C25A7C</b></td> <td bgcolor="#c25a7c"><b><span style="color: white;">Pale Violet Red3</span></b></td></tr>
<tr> <td><b>Pale Violet Red4</b></td><td><b>#7E354D</b></td> <td bgcolor="#7e354d"><b><span style="color: white;">Pale Violet Red4</span></b></td></tr>
<tr> <td><b>Plum</b></td><td><b>#B93B8F</b></td><td bgcolor="#b93b8f"><b><span style="color: white;">Plum</span></b></td></tr>
<tr><td><b>Plum1</b></td><td><b>#F9B7FF</b></td><td bgcolor="#f9b7ff"><b><span style="color: white;">Plum1</span></b></td></tr>
<tr><td><b>Plum2</b></td><td><b>#E6A9EC</b></td><td bgcolor="#e6a9ec"><b><span style="color: white;">Plum2</span></b></td></tr>
<tr><td><b>Plum3</b></td><td><b>#C38EC7</b></td><td bgcolor="#c38ec7"><b><span style="color: white;">Plum3</span></b></td></tr>
<tr><td><b>Thistle</b></td><td><b>#D2B9D3</b></td><td bgcolor="#d2b9d3"><b><span style="color: white;">Thistle</span></b></td></tr>
<tr><td><b>Thistle3</b></td><td><b>#C6AEC7</b></td> <td bgcolor="#c6aec7"><b><span style="color: white;">Thistle3</span></b></td></tr>
<tr><td><b>Lavendar Blush2</b></td><td><b>#EBDDE2</b></td><td bgcolor="#ebdde2"><b><span style="color: white;">Lavendar Blush2</span></b></td></tr>
<tr><td><b>Lavendar Blush3</b></td><td><b>#C8BBBE</b></td><td bgcolor="#c8bbbe"><b><span style="color: white;">Lavendar Blush3</span></b></td></tr>
<tr> <td><b>Thistle2</b></td><td><b>#E9CFEC</b></td> <td bgcolor="#d9cfec"><b><span style="color: white;">Thistle2</span></b></td></tr>
<tr><td><b>Thistle1</b></td><td><b>#FCDFFF</b></td> <td bgcolor="#fcdfff"><b><span style="color: white;">Thistle1</span></b></td></tr>
<tr><td><b>Lavendar</b></td><td><b>#E3E4FA</b></td> <td bgcolor="#e3e4fa"><b><span style="color: white;">Lavendar</span></b></td></tr>
<tr><td><b>Lavendar Blush</b></td><td><b>#FDEEF4</b></td> <td bgcolor="#fdeef4"><b><span style="color: white;">Lavendar Blush</span></b></td></tr>
<tr><td height="18"><b>Light Steel Blue1</b></td><td height="18"><b>#C6DEFF</b></td><td bgcolor="#c6deff" height="18"><b><span style="color: white;">Light Steel Blue1</span></b></td></tr>
<tr> <td><b>Light Blue</b></td><td><b>#ADDFFF</b></td> <td bgcolor="#addfff"><b><span style="color: white;">Light Blue</span></b></td></tr>
<tr><td><b>Light Blue1</b></td><td><b>#BDEDFF</b></td> <td bgcolor="#bdedff"><b><span style="color: white;">Light Blue1</span></b></td></tr>
<tr> <td><b>Light Cyan</b></td><td><b>#E0FFFF</b></td> <td bgcolor="#e0ffff"><b><span style="color: white;">Light Cyan</span></b></td></tr>
<tr><td><b>Slate Gray1</b></td><td><b>#C2DFFF</b></td><td bgcolor="#c2dfff"><b><span style="color: white;">Slate Gray1</span></b></td></tr>
<tr><td><b>Slate Gray2</b></td><td><b>#B4CFEC</b></td><td bgcolor="#b4cfec"><b><span style="color: white;">Slate Gray2</span></b></td></tr>
<tr> <td><b>Light Steel Blue2</b></td><td><b>#B7CEEC</b></td> <td bgcolor="#b7ceec"><b><span style="color: white;">Light Steel Blue2</span></b></td></tr>
<tr> <td><b>Turquoise1</b></td><td><b>#52F3FF</b></td> <td bgcolor="#52f3ff"><b><span style="color: white;">Turquoise1</span></b></td></tr>
<tr><td><b>Cyan</b></td><td><b>#00FFFF</b></td><td bgcolor="#00ffff"><b><span style="color: white;">Cyan</span></b></td></tr>
<tr><td><b>Cyan1</b></td><td><b>#57FEFF</b></td><td bgcolor="#57feff"><b><span style="color: white;">Cyan1</span></b></td></tr>
<tr><td><b>Cyan2</b></td><td><b>#50EBEC</b></td><td bgcolor="#50ebec"><b><span style="color: white;">Cyan2</span></b></td></tr>
<tr><td><b>Turquoise2</b></td><td><b>#4EE2EC</b></td> <td bgcolor="#4ee2ec"><b><span style="color: white;">Turquoise2</span></b></td></tr>
<tr><td><b>Medium Turquoise</b></td><td><b>#48CCCD</b></td> <td bgcolor="#48cccd"><b><span style="color: white;">Medium Turquoise</span></b></td></tr>
<tr><td><b>Turquoise</b></td><td><b>#43C6DB</b></td> <td bgcolor="#43c6db"><div class="rb"><b><span style="color: white;">Turquoise</span></b></div></td></tr>
<tr><td><b>Dark Slate Gray1</b></td><td><b>#9AFEFF</b></td> <td bgcolor="#9afeff"><b><span style="color: white;">Dark Slate Gray1</span></b></td></tr>
<tr> <td><b>Dark Slate Gray2</b></td><td><b>#8EEBEC</b></td> <td bgcolor="#8eebec"><b><span style="color: white;">Dark slate Gray2</span></b></td></tr>
<tr> <td><b>Dark Slate Gray3</b></td><td><b>#78c7c7</b></td> <td bgcolor="#78c7c7"><b><span style="color: white;">Dark Slate Gray3</span></b></td></tr>
<tr> <td><b>Cyan3</b></td><td><b>#46C7C7</b></td><td bgcolor="#46c7c7"><b><span style="color: white;">Cyan3</span></b></td></tr>
<tr><td><b>Turquoise3</b></td><td><b>#43BFC7</b></td> <td bgcolor="#43bfc7"><b><span style="color: white;">Turquoise3</span></b></td></tr>
<tr><td><b>Cadet Blue3</b></td><td><b>#77BFC7</b></td> <td bgcolor="#77bfc7"><b><span style="color: white;">Cadet Blue3</span></b></td></tr>
<tr> <td><b>Pale Turquoise3</b></td><td><b>#92C7C7</b></td> <td bgcolor="#92c7c7"><b><span style="color: white;">Pale Turquoise3</span></b></td></tr>
<tr> <td><b>Light Blue2</b></td><td><b>#AFDCEC</b></td> <td bgcolor="#afdcec"><b><span style="color: white;">Light Blue2</span></b></td></tr>
<tr><td><b>Dark Turquoise</b></td><td><b>#3B9C9C</b></td><td bgcolor="#3b9c9c"><b><span style="color: white;">Dark Turquoise</span></b></td></tr>
<tr> <td><b>Cyan4</b></td><td><b>#307D7E</b></td><td bgcolor="#307d7e"><b><span style="color: white;">Cyan4</span></b></td></tr>
<tr><td><b>Light Sea Green</b></td><td><b>#3EA99F</b></td><td bgcolor="#3ea99f"><b><span style="color: white;">Light Sea Green</span></b></td></tr>
<tr><td><b>Light Sky Blue</b></td><td><b>#82CAFA</b></td><td bgcolor="#82cafa"><b><span style="color: white;">Light Sky Blue</span></b></td></tr>
<tr><td><b>Light Sky Blue2</b></td><td><b>#A0CFEC</b></td><td bgcolor="#a0cfec"><b><span style="color: white;">Light Sky Blue2</span></b></td></tr>
<tr><td><b>Light Sky Blue3</b></td><td><b>#87AFC7</b></td><td bgcolor="#87afc7"><b><span style="color: white;">Light Sky Blue3</span></b></td></tr>
<tr><td><b>Sky Blue</b></td><td><b>#82CAFF</b></td><td bgcolor="#82caff"><b><span style="color: white;">Sky Blue</span></b></td></tr>
<tr><td><b>Sky Blue2</b></td><td><b>#79BAEC</b></td><td bgcolor="#79aec0"><b><span style="color: white;">Sky Blue2</span></b></td></tr>
<tr><td><b>Light Sky Blue4</b></td><td><b>#566D7E</b></td><td bgcolor="#566d7e"><b><span style="color: white;">Light Sky Blue4</span></b></td></tr>
<tr><td><b>Sky Blue</b></td><td><b>#6698FF</b></td><td bgcolor="#6698ff"><b><span style="color: white;">Sky Blue</span></b></td></tr>
<tr><td><b>Light Slate Blue</b></td><td><b>#736AFF</b></td><td bgcolor="#736aff"><b><span style="color: white;">Light Slate Blue</span></b></td></tr>
<tr> <td><b>Light Cyan2</b></td><td><b>#CFECEC</b></td> <td bgcolor="#cfecec"><b><span style="color: white;">Light Cyan2</span></b></td></tr>
<tr> <td><b>Light Cyan3</b></td><td><b>#AFC7C7</b></td> <td bgcolor="#afc7c7"><b><span style="color: white;">Light Cyan3</span></b></td></tr>
<tr> <td><b>Light Cyan4</b></td><td><b>#717D7D</b></td> <td bgcolor="#717d7d"><b><span style="color: white;">Light Cyan4</span></b></td></tr>
<tr> <td><b>Light Blue3</b></td><td><b>#95B9C7</b></td> <td bgcolor="#95b9c7"><b><span style="color: white;">Light Blue3</span></b></td></tr>
<tr> <td><b>Light Blue4</b></td><td><b>#5E767E</b></td> <td bgcolor="#5e767e"><b><span style="color: white;">Light Blue4</span></b></td></tr>
<tr> <td><b>Pale Turquoise4</b></td><td><b>#5E7D7E</b></td> <td bgcolor="#5e7d7e"><b><span style="color: white;">Pale Turquoise4</span></b></td></tr>
<tr> <td><b>Dark Sea Green4</b></td><td><b>#617C58</b></td> <td bgcolor="#617c58"><b><span style="color: white;">Dark Sea Green4</span></b></td></tr>
<tr> <td><b>Medium Aquamarine</b></td><td><b>#348781</b></td> <td bgcolor="#348781"><b><span style="color: white;">Medium Aquamarine</span></b></td></tr>
<tr> <td><b>Medium Sea Green</b></td><td><b>#306754</b></td> <td bgcolor="#306754"><b><span style="color: white;">Medium Sea Green</span></b></td></tr>
<tr> <td><b>Sea Green</b></td><td><b>#4E8975</b></td> <td bgcolor="#4e8975"><b><span style="color: white;">Sea Green</span></b></td></tr>
<tr><td><b>Dark Green</b></td><td><b>#254117</b></td> <td bgcolor="#254117"><b><span style="color: white;">Dark Green</span></b></td></tr>
<tr><td><b>Sea Green4</b></td><td><b>#387C44</b></td> <td bgcolor="#387c44"><b><span style="color: white;">Sea Green4</span></b></td></tr>
<tr><td><b>Forest Green</b></td><td><b>#4E9258</b></td><td bgcolor="#4e9258"><b><span style="color: white;">Forest Green</span></b></td></tr>
<tr> <td><b>Medium Forest Green</b></td><td><b>#347235</b></td> <td bgcolor="#347235"><b><span style="color: white;">Medium Forest Green</span></b></td></tr>
<tr> <td><b>Spring Green4</b></td><td><b>#347C2C</b></td> <td bgcolor="#347c2c"><b><span style="color: white;">Spring Green4</span></b></td></tr>
<tr> <td><b>Dark Olive Green4</b></td><td><b>#667C26</b></td> <td bgcolor="#667c26"><b><span style="color: white;">Dark Olive Green4</span></b></td></tr>
<tr> <td><b>Chartreuse4</b></td><td><b>#437C17</b></td> <td bgcolor="#437c17"><b><span style="color: white;">Chartreuse4</span></b></td></tr>
<tr> <td><b>Green4</b></td><td><b>#347C17</b></td><td bgcolor="#347c17"><b><span style="color: white;">Green4</span></b></td></tr>
<tr><td><b>Medium Spring Green</b></td><td><b>#348017</b></td> <td bgcolor="#348017"><b><span style="color: white;">Medium Spring Green</span></b></td></tr>
<tr><td><b>Spring Green</b></td><td><b>#4AA02C</b></td><td bgcolor="#4aa02c"><b><span style="color: white;">Spring Green</span></b></td></tr>
<tr> <td><b>Lime Green</b></td><td><b>#41A317</b></td> <td bgcolor="#41a317"><b><span style="color: white;">Lime Green</span></b></td></tr>
<tr><td><b>Spring Green</b></td><td><b>#4AA02C</b></td> <td bgcolor="#4aa02c"><b><span style="color: white;">Spring Green</span></b></td></tr>
<tr> <td><b>Dark Sea Green</b></td><td><b>#8BB381</b></td> <td bgcolor="#8bb381"><b><span style="color: white;">Dark Sea Green</span></b></td></tr>
<tr> <td><b>Dark Sea Green3</b></td><td><b>#99C68E</b></td> <td bgcolor="#99c68e"><b><span style="color: white;">Dark Sea Green3</span></b></td></tr>
<tr> <td><b>Green3</b></td><td><b>#4CC417</b></td><td bgcolor="#4cc417"><b><span style="color: white;">Green3</span></b></td></tr>
<tr><td><b>Chartreuse3</b></td><td><b>#6CC417</b></td> <td bgcolor="#6cc417"><b><span style="color: white;">Chartreuse3</span></b></td></tr>
<tr> <td><b>Yellow Green</b></td><td><b>#52D017</b></td> <td bgcolor="#52d017"><b><span style="color: white;">Yellow Green</span></b></td></tr>
<tr> <td><b>Spring Green3</b></td><td><b>#4CC552</b></td> <td bgcolor="#4cc552"><b><span style="color: white;">Spring Green3</span></b></td></tr>
<tr> <td><b>Sea Green3</b></td><td><b>#54C571</b></td> <td bgcolor="#54c571"><b><span style="color: white;">Sea Green3</span></b></td></tr>
<tr><td><b>Spring Green2</b></td><td><b>#57E964</b></td> <td bgcolor="#57e964"><b><span style="color: white;">Spring Green2</span></b></td></tr>
<tr> <td><b>Spring Green1</b></td><td><b>#5EFB6E</b></td> <td bgcolor="#5efb6e"><b><span style="color: white;">Spring Green1</span></b></td></tr>
<tr> <td><b>Sea Green2</b></td><td><b>#64E986</b></td> <td bgcolor="#64e986"><b><span style="color: white;">Sea Green2</span></b></td></tr>
<tr><td><b>Sea Green1</b></td><td><b>#6AFB92</b></td> <td bgcolor="#6afb92"><b><span style="color: white;">Sea Green1</span></b></td></tr>
<tr><td><b>Dark Sea Green2</b></td><td><b>#B5EAAA</b></td> <td bgcolor="#b5eaaa"><b><span style="color: white;">Dark Sea Green2</span></b></td></tr>
<tr> <td><b>Dark Sea Green1</b></td><td><b>#C3FDB8</b></td> <td bgcolor="#c3fdb8"><b><span style="color: white;">Dark Sea Green1</span></b></td></tr>
<tr> <td><b>Green</b></td><td><b>#00FF00</b></td><td bgcolor="#00ff00"><b><span style="color: white;">Green</span></b></td></tr>
<tr><td><b>Lawn Green</b></td><td><b>#87F717</b></td><td bgcolor="#87f717"><b><span style="color: white;">Lawn Green</span></b></td></tr>
<tr> <td><b>Green1</b></td><td><b>#5FFB17</b></td><td bgcolor="#5ffb17"><b><span style="color: white;">Green1</span></b></td></tr>
<tr><td><b>Green2</b></td><td><b>#59E817</b></td><td bgcolor="#59e817"><b><span style="color: white;">Green2</span></b></td></tr>
<tr><td><b>Chartreuse2</b></td><td><b>#7FE817</b></td> <td bgcolor="#7fe817"><b><span style="color: white;">Chartreuse2</span></b></td></tr>
<tr> <td><b>Chartreuse</b></td><td><b>#8AFB17</b></td> <td bgcolor="#8afb17"><b><span style="color: white;">Chartreuse</span></b></td></tr>
<tr><td><b>Green Yellow</b></td><td><b>#B1FB17</b></td> <td bgcolor="#b1fb17"><b><span style="color: white;">Green Yellow</span></b></td></tr>
<tr> <td><b>Dark Olive Green1</b></td><td><b>#CCFB5D</b></td> <td bgcolor="#ccfb5d"><b><span style="color: white;">Dark Olive Green1</span></b></td></tr>
<tr> <td><b>Dark Olive Green2</b></td><td><b>#BCE954</b></td> <td bgcolor="#bce954"><b><span style="color: white;">Dark Olive Green2</span></b></td></tr>
<tr> <td><b>Dark Olive Green3</b></td><td><b>#A0C544</b></td> <td bgcolor="#a0c544"><b><span style="color: white;">Dark Olive Green3</span></b></td></tr>
<tr> <td><b>Yellow</b></td><td><b>#FFFF00</b></td><td bgcolor="#ffff00"><b><span style="color: white;">Yellow</span></b></td></tr>
<tr><td><b>Yellow1</b></td><td><b>#FFFC17</b></td><td bgcolor="#fffc17"><b><span style="color: white;">Yellow1</span></b></td></tr>
<tr><td><b>Khaki1</b></td><td><b>#FFF380</b></td><td bgcolor="#fff380"><b><span style="color: white;">Khaki1</span></b></td></tr>
<tr><td><b>Khaki2</b></td><td><b>#EDE275</b></td><td bgcolor="#ede275"><b><span style="color: white;">Khaki2</span></b></td></tr>
<tr><td><b>Goldenrod</b></td><td><b>#EDDA74</b></td> <td bgcolor="#edda74"><b><span style="color: white;">Goldenrod</span></b></td></tr>
<tr><td><b>Gold2</b></td><td><b>#EAC117</b></td><td bgcolor="#eac117"><b><span style="color: white;">Gold2</span></b></td></tr>
<tr><td><b>Gold1</b></td><td><b>#FDD017</b></td><td bgcolor="#fdd017"><b><span style="color: white;">Gold1</span></b></td></tr>
<tr> <td><b>Goldenrod1</b></td><td><b>#FBB917</b></td> <td bgcolor="#fbb917"><b><span style="color: white;">Goldenrod1</span></b></td></tr>
<tr><td><b>Goldenrod2</b></td><td><b>#E9AB17</b></td> <td bgcolor="#e9ab17"><b><span style="color: white;">Goldenrod2</span></b></td></tr>
<tr><td><b>Gold</b></td><td><b>#D4A017</b></td><td bgcolor="#d4a017"><b><span style="color: white;">Gold</span></b></td></tr>
<tr> <td><b>Gold3</b></td><td><b>#C7A317</b></td><td bgcolor="#c7a317"><b><span style="color: white;">Gold3</span></b></td></tr>
<tr><td><b>Goldenrod3</b></td><td><b>#C68E17</b></td> <td bgcolor="#c68e17"><b><span style="color: white;">Goldenrod3</span></b></td></tr>
<tr><td><b>Dark Goldenrod</b></td><td><b>#AF7817</b></td> <td bgcolor="#af7817"><b><span style="color: white;">Dark Goldenrod</span></b></td></tr>
<tr> <td><b>Khaki</b></td><td><b>#ADA96E</b></td><td bgcolor="#ada96e"><b><span style="color: white;">Khaki</span></b></td></tr>
<tr><td><b>Khaki3</b></td><td><b>#C9BE62</b></td><td bgcolor="#c9be62"><b><span style="color: white;">Khaki3</span></b></td></tr>
<tr><td><b>Khaki4</b></td><td><b>#827839</b></td><td bgcolor="#827839"><b><span style="color: white;">Khaki4</span></b></td></tr>
<tr><td><b>Dark Goldenrod1</b></td><td><b>#FBB117</b></td> <td bgcolor="#fbb117"><b><span style="color: white;">Dark Goldenrod1</span></b></td></tr>
<tr> <td><b>Dark Goldenrod2</b></td><td><b>#E8A317</b></td> <td bgcolor="#e8a317"><b><span style="color: white;">Dark Goldenrod2</span></b></td></tr>
<tr> <td><b>Dark Goldenrod3</b></td><td><b>#C58917</b></td> <td bgcolor="#c58917"><b><span style="color: white;">Dark Goldenrod3</span></b></td></tr>
<tr><td><b>Sienna1</b></td><td><b>#F87431</b></td><td bgcolor="#f87431"><b><span style="color: white;">Sienna1</span></b></td></tr>
<tr><td><b>Sienna2</b></td><td><b>#E66C2C</b></td><td bgcolor="#e66c2c"><b><span style="color: white;">Sienna2</span></b></td></tr>
<tr> <td><b>Dark Orange</b></td><td><b>#F88017</b></td> <td bgcolor="#f88017"><b><span style="color: white;">Dark Orange</span></b></td></tr>
<tr> <td><b>Dark Orange1</b></td><td><b>#F87217</b></td> <td bgcolor="#f87217"><b><span style="color: white;">Dark Orange1</span></b></td></tr>
<tr> <td><b>Dark Orange2</b></td><td><b>#E56717</b></td> <td bgcolor="#e56717"><b><span style="color: white;">Dark Orange2</span></b></td></tr>
<tr> <td><b>Dark Orange3</b></td><td><b>#C35617</b></td> <td bgcolor="#c35617"><b><span style="color: white;">Dark Orange3</span></b></td></tr>
<tr><td><b>Sienna3</b></td><td><b>#C35817</b></td><td bgcolor="#c35817"><b><span style="color: white;">Sienna3</span></b></td></tr>
<tr><td><b>Sienna</b></td><td><b>#8A4117</b></td><td bgcolor="#8a4117"><b><span style="color: white;">Sienna</span></b></td></tr>
<tr><td><b>Sienna4</b></td><td><b>#7E3517</b></td><td bgcolor="#7e3517"><b><span style="color: white;">Sienna4</span></b></td></tr>
<tr><td><b>Indian Red4</b></td><td><b>#7E2217</b></td> <td bgcolor="#7e2217"><b><span style="color: white;">Indian Red4</span></b></td></tr>
<tr> <td><b>Dark Orange3</b></td><td><b>#7E3117</b></td> <td bgcolor="#7e3117"><b><span style="color: white;">Dark Orange3</span></b></td></tr>
<tr> <td><b>Salmon4</b></td><td><b>#7E3817</b></td><td bgcolor="#7e3817"><b><span style="color: white;">Salmon4</span></b></td></tr>
<tr><td><b>Dark Goldenrod4</b></td><td><b>#7F5217</b></td> <td bgcolor="#7f5217"><b><span style="color: white;">Dark Goldenrod4</span></b></td></tr>
<tr> <td><b>Gold4</b></td><td><b>#806517</b></td><td bgcolor="#806517"><b><span style="color: white;">Gold4</span></b></td></tr>
<tr><td><b>Goldenrod4</b></td><td><b>#805817</b></td> <td bgcolor="#805817"><b><span style="color: white;">Goldenrod4</span></b></td></tr>
<tr><td><b>Light Salmon4</b></td><td><b>#7F462C</b></td><td bgcolor="#7f462c"><b><span style="color: white;">Light Salmon4</span></b></td></tr>
<tr> <td><b>Chocolate</b></td><td><b>#C85A17</b></td> <td bgcolor="#c85a17"><b><span style="color: white;">Chocolate</span></b></td></tr>
<tr><td><b>Coral3</b></td><td><b>#C34A2C</b></td><td bgcolor="#c34a2c"><b><span style="color: white;">Coral3</span></b></td></tr>
<tr><td><b>Coral2</b></td><td><b>#E55B3C</b></td><td bgcolor="#e55b3c"><b><span style="color: white;">Coral2</span></b></td></tr>
<tr><td><b>Coral</b></td><td><b>#F76541</b></td><td bgcolor="#f76541"><b><span style="color: white;">Coral</span></b></td></tr>
<tr><td><b>Dark Salmon</b></td><td><b>#E18B6B</b></td> <td bgcolor="#e18b6b"><b><span style="color: white;">Dark Salmon</span></b></td></tr>
<tr> <td><b>Salmon1</b></td><td><b>#F88158</b></td><td bgcolor="#f88158"><b><span style="color: white;">Pale Turquoise4</span></b></td></tr>
<tr> <td><b>Salmon2</b></td><td><b>#E67451</b></td><td bgcolor="#e67451"><b><span style="color: white;">Salmon2</span></b></td></tr>
<tr><td><b>Salmon3</b></td><td><b>#C36241</b></td><td bgcolor="#c36241"><b><span style="color: white;">Salmon3</span></b></td></tr>
<tr><td><b>Light Salmon3</b></td><td><b>#C47451</b></td><td bgcolor="#c47451"><b><span style="color: white;">Light Salmon3</span></b></td></tr>
<tr><td><b>Light Salmon2</b></td><td><b>#E78A61</b></td><td bgcolor="#e78a61"><b><span style="color: white;">Light Salmon2</span></b></td></tr>
<tr><td><b>Light Salmon</b></td><td><b>#F9966B</b></td><td bgcolor="#f9966b"><b><span style="color: white;">Light Salmon</span></b></td></tr>
<tr> <td><b>Sandy Brown</b></td><td><b>#EE9A4D</b></td> <td bgcolor="#ee9a4d"><b><span style="color: white;">Sandy Brown</span></b></td></tr>
<tr> <td><b>Hot Pink</b></td><td><b>#F660AB</b></td> <td bgcolor="#f660ab"><b><span style="color: white;">Hot Pink</span></b></td></tr>
<tr><td><b>Hot Pink1</b></td><td><b>#F665AB</b></td> <td bgcolor="#f665ab"><b><span style="color: white;">Hot Pink1</span></b></td></tr>
<tr><td><b>Hot Pink2</b></td><td><b>#E45E9D</b></td> <td bgcolor="#e45e9d"><b><span style="color: white;">Hot Pink2</span></b></td></tr>
<tr><td><b>Hot Pink3</b></td><td><b>#C25283</b></td> <td bgcolor="#c25283"><b><span style="color: white;">Hot Pink3</span></b></td></tr>
<tr><td><b>Hot Pink4</b></td><td><b>#7D2252</b></td> <td bgcolor="#7d2252"><b><span style="color: white;">Hot Pink4</span></b></td></tr>
<tr><td><b>Light Coral</b></td><td><b>#E77471</b></td><td bgcolor="#e77471"><b><span style="color: white;">Light Coral</span></b></td></tr>
<tr> <td><b>Indian Red1</b></td><td><b>#F75D59</b></td> <td bgcolor="#f75d59"><b><span style="color: white;">Indian Red1</span></b></td></tr>
<tr> <td><b>Indian Red2</b></td><td><b>#E55451</b></td> <td bgcolor="#e55451"><b><span style="color: white;">Indian Red2</span></b></td></tr>
<tr> <td><b>Indian Red3</b></td><td><b>#C24641</b></td> <td bgcolor="#c24641"><b><span style="color: white;">Indian Red3</span></b></td></tr>
<tr> <td><b>Red</b></td><td><b>#FF0000</b></td><td bgcolor="#ff0000"><b><span style="color: white;">Red</span></b></td></tr>
<tr><td><b>Red1</b></td><td><b>#F62217</b></td><td bgcolor="#f62217"><b><span style="color: white;">Red1</span></b></td></tr>
<tr><td><b>Red2</b></td><td><b>#E41B17</b></td><td bgcolor="#e41b17"><b><span style="color: white;">Red2</span></b></td></tr>
<tr><td><b>Firebrick1</b></td><td><b>#F62817</b></td><td bgcolor="#f62817"><b><span style="color: white;">Firebrick1</span></b></td></tr>
<tr><td><b>Firebrick2</b></td><td><b>#E42217</b></td><td bgcolor="#e42217"><b><span style="color: white;">Firebrick2</span></b></td></tr>
<tr><td><b>Firebrick3</b></td><td><b>#C11B17</b></td><td bgcolor="#c11b17"><b><span style="color: white;">Firebrick3</span></b></td></tr>
<tr><td><b>Pink</b></td><td><b>#FAAFBE</b></td><td bgcolor="#faafbe"><b><span style="color: white;">Pink</span></b></td></tr>
<tr><td><b>Rosy Brown1</b></td><td><b>#FBBBB9</b></td> <td bgcolor="#fbbbb9"><b><span style="color: white;">Rosy Brown1</span></b></td></tr>
<tr> <td><b>Rosy Brown2</b></td><td><b>#E8ADAA</b></td> <td bgcolor="#e8adaa"><b><span style="color: white;">Rosy Brown2</span></b></td></tr>
<tr> <td><b>Pink2</b></td><td><b>#E7A1B0</b></td><td bgcolor="#e7a1b0"><b><span style="color: white;">Pink2</span></b></td></tr>
<tr><td><b>Light Pink</b></td><td><b>#FAAFBA</b></td><td bgcolor="#faafba"><b><span style="color: white;">Light Pink</span></b></td></tr>
<tr><td><b>Light Pink1</b></td><td><b>#F9A7B0</b></td><td bgcolor="#f9a7b0"><b><span style="color: white;">Light Pink1</span></b></td></tr>
<tr><td><b>Light Pink2</b></td><td><b>#E799A3</b></td><td bgcolor="#e799a3"><b><span style="color: white;">Light Pink2</span></b></td></tr>
<tr> <td><b>Pink3</b></td><td><b>#C48793</b></td><td bgcolor="#c48793"><b><span style="color: white;">Pink3</span></b></td></tr>
<tr><td><b>Rosy Brown3</b></td><td><b>#C5908E</b></td> <td bgcolor="#c5908e"><b><span style="color: white;">Rosy Brown3</span></b></td></tr>
<tr> <td><b>Rosy Brown</b></td><td><b>#B38481</b></td> <td bgcolor="#b38481"><b><span style="color: white;">Rosy Brown</span></b></td></tr>
<tr><td><b>Light Pink3</b></td><td><b>#C48189</b></td><td bgcolor="#c48189"><b><span style="color: white;">Light Pink3</span></b></td></tr>
<tr> <td><b>Rosy Brown4</b></td><td><b>#7F5A58</b></td> <td bgcolor="#7f5a58"><b><span style="color: white;">Rosy Brown4</span></b></td></tr>
<tr><td><b>Light Pink4</b></td><td><b>#7F4E52</b></td><td bgcolor="#7f4e52"><b><span style="color: white;">Light Pink4</span></b></td></tr>
<tr> <td><b>Pink4</b></td><td><b>#7F525D</b></td><td bgcolor="#7f525d"><b><span style="color: white;">Pink4</span></b></td></tr>
<tr><td><b>Lavendar Blush4</b></td><td><b>#817679</b></td><td bgcolor="#817679"><b><span style="color: white;">Lavendar Blush4</span></b></td></tr>
<tr><td><b>Light Goldenrod4</b></td><td><b>#817339</b></td><td bgcolor="#817339"><b><span style="color: white;">Light Goldenrod4</span></b></td></tr>
<tr><td><b>Lemon Chiffon4</b></td><td><b>#827B60</b></td><td bgcolor="#827b60"><b><span style="color: white;">Lemon Chiffon4</span></b></td></tr>
<tr><td><b>Lemon Chiffon3</b></td><td><b>#C9C299</b></td><td bgcolor="#c9c299"><b><span style="color: white;">Lemon Chiffon3</span></b></td></tr>
<tr><td><b>Light Goldenrod3</b></td><td><b>#C8B560</b></td><td bgcolor="#c8b560"><b><span style="color: white;">Light Goldenrod3</span></b></td></tr>
<tr><td><b>Light Golden2</b></td><td><b>#ECD672</b></td><td bgcolor="#ecd672"><b><span style="color: white;">Light Golden2</span></b></td></tr>
<tr><td><b>Light Goldenrod</b></td><td><b>#ECD872</b></td><td bgcolor="#ecd872"><b><span style="color: white;">Light Goldenrod</span></b></td></tr>
<tr><td><b>Light Goldenrod1</b></td><td><b>#FFE87C</b></td><td bgcolor="#ffe87c"><b><span style="color: white;">Light Goldenrod1</span></b></td></tr>
<tr><td><b>Lemon Chiffon2</b></td><td><b>#ECE5B6</b></td><td bgcolor="#ece5b6"><b><span style="color: white;">Lemon Chiffon2</span></b></td></tr>
<tr><td><b>Lemon Chiffon</b></td><td><b>#FFF8C6</b></td><td bgcolor="#fff8c6"><b><span style="color: white;">Lemon Chiffon</span></b></td></tr>
<tr><td><b>Light Goldenrod Yellow</b></td><td><b>#FAF8CC</b></td><td bgcolor="#faf8cc"><b><span style="color: white;">Light Goldenrod Yellow</span></b></td></tr>
</tbody></table>Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com3tag:blogger.com,1999:blog-3865666885036770997.post-80725380091599186892011-02-22T05:15:00.000-08:002011-02-22T05:15:40.096-08:00Cara Membuat Text Area Berbentu HighLight (Copy Semua)<span class="awal">A</span>da variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol <i><b>highlight</b></i>. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada didalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna takkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy.<br />
jika sobat blogger membutuhkannya, silahkan kopi kode script berikut ini baik di sideabr blog dan postingan blog.<br />
<br />
<a name='more'></a><br />
<br />
Berikut Kode <i>Script</i>nya:<br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;"><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="<b style="color: lime;">Highlight All</b>"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><br />
<div style="color: red;"><b>Selamat datang di blog TIPS dan TRIK BLOG. Blog ini merupakan blog yang memberikan berbagi tips dan trik dalam mengelola blog.....(Isikan Teks/kode Disini)</b></div></textarea></p></div></form></div>Ganti tulisan berwarna <b style="color: red;">merah</b> dengan tulisan/kode anda.<br />
Tulisan "<b><span style="color: lime;">HighLight</span></b> <b style="color: lime;">All</b>" bisa anda ganti dengan keinginan anda. Seperti <i>Blok Semua</i>. <br />
Maka tampilannya akan tampak seperti ini:<br />
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Blok Semua" /> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Selamat datang di blog TIPS dan TRIK BLOG. Blog ini merupakan blog yang memberikan berbagi tips dan trik dalam mengelola blog.....(Isikan Teks/kode Disini)</textarea></div></form></div>Nah jika sobat blogger tertarik, silahkkan kopi kode scriptnya, lalu letakkan pada blog anda. Beres kan?<br />
Selamat mencoba yah!<br />
Semoga berhasil. Salam blogger.Karta_Jayahttp://www.blogger.com/profile/11530855963690057316noreply@blogger.com6