tag:blogger.com,1999:blog-36384977618586725772024-02-19T00:32:03.226-08:00™Trik Blog™tips blog,trik blog,html blog,gadget blog,tutorial blog,blog tempelate,seoavira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-3638497761858672577.post-30780313520859903672012-03-13T18:43:00.000-07:002012-03-13T18:43:15.916-07:00Scrolling Text - Marquee HTML Code<div dir="ltr" style="text-align: left;" trbidi="on">This HTML term Marquee is used to create a scrolling or sliding text. The text can move across the screen horizontally or vertically at a certain speed determined by you. Note, however, that while it looks nice to have scrolling announcements, advertisements, quotations, or links, having too much animation in your Blog may distract and irritate your readers. We had earlier created a line of scrolling text in the Header of our <a href="http://quotes-motivational-inspirational.blogspot.com/" target="_blank">Quotes Blog</a> to let you have an idea what you can do for your Blog. Also, animated tags like this are not W3C-compliant. Microsoft came up with the marquee tag and while most browsers support it, W3 did not accept it. We shall be discussing this in later articles on CSS3 and JavaScript alternatives.<br />
<a name='more'></a><br />
<br />
For this tutorial, we begin with a short explanation of what the attributes do before giving you examples of how these attributes can be applied.<br />
<br />
<span style="color: #339999; font-weight: bold;">Marquee Attributes</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">behavior="<span style="color: red;">scroll</span>"<br />
behavior="<span style="color: red;">alternate</span>"<br />
behavior="<span style="color: red;">slide</span>"</div></th></tr>
</tbody></table><br />
<br />
This defines how the text will move. The default is Scroll. If the behavior is not specified, the text scrolls by moving from one end to another. Where the behavior is Alternate, the text will move back and forth. The Slide seems to have the same effect as Scroll in Firefox browser. In Internet Explorer, the text under Slide may move to one end and stop.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">direction="<span style="color: red;">left</span>"<br />
direction="<span style="color: red;">right</span>"<br />
direction="<span style="color: red;">up</span>"<br />
direction="<span style="color: red;">down</span>"</div></th></tr>
</tbody></table><br />
<br />
The default is "left", meaning that if no direction is specified, the text will move from right to left.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">loop="<span style="color: red;">3</span>"</div></th></tr>
</tbody></table><br />
<br />
This sets the number of times the marquee will scroll. For example, in Internet Explorer, if the number is 3, the text will scroll 3 times and stop. This command might be ignored by Firefox and the text continues to scroll. For both browsers, if no value is specified or if this attribute is omitted, the marquee will scroll or loop continuously.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">scrollamount="<span style="color: red;">1</span>"</div></th></tr>
</tbody></table><br />
<br />
This is the amount of scrolling (in pixels). If the number is 1, the text moves by 1 pixel each time and therefore scrolls at a slow pace. If this attribute is not stated, the default value is 6. The <span style="font-style: italic;">higher</span> the number, the <span style="font-style: italic;">faster</span> the text scrolls.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">scrolldelay="<span style="color: red;">100</span>"</div></th></tr>
</tbody></table><br />
<br />
This is used to set the interval between each scroll movement in milliseconds. The default value is 85. Here, the <span style="font-style: italic;">higher</span> the value, the <span style="font-style: italic;">slower</span> the text scrolls. A value that is smaller than 60 would be ignored and replaced by the value 60. In Internet Explorer, if you really want the text to zoom at lightning speed, you can set a small delay like 20 and specify the truespeed attribute as true (see below).<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">truespeed="<span style="color: red;">true</span>"<br />
truespeed="<span style="color: red;">false</span>"</div></th></tr>
</tbody></table><br />
<br />
This tells the browser whether or not to stick to the scrolldelay values lower than 60 that you have set. The default value is false and the browser will ignore values less than 60. Set it as true if you want the browser to adhere to the low scrolldelay value and have the text scroll very fast.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">bgcolor: rgb(255,0,0)">#XXXXXX"</div></th></tr>
</tbody></table><br />
<br />
Should you want a background color for the scrolling text, you can specify the color code into <span style="color: red;">#XXXXXX</span>. You may refer to the <a href="http://tips-for-new-bloggers.blogspot.com/2007/02/hexadecimal-html-color-codes-and-names.html" target="_blank">HTML Color Code Chart</a> for the color codes.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">height="<span style="color: red;">50px</span>"<br />
height="<span style="color: red;">80%</span>"</div></th></tr>
</tbody></table><br />
<br />
You can specify the height of the marquee box in pixels or percentage value. The default value is the height of the contained text.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">width="<span style="color: red;">200px</span>"<br />
width="<span style="color: red;">80%</span>"</div></th></tr>
</tbody></table><br />
<br />
Similarly, you can set the width of the marquee box in pixels or percentage value. The default width is the width of the frame that the marquee appears in.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">vspace="<span style="color: red;">20px</span>"<br />
vspace="<span style="color: red;">80%</span>"</div></th></tr>
</tbody></table><br />
<br />
In Internet Explorer, you can set the <span style="font-style: italic;">top</span> and <span style="font-style: italic;">bottom</span> margins outside the scrolling text by stating a vspace (vertical space) margin in pixels or percentage value.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left">hspace="<span style="color: red;">20px</span>"<br />
hspace="<span style="color: red;">80%</span>"</div></th></tr>
</tbody></table><br />
<br />
You can also set the <span style="font-style: italic;">left</span> and <span style="font-style: italic;">right </span>margins outside the scrolling text by stating a hspace (horizontal space) margin either in pixels or percentage value.<br />
<br />
<span style="color: #339999; font-weight: bold;">Where to place the marquee code</span><br />
<br />
You can place the scrolling text either in your Header, Footer, Sidebar, or blog post.<br />
<br />
To have it above or below the Header or Blog Posts, see that you are able to Add Page Element in the Header and Post Body.<br />
<br />
Go to Template -> Page Elements -> Add a Page Element, select HTML/JavaScript to add the marquee code.<br />
<br />
If you want the text to be in your Posts, just like what you see in this post, see that you are in the “Edit HTML” mode and not “Compose” mode when you add the marquee code.<br />
<br />
<span style="color: #339999; font-weight: bold;">Marquee HTML Code</span><br />
<br />
The basic code to add is this:-<br />
<span style="font-weight: bold;"><br />
Example 1</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><marquee bgcolor="#ffffcc">Text scrolls from right to left by default.</marquee></div></th></tr>
</tbody></table><br />
<br />
Text scrolls from right to left by default.<br />
<br />
Notice that by default, the text scrolls from right to left, and it loops continuously. You can of course change the background color by specifying the <a href="http://avirablog.blogspot.com/2012/03/html-color-code-chart.html" target="_blank">Hexadecimal color code</a> under bgcolor.<br />
<br />
<span style="font-weight: bold;">Further Examples</span> of the Marquee code, applying the attributes discussed above:-<br />
<br />
<span style="font-weight: bold;">Example 2</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><marquee behavior="alternate" width="80%" bgcolor="#ffffcc">Bouncing text using the alternate behavior.</marquee></div></th></tr>
</tbody></table><br />
<br />
Bouncing text using the alternate behavior.<br />
<br />
Here, the text bounces from one side to the other and the width of the text box has been reduced to 80%.<br />
<br />
<span style="font-weight: bold;">Example 3</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><marquee scrolldelay="150" direction="up" width="300px" height="100px" bgcolor="#ffffcc">Text scrolls upwards.<br />
<br />
For the text to appear in the next line, add this tag <p></p> after the previous line.</marquee></div></th></tr>
</tbody></table><br />
<br />
Text scrolls upwards. For the text to appear in the next line, add this tag <p></p> after the previous line.<br />
<br />
The scrolldelay has been set at 150. Increase this value if you want a slower speed.<br />
<span style="font-weight: bold;"><br />
Example 4</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><marquee hspace="50%" direction="down" scrollamount="2" height="100px" bgcolor="#ffffcc">Text scrolls downwards.<br />
<br />
For the text to appear in the next line, add this tag <p></p> after the previous line.</marquee></div></th></tr>
</tbody></table><br />
<br />
Text scrolls downwards. For the text to appear in the next line, add this tag <p></p> after the previous line.<br />
<br />
In this example, we use scrollamount to control the speed. The higher the value, the faster the speed. In Internet Explorer, you will see the left and right margins set under hspace.<br />
<br />
<span style="color: #339999; font-weight: bold;">Change Font style and Color of text</span><br />
<br />
Notice in the above examples that the text is black. If you want a different color or style for your text, you can set the style of the text before the marquee code. Here are some examples:-<br />
<br />
<span style="font-weight: bold;">Example 5</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="color:#F6358A; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#333333">Text scrolls from left to right.</marquee></span></div></th></tr>
</tbody></table><br />
<br />
<span style="color: #f6358a; font-weight: bold;">Text scrolls from left to right.</span><br />
<br />
What we have done here is to specify a color for the text. You can look up the Color Code Chart for more colors.<br />
<br />
<span style="font-weight: bold;">Example 6</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="color:#6AFB92; font-size:xx-large; font-family:fantasy; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#333333">Text scrolls from left to right.</marquee></span></div></th></tr>
</tbody></table><br />
<br />
<span style="color: #6afb92; font-family: fantasy; font-size: x-large; font-weight: bold;">Text scrolls from left to right.</span><br />
<br />
You can set the font-family for the text. It can be a generic font like cursive, serif, monospace, fantasy and so on. It can also be a specific font family like times, arial, courier, verdana, etc. You can state the font-size as xx-small, x-small, small, smaller, xx-large, x-large, large, larger, or a percentage value.<br />
<br />
<span style="color: #ff6600; font-weight: bold;">Update:</span><br />
<br />
<span style="color: #339999; font-weight: bold;">Pause/Stop and Start a Scroll</span><br />
<br />
Readers have asked whether the scrolling text can be paused when a visitor moves his mouse cursor over the text. This is useful when he wants to read the text or click a link with the text. To start and start a marquee, the additional arguments used are the "onmouseover" and "onmouseout" events to add a simple JavaScript. It will pause the scrolling text when the mouse is over it and resume the scroll when the mouse leaves the text.<br />
<br />
<span style="font-weight: bold;">Example 7</span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Scrolling Text - Marquee HTML Code"><tbody>
<tr><th scope="col" width="332"><div align="left"><marquee bgcolor="#ffffcc" <span style="color: #3333ff;">onmouseover="this.stop()" onmouseout="this.start()"</span>>Text scroll pauses when the mouse hovers over it and starts again when the mouse is moved out of the text.</marquee></div></th></tr>
</tbody></table><br />
<br />
Text scroll pauses when the mouse hovers over it and starts again when the mouse is moved out of the text.<br />
<br />
<span style="color: #339999; font-weight: bold;"></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-1903292223410779692012-03-13T18:38:00.000-07:002012-03-13T18:38:20.185-07:00Images not shown in Internet Explorer<div dir="ltr" style="text-align: left;" trbidi="on"> <span class="" id="result_box" lang="id"><span class="hps">Kadang-kadang,</span> <span class="hps">foto, gambar</span><span>, gambar atau</span> <span class="hps">grafis tidak</span> <span class="hps">menampilkan atau</span> <span class="hps">menampilkan dalam</span> <span class="hps">situs web</span> <span class="hps">di Internet Explorer</span> <span class="hps atn">("</span><span>IE</span><span>")</span> <span class="hps">browser atau</span> <span class="hps">email</span> <span class="hps">di MS</span> <span class="hps">Outlook Express.</span> <span class="hps">Sebaliknya</span><span>, di mana</span> <span class="hps">gambar</span> <span class="hps">seharusnya,</span> <span class="hps">ada</span> <span class="hps">X</span> <span class="hps">Merah atau</span> <span class="hps">placeholder.</span></span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57_nugvUSULTJ8BsfBuSi3ob3gCYfUydjTJwXj9lkBJnYtmCdqn45wcRXzR5ygFGodZEvwccmWyLqLcu_7so1T77-xYNGOKFX8_jcbo8viGHtZbRFo3nNmwJpHi-ALP_ReOoJXl8IpwA/s1600-h/red+x+001.gif" title="Images not shown in Internet Explorer"><img alt="Images not shown in Internet Explorer" border="0" id="BLOGGER_PHOTO_ID_5101867371740052850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57_nugvUSULTJ8BsfBuSi3ob3gCYfUydjTJwXj9lkBJnYtmCdqn45wcRXzR5ygFGodZEvwccmWyLqLcu_7so1T77-xYNGOKFX8_jcbo8viGHtZbRFo3nNmwJpHi-ALP_ReOoJXl8IpwA/s400/red+x+001.gif" style="cursor: pointer;" /></a><div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps"><a name='more'></a>Beberapa faktor</span> <span class="hps">bisa menyebabkan</span> <span class="hps">masalah ini</span> <span class="hps">gambar</span> <span class="hps">tidak ditampilkan</span> <span class="hps">di IE.</span> <span class="hps">Dalam panduan</span> <span class="hps">Bantuan,</span> <span class="hps">kita akan melihat</span> <span class="hps">alasan-alasan</span> <span class="hps">dan solusi</span> <span class="hps">untuk menampilkan gambar</span> <span class="hps">di IE.</span> <span class="hps">Beberapa penyebab</span> <span class="hps">yang mungkin</span> <span class="hps">hanya dapat</span> <span class="hps">diselesaikan oleh</span> <span class="hps">webmaster.</span> <span class="hps">Jika Anda adalah seorang</span> <span class="hps">pemilik sebuah</span> <span class="hps">Blog atau</span> <span class="hps">seorang webmaster,</span> <span class="hps">tips ini</span> <span class="hps">mungkin berguna</span> <span class="hps">untuk dicatat</span> <span class="hps">ketika Anda</span> <span class="hps">meng-upload</span> <span class="hps">gambar ke</span> <span class="hps">blog</span> <span class="hps">atau halaman Web Anda</span><span>.</span></span></div></div></div></div><br />
<span style="color: #339999; font-weight: bold;">1. Image type not supported by IE</span><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Bila Anda melihat</span> <span class="hps">X</span> <span class="hps">merah atau</span> <span class="hps">placeholder</span><span>, klik kanan</span> <span class="hps">di atasnya</span> <span class="hps">untuk melihat</span> <span class="hps">"Properties"</span> <span class="hps">dari gambar.</span> <span class="hps">Lihatlah</span> <span class="hps">"Type"</span> <span class="hps">gambar dan</span> <span class="hps">"Alamat</span> <span class="hps">(URL</span><span>").</span> <span class="hps">IE</span> <span class="hps">mendukung</span> <span class="hps">gambar dengan</span> <span class="hps">seni,</span><span>.</span><span>.</span> <span class="hps">Avi,</span><span>.</span> <span class="hps">Bmp,</span><span>.</span> <span class="hps">Ggl</span><span>, gif,</span><span>.</span> <span class="hps">Jpeg,</span><span>.</span><span>.</span> <span class="hps">Jpg,.</span> <span class="hps">Mov,</span><span>.</span> <span class="hps">Mpeg,</span><span>.</span> <span class="hps">Mpg</span><span>,</span><span class="">.</span> <span class="hps">Png,</span><span>.</span> <span class="hps">WMF</span><span>,</span> <span class="hps">XBM</span> <span class="hps">dan ekstensi</span><span>.</span><span>.</span> <span class="hps">Sebagai seorang webmaster,</span> <span class="hps">jika Anda harus</span> <span class="hps">menempatkan</span> <span class="hps">gambar pada website Anda</span><span>, cobalah</span> <span class="hps">untuk tetap pada</span> <span class="hps">format gambar</span> <span class="hps">biasa atau</span> <span class="hps">memiliki gambar</span> <span class="hps">alternatif dalam</span> <span class="hps">format ini.</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">2. “Show Pictures” option in IE not selected</span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Jika Anda menggunakan</span> <span class="hps">IE 7,</span> <span class="hps">di Tools -</span> <span class="hps">Internet Options</span><span>></span> <span class="hps">-</span><span>> tab</span> <span class="hps">Advanced,</span> <span class="hps">ada</span> <span class="hps">sebuah opsi bernama</span> <span class="hps">"gambar</span> <span class="hps">Tampilkan</span><span>" di bawah</span> <span class="hps">"Multimedia</span><span>" pos.</span> <span class="hps">Pilih opsi ini</span> <span class="hps">dan</span> <span class="hps">tekan OK untuk menyimpan</span> <span class="hps">perubahan.</span> <span class="hps">Pada versi</span> <span class="hps">IE</span> <span class="hps">lain,</span> <span class="hps">pilihan</span> <span class="hps">bisa jatuh</span> <span class="hps">di bawah</span> <span class="hps">judul</span> <span class="hps">yang berbeda.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">3. Scripts disabled in IE</span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Webmaster</span> <span class="hps">dapat menggunakan</span> <span class="hps">script</span> <span class="hps">Aktif,</span> <span class="hps">Scriptlets</span><span>,</span> <span class="hps">applet</span> <span class="hps">Java,</span> <span class="hps">kontrol ActiveX,</span> <span class="hps">atau cookie</span> <span class="hps">untuk menampilkan</span> <span class="hps">gambar</span> <span class="hps">di situs mereka.</span> <span class="hps">Jika pengaturan</span> <span class="hps">keamanan di</span> <span class="hps">browser IE</span> <span class="hps">diatur ke</span> <span class="hps">"High</span><span>",</span> <span class="hps">beberapa fitur tersebut dapat</span> <span class="hps">diblokir.</span> <span class="hps">Untuk mengaktifkannya,</span> <span class="hps">pergi ke Tools -</span> <span class="hps">Internet Options</span><span>></span> <span class="hps">-></span> <span class="hps">tab Keamanan.</span> <span class="hps">Lihat</span> <span class="hps">"Internet</span><span>" zona</span> <span class="hps atn">dan di bawah "</span><span>Tingkat keamanan</span> <span class="hps">untuk zona</span> <span class="hps">ini"</span> <span class="hps atn">mengubahnya menjadi "</span><span>Medium"</span> <span class="hps atn">atau "</span><span>Sedang</span><span class="atn">-</span><span>tinggi".</span> <span class="hps">Anda juga</span> <span class="hps">dapat mengatur ulang</span> <span class="hps">zona untuk</span> <span class="hps">tingkat</span> <span class="hps">"Default"</span><span>.</span> <span class="hps">Demikian juga,</span> <span class="hps">di Tools -</span> <span class="hps">Internet Options</span><span class="">></span> <span class="hps">-></span> <span class="hps">tab</span> <span class="hps">Privasi</span> <span class="hps">di mana Anda</span> <span class="hps">menentukan pengaturan</span> <span class="hps">cookie</span><span class="">, Anda</span> <span class="hps">dapat menetapkan ke</span> <span class="hps">tingkat</span> <span class="hps">"Default"</span><span>.</span> <span class="hps">Klik OK untuk menyimpan</span><span>.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">4. Scripts disabled by Firewall</span><br />
<span class="" id="result_box" lang="id"><span class="hps">Selain</span> <span class="hps">IE,</span> <span class="hps">konfigurasi</span> <span class="hps">dalam program</span> <span class="hps">Firewall</span> <span class="hps atn">Anda (</span><span>Norton</span> <span class="hps">Personal Firewall</span><span>,</span> <span class="hps">ZoneAlarm</span><span>, McAfee</span><span>, BitDefender</span><span>, dll)</span> <span class="hps">mungkin telah menonaktifkan</span> <span class="hps">beberapa</span> <span class="hps">script.</span> <span class="hps">Menampilkan file</span> <span class="hps">bantuan</span> <span class="hps">program yang Anda</span> <span class="hps">gunakan dan ikuti</span> <span class="hps">instruksi mereka</span> <span class="hps">untuk mengaktifkan</span> <span class="hps">beberapa</span> <span class="hps">script.</span> <span class="hps">Untuk alasan ini</span><span>, webmaster</span> <span class="hps">harus menghindari penggunaan</span> <span class="hps">script</span> <span class="hps">terlalu banyak</span> <span class="hps">untuk</span> <span class="hps">isi utama</span> <span class="hps">situs.</span> <span class="hps">Pertimbangkan untuk menambahkan</span> <span class="hps">teks menggunakan</span> <span class="hps">tag</span> <span class="hps"><noscript></span> <span class="hps">untuk memenuhi</span> <span class="hps">mereka yang memiliki</span> <span class="hps">script</span> <span class="hps">dinonaktifkan.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">5. Web bugs</span><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Hati-hati saat</span> <span class="hps">Anda mengkonfigurasi</span> <span class="hps">pengaturan di atas</span><span>.</span> <span class="hps">Halaman web yang Anda</span> <span class="hps">lihat atau</span> <span class="hps">email yang Anda terima</span> <span class="hps">kadang-kadang</span> <span class="hps">dapat mengandung</span> <span class="hps">web bug</span> <span class="hps">tersembunyi.</span> <span class="hps">Ini biasanya</span> <span class="hps">grafis</span> <span class="hps">kecil kecil</span> <span class="hps">1px</span> <span class="hps">oleh</span> <span class="hps">1px</span> <span class="hps">bahwa</span> <span class="hps">statistik pengguna</span> <span class="hps">track</span> <span class="hps">seperti lokasi</span><span>, penggunaan,</span> <span class="hps">halaman yang dikunjungi</span><span>, atau apakah</span> <span class="hps">email</span> <span class="hps">sudah dibaca.</span> <span class="hps">Hal ini</span> <span class="hps">bahkan digunakan dalam</span> <span class="hps">organisasi dan perusahaan</span> <span class="hps">untuk mengetahui</span> <span class="hps">berapa kali</span> <span class="hps">sebuah pesan akan</span> <span class="hps">diteruskan</span> <span class="hps">atau dibaca oleh</span> <span class="hps">staf.</span> <span class="hps">Mereka tidak</span> <span class="hps">menjadi ancaman</span> <span class="hps">utama,</span> <span class="hps">tetapi</span> <span class="hps">ada orang-orang</span> <span class="hps">yang tidak suka</span> <span class="hps">ini</span> <span class="hps">pelanggaran</span> <span class="hps">privasi.</span> <span class="hps">Mengambil posisi dan</span> <span class="hps">mengkonfigurasi</span> <span class="hps">keamanan</span> <span class="hps">dan pengaturan</span> <span class="hps">privasi</span> <span class="hps">sesuai.</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">6. Images blocked in Outlook Express</span><br />
<span class="" id="result_box" lang="id"><span class="hps">Kami</span> <span class="hps">menyentuh</span> <span class="hps">sebentar pada</span> <span class="hps">masalah</span> <span class="hps">gambar</span> <span class="hps">tidak ditampilkan</span> <span class="hps">di program email</span> <span class="hps">Outlook Express</span><span>.</span> <span class="hps">Bila Anda berada di</span> <span class="hps">Outlook Express,</span> <span class="hps">pergi ke Tools</span> <span class="hps">-> Options</span> <span class="hps">-></span> <span class="hps">Security dan</span> <span class="hps">Anda akan melihat</span> <span class="hps">"Download</span> <span class="hps">Gambar"</span> <span class="hps">konfigurasi.</span> <span class="hps">Jika Anda ingin</span> <span class="hps">melihat gambar</span> <span class="hps">di email</span> <span class="hps">Anda, jangan</span> <span class="hps">centang</span> <span class="hps">"gambar</span> <span class="hps">Block dan</span> <span class="hps">konten eksternal</span> <span class="hps">lainnya</span> <span class="hps">dalam HTML</span> <span class="hps">e-mail</span><span class="">" pilihan.</span> <span class="hps">Klik OK</span> <span class="hps">dan simpan</span> <span class="hps">perubahan.</span> <span class="hps">Sekarang Anda</span> <span class="hps">harus dapat</span> <span class="hps">melihat gambar</span> <span class="hps">di Outlook</span> <span class="hps">dan tidak</span> <span class="hps">melihat simbol</span> <span class="hps">X merah</span><span class="">.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">7. Images not sent in Outlook Express</span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Juga,</span> <span class="hps">jika Anda mengirim</span> <span class="hps">email dengan</span> <span class="hps">gambar,</span> <span class="hps">Anda bisa</span> <span class="hps">telah menonaktifkan</span> <span class="hps">gambar-gambar ini</span> <span class="hps">di konfigurasi.</span> <span class="hps">Mereka yang menerima</span> <span class="hps">email Anda hanya</span> <span class="hps">akan melihat</span> <span class="hps">X</span> <span class="hps">merah atau</span> <span class="hps">penampung</span> <span class="hps">daripada</span> <span class="hps">gambar.</span> <span class="hps">Solusi untuk ini</span> <span class="hps">adalah pergi ke</span> <span class="hps">Outlook Express</span> <span class="hps">Tools -></span> <span class="hps">Options -</span><span>> Kirim</span> <span class="hps">tab.</span> <span class="hps">"Mail</span> <span class="hps">Format</span> <span class="hps">Mengirim</span><span class="atn">" harus "</span><span>HTML"</span> <span class="hps atn">dan bukan "</span><span>Plain Text</span><span>".</span> <span class="hps">Klik</span> <span class="hps">"Pengaturan</span> <span class="hps">HTML</span><span>" tombol</span> <span class="hps">dan periksa</span> <span class="hps">kotak di samping</span> <span class="hps">Klik OK untuk menyimpan</span> <span class="hps">"Kirim</span> <span class="hps">gambar dengan</span> <span class="hps">pesan.</span><span>".</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">8. Character Set not recognized by IE</span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Ini terdengar</span> <span class="hps">agak</span> <span class="hps">teknis.</span> <span class="hps">Dalam istilah awam</span><span>, browser</span> <span class="hps">menginterpretasikan</span> <span class="hps">kode halaman</span> <span class="hps">atau encoding</span> <span class="hps">dari halaman web</span><span>.</span> <span class="hps">Jika browser</span> <span class="hps">IE Anda</span> <span class="hps">tidak mengenali</span> <span class="hps">ini</span> <span class="hps">set karakter,</span> <span class="hps">atau jika</span> <span class="hps">file dalam</span> <span class="hps">perangkat lunak browser</span> <span class="hps">Anda rusak atau</span> <span class="hps">hilang,</span> <span class="hps">gambar tidak</span> <span class="hps">dapat ditampilkan</span> <span class="hps">saat melihat</span> <span class="hps">halaman web.</span> <span class="hps">Misalnya,</span> <span class="hps">halaman web</span> <span class="hps">mungkin dalam</span> <span class="hps">bahasa asing.</span> <span class="hps">Jika demikian,</span> <span class="hps">melihat bahwa</span> <span class="hps">bahasa ini</span> <span class="hps">telah ditambahkan ke</span> <span class="hps">pengaturan browser.</span> <span class="hps">Di IE,</span> <span class="hps">pergi ke Tools</span> <span class="hps">-></span> <span class="hps">Internet Options</span> <span class="hps">-</span><span class="">> Umum.</span> <span class="hps atn">Di bawah "</span><span>Penampilan"</span> <span class="hps atn">ada "</span><span>Bahasa"</span> <span class="hps">tombol.</span> <span class="hps">(Dalam</span> <span class="hps">versi lain dari</span> <span class="hps">IE</span><span class="">, pilihan</span> <span class="hps">Bahasa</span> <span class="hps">mungkin</span> <span class="hps">di bawah</span> <span class="hps">judul</span> <span class="hps">yang berbeda.)</span> <span class="hps">Tambahkan bahasa yang</span> <span class="hps">akan Anda gunakan untuk</span> <span class="hps">membaca halaman</span> <span class="hps">web dan</span> <span class="hps">klik OK</span> <span class="hps">untuk menyimpan.</span> <span class="hps">Jika Anda</span> <span class="hps">masih tidak dapat</span> <span class="hps">melihat halaman tersebut</span><span>, adalah mungkin</span> <span class="hps">bahwa kunci</span> <span class="hps">file atau</span> <span class="hps">registri</span> <span class="hps">rusak</span> <span class="hps">atau hilang.</span> <span class="hps">Untuk mengatasi</span> <span class="hps">ini, Anda</span> <span class="hps">dapat mengikuti</span> <span class="hps">panduan</span> <span class="hps">Bantuan Microsoft</span> <span class="hps">di desktop Anda untuk</span> <span class="hps">mengembalikan atau</span> <span class="hps">memperbaiki</span> <span class="hps">perangkat lunak Windows.</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">9. Image Server is down</span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Karena</span> <span class="hps">platform</span> <span class="hps">blogging gratis</span> <span class="hps">termasuk</span> <span class="hps">Blogger.com</span> <span class="hps">memiliki batasan pada</span> <span class="hps">jumlah ruang penyimpanan yang</span> <span class="hps">diambil oleh</span> <span class="hps">Blog</span> <span class="hps">foto, gambar</span> <span class="hps">dan grafis</span><span>, perlu</span> <span class="hps">mempertimbangkan</span> <span class="hps">hosting yang</span> <span class="hps">gambar-gambar</span> <span class="hps">pada server eksternal</span> <span class="hps">dan</span> <span class="hps">terhubung ke mereka</span> <span class="hps">dari</span> <span class="hps">Blog Anda.</span> <span class="hps">Kami menulis</span> <span class="hps">tentang menggunakan</span> <span class="hps">host gratis</span> <span class="hps">seperti Google</span> <span class="hps">Page Creator</span> <span class="hps">dan</span> <span class="hps">Google Groups.</span> <span class="hps">Ini juga</span> <span class="hps">memiliki batasan pada</span> <span class="hps">ruang dan bandwidth.</span> <span class="hps">Ada</span> <span class="hps">daftar lengkap</span> <span class="hps">Host</span> <span class="hps">Gambar</span> <span class="hps">bebas</span> <span class="hps">dan Layanan</span> <span class="hps">File Hosting</span> <span class="hps">di</span> <span class="hps">artikel kami pada</span> <span class="hps">Gambar</span> <span class="hps">Ruang</span> <span class="hps">Penyimpanan</span> <span class="hps">Kelola</span> <span class="hps">Blogger yang</span> <span class="hps">dapat memberikan</span> <span class="hps">ruang penyimpanan</span> <span class="hps">yang lebih besar.</span> <span class="hps">Semua server</span><span>, bahkan</span> <span class="hps">Blogger.com</span><span>, dapat memiliki</span> <span class="hps">downtime.</span> <span class="hps">Ketika</span> <span class="hps">host</span> <span class="hps">gambar</span> <span class="hps">sibuk,</span> <span class="hps">menjalani</span> <span class="hps">perawatan,</span> <span class="hps">sementara ditunda</span><span>, offline</span><span>, atau ketika</span> <span class="hps">download bandwidth</span> <span class="hps">telah terlampaui</span><span>, gambar</span> <span class="hps">terkait dengan</span> <span class="hps">Blog</span> <span class="hps">tidak akan</span> <span class="hps">ditampilkan.</span> <span class="hps">Masalahnya bisa</span> <span class="hps">bersifat sementara</span><span>, dan harus</span> <span class="hps">Anda perlu melihat</span> <span class="hps">gambar-gambar ini</span> <span class="hps">pada</span> <span class="hps">Blog</span> <span class="hps">tertentu,</span> <span class="hps">mengunjungi</span> <span class="hps">Blog</span> <span class="hps">satu jam</span> <span class="hps">kemudian.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">10. Image links are broken or dead</span><div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Karena</span> <span class="hps">gambar</span><span>-host pada</span> <span class="hps">platform lain</span> <span class="hps">dan terkait</span><span>, mungkin ada</span> <span class="hps">saat-saat di</span> <span class="hps">webmaster</span> <span class="hps">mengetik</span> <span class="hps">URL</span> <span class="hps">yang salah,</span> <span class="hps">menempatkan</span> <span class="hps">"di</span> <span class="hps">tempat yang salah</span> <span class="hps">atau dihilangkan</span> <span class="hps">tag penutup</span> <span class="hps">gambar.</span> <span class="hps">Gambar</span> <span class="hps">kode HTML</span> <span class="hps">dan atribut</span> <span class="hps">dibahas dalam</span> <span class="hps">Hyperlink</span> <span class="hps">Gambar</span> <span class="hps">dan Link</span> <span class="hps">link</span> <span class="hps">gambar</span> <span class="hps">bisa</span><span>.</span> <span class="hps">menjadi</span> <span class="hps">rusak atau</span> <span class="hps">mati ketika</span> <span class="hps">webmaster</span> <span class="hps">menghapus</span> <span class="hps">gambar</span> <span class="hps">dari server</span> <span class="hps">atau server</span> <span class="hps">saklar</span> <span class="hps">gambar</span> <span class="hps">tanpa memperbarui</span> <span class="hps">link gambar</span><span>.</span> <span class="hps">Hal ini juga mungkin</span> <span class="hps">bahwa</span> <span class="hps">gambar tidak</span> <span class="hps">hotlinked</span><span>.</span> <span class="hps">dengan ini dimaksudkan</span> <span class="hps">bahwa ketika</span> <span class="hps">gambar disimpan</span> <span class="hps">pada</span> <span class="hps">server foto</span><span>,</span> <span class="hps">link yang diberikan</span> <span class="hps">bukan</span> <span class="hps">link langsung ke</span> <span class="hps">gambar, tetapi</span> <span class="hps">halaman yang berisi</span> <span class="hps">gambar dan</span> <span class="hps">konten lainnya</span> <span class="hps">hotlinking</span> <span class="hps">memakan</span> <span class="hps">bandwidth dan</span> <span class="hps">beberapa server</span> <span class="hps">gambar</span> <span class="hps">tidak menyediakan</span> <span class="hps">layanan tersebut.</span><span>.</span> <span class="hps">Jika URL</span> <span class="hps">tersebut digunakan dalam</span> <span class="hps">kode gambar</span> <span class="hps">HTML,</span> <span class="hps">gambar</span> <span class="hps">tidak akan muncul</span><span>.</span></span></div></div></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">11. Cache not cleared</span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Cache</span> <span class="hps">Browser</span> <span class="hps">web toko</span> <span class="hps">halaman</span> <span class="hps">isi</span> <span class="hps">situs</span> <span class="hps">yang telah dikunjungi</span> <span class="hps">pada hard disk</span><span>.</span> <span class="hps">Ini adalah</span> <span class="hps">Temporary Internet Files</span> <span class="hps">yang seharusnya</span> <span class="hps">mempercepat</span> <span class="hps">download</span> <span class="hps">halaman ketika</span> <span class="hps">Anda mengunjungi kembali</span> <span class="hps">sebuah situs</span> <span class="hps">karena beberapa</span> <span class="hps">isi</span> <span class="hps">yang sudah</span> <span class="hps">disimpan.</span> <span class="hps">Namun</span><span>, file ini</span> <span class="hps">dapat terdiri dari</span> <span class="hps">cookies dan</span> <span class="hps">javascripts</span> <span class="hps">juga.</span> <span class="hps">Biasakan</span> <span class="hps">untuk menghapus cache</span> <span class="hps">secara teratur</span> <span class="hps">untuk menghapus</span> <span class="hps">file ini.</span> <span class="hps">Di IE,</span> <span class="hps">pergi ke Tools</span> <span class="hps">-></span> <span class="hps">Internet Options</span> <span class="hps">-></span> <span class="hps">General</span> <span class="hps atn">dan di bawah "</span><span>Browsing history</span><span>" klik</span> <span class="hps">"Hapus</span><span>" tombol.</span> <span class="hps">Hapus semua</span> <span class="hps">File dan</span> <span class="hps">konten offline.</span> <span class="hps">Ini adalah file</span> <span class="hps">sementara yang</span> <span class="hps">dapat dihapus.</span> <span class="hps">Jika</span> <span class="hps">Anda tidak dapat</span> <span class="hps">melihat gambar</span><span class="">, kadang-kadang</span> <span class="hps">menghapus</span> <span class="hps">Temporary Internet Files</span> <span class="hps">ini</span> <span class="hps">dapat memecahkan</span> <span class="hps">masalah.</span></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com2tag:blogger.com,1999:blog-3638497761858672577.post-46929564994660461632012-03-13T18:33:00.000-07:002012-03-13T18:33:15.619-07:00Hide or Remove Navbar in Blogger<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Navbar</span> <span class="hps">bisa</span> <span class="hps">disaThe</span> <span class="hps">Blogger atau</span> <span class="hps">Blogspot</span> <span class="hps">Navbar</span> <span class="hps">adalah fitur</span> <span class="hps">standar</span> <span class="hps">yang muncul di</span> <span class="hps">bagian atas setiap</span> <span class="hps">blog Blogger</span> <span class="hps">bertenaga</span><span>.</span> <span class="hps">Ini adalah alat</span> <span class="hps">navigasi</span> <span class="hps">yang berguna yang</span> <span class="hps">memungkinkan pembaca</span> <span class="hps">untuk mencari</span> <span class="hps">blog</span> <span class="hps">untuk konten</span> <span class="hps">yang ditargetkan,</span> <span class="hps">menandai</span> <span class="hps">blog sebagai</span> <span class="hps">menyenangkan,</span> <span class="hps">dan secara acak</span> <span class="hps">melihat</span> <span class="hps">blog</span> <span class="hps">anggota</span> <span class="hps">lain.<a name='more'></a></span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2IanOGGWkNK9zix4C1VMlXzStmucIbmkE72xbCx4XJVqNe9fDevwfcF1RznabGeS3WDZewz3Phkd88btKWzW1KylOcGzZ8lD23Gt_4VZ85hrnhYy2O0dtkQQ0zERzlKf281Km53a2Wg/s1600-h/navbar+image.jpg"><img alt="Hide or Remove Navbar in Blogger" border="0" id="BLOGGER_PHOTO_ID_5043229183061304562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2IanOGGWkNK9zix4C1VMlXzStmucIbmkE72xbCx4XJVqNe9fDevwfcF1RznabGeS3WDZewz3Phkd88btKWzW1KylOcGzZ8lD23Gt_4VZ85hrnhYy2O0dtkQQ0zERzlKf281Km53a2Wg/s400/navbar+image.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Navbar</span> <span class="hps">bisa</span> <span class="hps">dinonaktifkan</span> <span class="hps">untuk pengguna yang</span> <span class="hps">mempublikasikan</span> <span class="hps">isi</span> <span class="hps">melalui FTP</span><span class="">, tetapi akan</span> <span class="hps">muncul di</span> <span class="hps">semua blog</span> <span class="hps">BlogSpot</span> <span class="hps">secara bebas</span> <span class="hps">host.</span> <span class="hps">Sementara</span> <span class="hps">fitur tersebut</span> <span class="hps">tidak diragukan lagi</span> <span class="hps">berguna,</span> <span class="hps">beberapa orang menemukan bahwa</span> <span class="hps">posisinya</span> <span class="hps">di bagian atas</span> <span class="hps">halaman</span> <span class="hps">tampak</span> <span class="hps">menonjol</span> <span class="hps">bahkan dengan</span> <span class="hps">4 pilihan</span> <span class="hps">warna.</span> <span class="hps">Beberapa</span> <span class="hps">karena itu</span> <span class="hps">memilih template</span> <span class="hps">dengan latar belakang hitam</span> <span class="hps">untuk berbaur</span> <span class="hps">dengan baik dengan</span> <span class="hps">sebuah bar navigasi</span> <span class="hps">hitam.</span> <span class="hps">Ada juga</span> <span class="hps">orang tua dan pendidik</span> <span class="hps">yang menemukan</span> <span class="hps atn">fitur '</span><span>blog</span> <span class="hps">tampilan</span> <span class="hps">acak'</span> <span class="hps">tidak pantas,</span> <span class="hps">sebagai</span> <span class="hps">anak-anak mereka</span> <span class="hps">mungkin secara tidak sengaja</span> <span class="hps">melihat</span> <span class="hps">blog</span> <span class="hps">diterima.</span><br />
<br />
<span class="hps">Namun demikian,</span> <span class="hps">artikel ini bukan</span> <span class="hps">diskusi</span> <span class="hps">pada manfaat</span> <span class="hps">atau</span> <span class="hps">kerugian dari</span> <span class="hps">sebuah</span> <span class="hps">Navbar</span><span>.</span> <span class="hps">Itu</span> <span class="hps">adalah bagi Anda untuk</span> <span class="hps">memutuskan.</span> <span class="hps">Di sini,</span> <span class="hps">Saya mengasumsikan bahwa</span> <span class="hps">Anda telah membuat</span> <span class="hps">keputusan sadar untuk</span> <span class="hps">menyembunyikan atau</span> <span class="hps">menghilangkan</span> <span class="hps">navbar</span> <span class="hps">tersebut.</span> <span class="hps">Setelah</span> <span class="hps">sehingga memutuskan</span><span>, ini adalah</span> <span class="hps">panduan</span> <span class="hps">mengenai bagaimana Anda dapat</span> <span class="hps">melakukannya.</span><br />
<br />
<span class="hps">Masuk ke</span> <span class="hps">dashboard Anda</span><span>, pergi ke</span> <span class="hps">Template</span> <span class="hps">-> Edit</span> <span class="hps">HTML.</span> <span class="hps">Gulir</span> <span class="hps">ke mana saja</span> <span class="hps">pada template</span> <span class="hps">dan masukkan</span> <span class="hps">definisi</span> <span class="hps">gaya CSS</span> <span class="hps">berikut dalam</span> <span class="hps">merah</span> <span class="hps">dalam bagian</span> <span class="hps">kepala.</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Hide or Remove Navbar in Blogger"><tbody>
<tr><th scope="col" width="332"><div align="left"><br />
<span style="color: red;">#navbar-iframe {</span><br />
<span style="color: red;">display: none;</span><br />
<span style="color: red;">}</span><br />
</head></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Preview</span> <span class="hps">template.</span> <span class="hps">Anda akan melihat bahwa</span> <span class="hps">Navbar</span> <span class="hps">tidak lagi</span> <span class="hps">ditampilkan, dan</span> <span class="hps">(tergantung</span> <span class="hps">pada template</span> <span class="hps">Anda)</span> <span class="hps">konten</span> <span class="hps">Anda mungkin</span> <span class="hps">bergeser</span> <span class="hps">ke atas untuk</span> <span class="hps">mengambil ruang</span> <span class="hps">dicadangkan untuk</span> <span class="hps">Navbar</span> <span class="hps">tersebut.</span><br />
<br />
<span class="hps atn">[</span><span>Update:</span><br />
<br />
<span class="hps">Ini tampilan</span> <span class="hps">kode</span><span class="">: tidak ada</span> <span class="hps">tidak lagi bekerja.</span> <span class="hps">Mereka yang</span> <span class="hps">telah menggunakan ini</span> <span class="hps">mungkin</span> <span class="hps">ingin mencoba</span> <span class="hps">2 metode</span> <span class="hps">lainnya</span> <span class="hps">(tinggi dan</span> <span class="hps">visibilitas</span><span>) sebagai gantinya.</span><span>]</span><br />
<br />
<span class="hps">Sekarang</span><span class="">, coba ini</span> <span class="hps">definisi</span> <span class="hps">gaya</span><span class="">: -</span></span></div></div><br />
<table border="1" cellpadding="2" style="width: 344px;" title="Hide or Remove Navbar in Blogger"><tbody>
<tr><th scope="col" width="332"><div align="left"><br />
<span style="color: red;">#navbar-iframe {</span><br />
<span style="color: red;">height: 0px;</span><br />
<span style="color: red;">}</span></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Ini akan mengurangi</span> <span class="hps">tinggi</span> <span class="hps">Navbar</span> <span class="hps">menjadi nol,</span> <span class="hps">efektif menghilangkan</span> <span class="hps">Navbar</span> <span class="hps">tersebut.</span> <span class="hps">Anda juga dapat</span> <span class="hps">menjelajahi</span> <span class="hps">gaya lainnya</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Hide or Remove Navbar in Blogger"><tbody>
<tr><th scope="col" width="332"><div align="left"><br />
<span style="color: red;">#navbar-iframe {</span><br />
<span style="color: red;">visibility: hidden;</span><br />
<span style="color: red;">}</span></div></th></tr>
</tbody></table><div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">Anda akan melihat bahwa</span> <span class="hps">isi Anda</span> <span class="hps">tidak</span> <span class="hps">bergeser</span> <span class="hps">ke atas.</span> <span class="hps">Ruang ini</span> <span class="hps">masih</span> <span class="hps">disediakan untuk</span> <span class="hps">Navbar</span><span>, tapi</span> <span class="hps">Navbar</span> <span class="hps">ini sekarang</span> <span class="hps">tersembunyi dan</span> <span class="hps">tidak terlihat.</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Entah</span> <span class="hps">salah satu kode</span> <span class="hps">di atas</span> <span class="hps">akan dilakukan.</span> <span class="hps">Anda juga dapat menggabungkan</span> <span class="hps">mereka jika Anda</span> <span class="hps">ingin.</span> <span class="hps">Misalnya</span><span>, memberikan</span> <span class="hps">nilai</span> <span class="hps">numerik untuk</span> <span class="hps">tinggi</span> <span class="hps">Navbar</span> <span class="hps">dan</span> <span class="hps">bersembunyi</span> <span class="hps">visibilitas</span> <span class="hps">akan memberikan</span> <span class="hps">margin</span> <span class="hps">di atas</span> <span class="hps">namun</span> <span class="hps">tanpa</span> <span class="hps">Navbar</span> <span class="hps">tersebut.</span> <span class="hps">Pilih</span> <span class="hps">satu yang paling sesuai</span> <span class="hps">desain</span> <span class="hps">blog Anda.</span> <span class="hps">Jika Anda</span> <span class="hps">berubah pikiran di</span> <span class="hps">masa depan, dan</span> <span class="hps">ingin memiliki</span> <span class="hps">kembali</span> <span class="hps">Navbar</span><span>, cukup</span> <span class="hps">menghapus definisi</span> <span class="hps">gaya.</span></span></div></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-17095497377506308022012-03-13T18:29:00.000-07:002012-03-13T18:29:58.579-07:00Flash Music Player and Music Playlists<div dir="ltr" style="text-align: left;" trbidi="on"> <span class="" id="result_box" lang="id"><span class="hps">Pada artikel</span> <span class="hps">sebelumnya kami</span><span>, Tambah</span> <span class="hps">Musik untuk</span> <span class="hps">Blog</span> <span class="hps">Blogspot</span><span class="">, kita berbicara tentang</span> <span class="hps">bagaimana musik</span> <span class="hps">dapat diputar</span> <span class="hps">di latar belakang</span> <span class="hps">blog</span> <span class="hps">atau melalui</span> <span class="hps">hyperlink</span> <span class="hps">atau pemutar musik</span> <span class="hps">konsol.</span> <span class="hps">Pembaca</span> <span class="hps">telah meminta untuk</span> <span class="hps">opsi untuk</span> <span class="hps">bermain lebih</span> <span class="hps">dari satu lagu</span> <span class="hps">melalui</span> <span class="hps">playlist.</span> <span class="hps">Kami</span> <span class="hps">telah melihat</span> <span class="hps">cross-browser</span> <span class="hps">pemutar musik</span> <span class="hps">yang memungkinkan kita</span> <span class="hps">untuk menampilkan</span> <span class="hps">musik</span> <span class="hps">playlist</span> <span class="hps">potongan</span> <span class="hps">musik</span> <span class="hps">yang dipilih</span> <span class="hps">untuk pembaca</span> <span class="hps">Blog</span> <span class="hps">untuk mendengarkan</span><span>.</span> <span class="hps">Di sini,</span> <span class="hps">kita akan membahas</span> <span class="hps">apa yang kami percaya</span> <span class="hps">adalah pemain</span> <span class="hps">musik yang baik</span> <span class="hps">yang dapat dimainkan</span> <span class="hps">di kedua Firefox</span> <span class="hps">dan Internet Explorer.</span> <span class="hps">Berikut ini adalah</span> <span class="hps">petunjuk tentang cara</span> <span class="hps">untuk menanamkan</span> <span class="hps">pemutar musik</span> <span class="hps">ke dalam</span> <span class="hps">blog Blogger</span><span class="">.</span></span><br />
<a name='more'></a><br />
<br />
<span style="color: #339999; font-weight: bold;">Overview</span><br />
<br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Di internet,</span> <span class="hps">ada beberapa situs</span> <span class="hps">yang menawarkan</span> <span class="hps">widget</span> <span class="hps">pemutar musik</span> <span class="hps">dan gadget</span></span></div></div> (including <a href="http://tips-for-new-bloggers.blogspot.com/2007/05/blog-widgets-gadgets-and-add-ons-i.html" target="_blank">Google Gadgets</a>)<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">yang dapat ditambahkan</span> <span class="hps">ke blog</span> <span class="hps">Anda.</span> <span class="hps">Kebanyakan dari mereka memiliki</span> <span class="hps">mudah</span> <span class="hps">menavigasi</span> <span class="hps">antarmuka pengguna, dan</span> <span class="hps">situs-situs seperti</span></span></div></div><a href="http://www.sonific.com/" rel="nofollow" target="_blank">Sonific</a> <br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">bahkan menawarkan</span> <span class="hps">trek</span> <span class="hps">musik gratis</span> <span class="hps">berlisensi</span> <span class="hps">yang dapat dimasukkan</span> <span class="hps">ke dalam</span> <span class="hps">widget.</span> <span class="hps">Ini adalah situs</span> <span class="hps">komersial dan</span> <span class="hps">perlu untuk mengatakan</span><span>, untuk</span> <span class="hps">mempertahankan</span> <span class="hps">operasi mereka</span><span>, akan ada</span> <span class="hps">iklan dan promosi</span> <span class="hps">penjualan.</span> <span class="hps">Selain itu,</span> <span class="hps">lagu yang tersedia</span> <span class="hps">yang mereka miliki</span> <span class="hps">mungkin bukan</span> <span class="hps">hits terbaru</span> <span class="hps">atau</span> <span class="hps">sesuai dengan keinginan</span> <span class="hps">Anda.</span><br />
<br />
<span class="hps">Jika Anda ingin</span> <span class="hps">lebih banyak kontrol atas</span> <span class="hps">pilihan</span> <span class="hps">lagu untuk</span> <span class="hps">blog Anda,</span> <span class="hps">ikuti langkah-langkah</span> <span class="hps">dalam tutorial ini</span> <span class="hps">untuk meng-upload</span> <span class="hps">lagu-lagu</span> <span class="hps">yang Anda sukai dan</span> <span class="hps">menambahkan kode</span> <span class="hps">pemutar musik</span> <span class="hps">ke dalam</span> <span class="hps">blog Blogger</span><span>.</span> <span class="hps">Pemutar musik</span> <span class="hps">memainkan lagu-lagu</span> <span class="hps">MP3 yang</span> <span class="hps">memiliki ukuran</span> <span class="hps">file yang lebih kecil</span> <span class="hps">dari file</span> <span class="hps">wav.</span><span class="">.</span></span></div></div><br />
<span style="color: #339999; font-weight: bold;">XML Shareable Playlist Format</span><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Anda mungkin</span> <span class="hps">telah menemukan</span> <span class="hps">ekstensi file</span> <span class="hps">m3u</span> <span class="hps">dan</span><span>.</span><span>.</span> <span class="hps">ASX</span><span>.</span> <span class="hps">Ini adalah file</span> <span class="hps">playlist dan</span> <span class="hps">klik</span> <span class="hps">mereka</span> <span class="hps">akan memainkan</span> <span class="hps">file musik atau</span> <span class="hps">video yang tersimpan dalam</span> <span class="hps">playlist</span><span>.</span> <span class="hps">Baru</span> <span class="hps">dapat dibagikan</span> <span class="hps">Playlist</span> <span class="hps">XML</span> <span class="hps">Format</span></span></div></div> (<a href="http://www.xspf.org/" rel="nofollow" target="_blank">XSPF</a>) (pronounced 'spiff') <br />
<div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">adalah format lain</span> <span class="hps">playlist untuk</span> <span class="hps">media digital.</span> <span class="hps">Meskipun</span> <span class="hps">masih dalam</span> <span class="hps">tahap awal</span> <span class="hps">diakui</span> <span class="hps">sebagai standar</span> <span class="hps">Internet,</span> <span class="hps">banyak browser</span> <span class="hps">mampu</span> <span class="hps">mengeksekusi</span> <span class="hps">format file</span> <span class="hps">tersebut.</span></span></div></div><br />
<span style="color: #339999; font-weight: bold;">XSPF MP3 Music Player</span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Situs</span> <span class="hps">yang menjelaskan</span> <span class="hps">cukup</span> <span class="hps">sepenuhnya bagaimana</span> <span class="hps">pemutar musik</span> <span class="hps">aplikasi yang menggunakan</span> <span class="hps">format ini</span> <span class="hps">XSPF</span> <span class="hps">playlist</span> <span class="hps">kerjanya adalah</span></span></div></div><a href="http://musicplayer.sourceforge.net/" rel="nofollow" target="_blank">Sourceforge.net</a>. <br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Dalam</span> <span class="hps">artikel oleh</span> <span class="hps">Fabricio</span> <span class="hps">Zuardi</span><span>, Anda dapat menemukan</span> <span class="hps">berbagai</span> <span class="hps">gaya pemain</span> <span class="hps">yaitu</span><span>, versi</span> <span class="hps">Slim</span> <span class="hps">yang menampilkan</span> <span class="hps">kontrol dasar</span> <span class="hps">dan</span> <span class="hps">trek musik</span> <span class="hps">saat ini;</span> <span class="hps">versi</span> <span class="hps">diperluas</span> <span class="hps">yang menunjukkan</span> <span class="hps">kontrol,</span> <span class="hps">daftar</span> <span class="hps">lagu,</span> <span class="hps">sampul</span> <span class="hps">album dan trek</span> <span class="hps">musik,</span> <span class="hps">dan versi</span> <span class="hps">Tombol</span> <span class="hps">yang</span> <span class="hps">hanyalah sebuah</span> <span class="hps">awal dan</span> <span class="hps">tombol stop</span><span>.</span> <span class="hps">Ada juga</span> <span class="hps">pilihan bagi</span> <span class="hps">masuknya</span> <span class="hps">pemain</span> <span class="hps">ke dalam</span> <span class="hps">Mozilla Firefox</span> <span class="hps">sidebar</span><span>.</span> <span class="hps">Apa yang dilakukan adalah</span> <span class="hps">untuk memberikan pembaca</span> <span class="hps">pilihan untuk</span> <span class="hps">masuk ke Bookmarks</span> <span class="hps">mereka</span> <span class="hps">Firefox dan</span> <span class="hps atn">klik "</span><span>My</span> <span class="hps">Music Player</span><span>" link untuk</span> <span class="hps">membuka pemutar</span> <span class="hps">musik</span> <span class="hps">di sidebar</span> <span class="hps">browser mereka dan</span> <span class="hps">mendengarkan lagu-lagu</span> <span class="hps">sambil berselancar</span> <span class="hps">situs lain.</span></span></div></div><br />
<span style="color: #339999; font-weight: bold;">Extended Music Player</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfg0VOaYlFNKvb6_bxwkoYFER-qAaffeCBYSUGJ0Gd39YuT4MCdKezojaiwkZc-Zq93o69PGUeZzVtBFDTl9a-U7E6RoV7pMF5UXMJMPrrpThoX4ZbxjSOgr3gMIy8zM5ryH1qLOvUnRc/s1600-h/music+player+001n.jpg"><img alt="Flash Music Player and Music Playlists" border="0" id="BLOGGER_PHOTO_ID_5115908829251140034" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfg0VOaYlFNKvb6_bxwkoYFER-qAaffeCBYSUGJ0Gd39YuT4MCdKezojaiwkZc-Zq93o69PGUeZzVtBFDTl9a-U7E6RoV7pMF5UXMJMPrrpThoX4ZbxjSOgr3gMIy8zM5ryH1qLOvUnRc/s400/music+player+001n.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Kita akan</span> <span class="hps">fokus pada</span> <span class="hps">versi</span> <span class="hps">pemutar musik</span> <span class="hps atn">diperpanjang (</span><span>demo di</span> <span class="hps">bagian bawah blog</span> <span class="hps">ini)</span> <span class="hps">yang pada dasarnya</span> <span class="hps">menampilkan daftar</span> <span class="hps">digulir</span> <span class="hps">lagu,</span> <span class="hps">memiliki gambar</span> <span class="hps">album,</span> <span class="hps">dan memungkinkan</span> <span class="hps">pengguna kontrol atas</span> <span class="hps">volume dan</span> <span class="hps">mode putar ulang.</span> <span class="hps">Pertama, klik</span> <span class="hps">link ini</span> <span class="hps">untuk men-download</span> <span class="hps">file musik</span> <span class="hps">player.</span> <span class="hps">Unzip</span> <span class="hps">folder dan</span> <span class="hps">menyimpannya.</span> <span class="hps">File-file tersebut</span> <span class="hps">bebas dari</span> <span class="hps">gudang</span> <span class="hps">virus dan</span> <span class="hps">spam tetapi</span> <span class="hps">tentunya Anda bisa</span> <span class="hps">memindai</span> <span class="hps">mereka sebelum</span> <span class="hps">men-download.</span><br />
<br />
<span class="hps">Berikutnya</span><span class="">, upload</span> <span class="hps">semua file</span> <span class="hps">aplikasi pemutar</span> <span class="hps">yang ada di</span> <span class="hps">folder</span> <span class="hps">unzipped</span> <span class="hps">ke</span> <span class="hps">web server.</span> <span class="hps">Untuk</span> <span class="hps">ilustrasi</span><span>, kami</span> <span class="hps">telah meng-upload</span> <span class="hps">file kita</span> <span class="hps">ke server</span> <span class="hps">gratis di</span> <span class="hps">Google Page Creator</span><span>.</span> <span class="hps">Anda juga</span> <span class="hps">dapat merujuk ke</span> <span class="hps">artikel kami pada</span> <span class="hps">Gambar</span> <span class="hps">Ruang</span> <span class="hps">Penyimpanan</span> <span class="hps">Kelola</span> <span class="hps">Blogger</span> <span class="hps">untuk daftar</span> <span class="hps">lain</span> <span class="hps">layanan file</span> <span class="hps">hosting gratis.</span> <span class="hps">Pilih</span> <span class="hps">salah satu yang memungkinkan</span> <span class="hps">upload</span> <span class="hps">semua jenis file</span> <span class="hps">serta</span> <span class="hps">hotlinking</span> <span class="hps">ke file-file</span><span>.</span> <span class="hps">Untuk menguji apakah</span> <span class="hps">mereka memungkinkan</span> <span class="hps">hotlinking,</span> <span class="hps">upload file musik</span> <span class="hps">dan jika Anda</span> <span class="hps">mengetik</span> <span class="hps">url</span> <span class="hps">file musik</span> <span class="hps">ke</span> <span class="hps">browser internet</span><span>, Anda</span> <span class="hps">harus</span> <span class="hps">mendengarkan</span> <span class="hps">bahwa musik</span> <span class="hps">bukannya</span> <span class="hps">dibawa ke</span> <span class="hps">sebuah halaman dengan</span> <span class="hps">isi yang lain</span><span>.</span> <span class="hps">Jika Anda</span> <span class="hps">telah meng-upload</span> <span class="hps">aplikasi</span> <span class="hps">ke</span> <span class="hps">Google Pages</span><span>, file</span> <span class="hps">pemain</span> <span class="hps">akan berlokasi di</span> <span class="hps">http://yourname.googlepages.com/xspf_player.swf</span> <span class="hps atn">[</span><span class="">Apakah dicatat</span> <span class="hps">bahwa Google</span> <span class="hps">Pages</span> <span class="hps">memiliki batas</span> <span class="hps">100MB</span> <span class="hps">ruang penyimpanan.</span><span class="">]</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">Upload Music Files</span><br />
<div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Tujuannya</span> <span class="hps">adalah untuk memungkinkan</span> <span class="hps">pembaca untuk</span> <span class="hps">mendengarkan</span> <span class="hps">potongan</span> <span class="hps">musik Anda.</span> <span class="hps">Tentu saja,</span> <span class="hps">kita harus mengasumsikan</span> <span class="hps">Anda sudah memiliki</span> <span class="hps">file musik</span> <span class="hps">baik dalam</span> <span class="hps">CD musik</span> <span class="hps">atau komputer.</span> <span class="hps">Mengkonversikannya ke</span> <span class="hps">format</span> <span class="hps">MP3.</span> <span class="hps">Jika Anda membutuhkan</span> <span class="hps">converter</span> <span class="hps">musik gratis,</span> <span class="hps">mencari satu</span> <span class="hps">di</span></span></div></div> <a href="http://www.download.com/" rel="nofollow" target="_blank">Download.com</a>. <br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="short_text" id="result_box" lang="id"><span class="hps">Upload</span> <span class="hps">file-file</span> <span class="hps">MP3</span> <span class="hps">ke server</span> <span class="hps">gratis.</span></span></div></div><br />
<span style="color: #339999; font-weight: bold;">Create XSPF Music Playlist</span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Setelah Anda</span> <span class="hps">telah meng-upload</span> <span class="hps">lagu,</span> <span class="hps">sekarang saatnya untuk</span> <span class="hps">membuat file</span> <span class="hps">Playlist.</span> <span class="hps">Buka aplikasi</span> <span class="hps">Microsoft</span> <span class="hps">Notepad.</span> <span class="hps">Untuk pengguna</span> <span class="hps">Windows yang paling</span><span class="">, link</span> <span class="hps">harus di</span> <span class="hps">Program</span> <span class="hps">Start -</span><span class="">> Accessories</span> <span class="hps">folder.</span> <span class="hps">Copy dan paste</span> <span class="hps">berikut ke</span> <span class="hps">Notepad</span><span class="">.</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="font-size: 85%;"><?xml version="1.0" encoding="UTF-8"?><br />
<playlist version="0" xmlns = "http://xspf.org/ns/0/"><br />
<!-- Insert the information into the colored portions. If there is none, just leave the field blank. Refer to http://tips-for-new-bloggers.blogspot.com/ for updates to the code. --><br />
<br />
<title><span style="color: #ff6600;">Title to be displayed at top of player</span></title><br />
<trackList><br />
<br />
<track><br />
<location><span style="color: #ff6600;">http://yourname.googlepages.com/song1.mp3</span></location><br />
<image><span style="color: #ff6600;">http://yourname.googlepages.com/song1.jpg</span></image><br />
<annotation><span style="color: #ff6600;">Song1 display text</span></annotation><br />
</track><br />
<br />
<track><br />
<location><span style="color: #ff6600;">http://yourname.googlepages.com/song2.mp3</span></location><br />
<image><span style="color: #ff6600;">http://yourname.googlepages.com/song2.jpg</span></image><br />
<annotation><span style="color: #ff6600;">Song2 display text</span></annotation><br />
</track><br />
<br />
<track><br />
<location><span style="color: #ff6600;">http://yourname.googlepages.com/song3.mp3</span></location><br />
<image><span style="color: #ff6600;">http://yourname.googlepages.com/song3.jpg</span></image><br />
<annotation><span style="color: #ff6600;">Song3 display text</span></annotation><br />
</track><br />
<br />
<track><br />
<location><span style="color: #ff6600;">http://yourname.googlepages.com/song4.mp3</span></location><br />
<image><span style="color: #ff6600;">http://yourname.googlepages.com/song4.jpg</span></image><br />
<annotation><span style="color: #ff6600;">Song4 display text</span></annotation><br />
</track><br />
<br />
<span style="font-style: italic;"><track></span><br />
<span style="font-style: italic;"><location><span style="color: #ff6600;">http://yourname.googlepages.com/song5.mp3</span></location></span><br />
<span style="font-style: italic;"><image><span style="color: #ff6600;">http://yourname.googlepages.com/song5.jpg</span></image></span><br />
<span style="font-style: italic;"><annotation><span style="color: #ff6600;">Song5 display text</span></annotation></span><br />
<span style="font-style: italic;"></track></span><br />
<br />
</trackList><br />
</playlist></span></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Masukkan</span> <span class="hps">ke dalam</span> <span class="hps">bagian</span> <span class="hps">berwarna</span> <span class="hps">URL</span> <span class="hps">musik dan</span> <span class="hps">judul</span> <span class="hps">yang sesuai atau</span> <span class="hps">teks yang</span> <span class="hps">ingin ditampilkan.</span> <span class="hps">Jika ada</span> <span class="hps">cover album</span> <span class="hps">tidak ada</span> <span class="hps">atau gambar</span> <span class="hps">yang ingin Anda</span> <span class="hps">upload,</span> <span class="hps">meninggalkan</span> <span class="hps">bidang kosong</span><span>.</span> <span class="hps">Anda dapat menambahkan lagu</span> <span class="hps">ke dalam daftar</span><span>.</span> <span class="hps">Salin dan</span> <span class="hps">mengulangi</span> <span class="hps">blok kode</span> <span class="hps atn">(</span><span>huruf miring)</span><span>.</span><br />
<br />
<span class="hps">Setelah</span> <span class="hps">Anda memasukkan</span> <span class="hps">semua informasi dalam</span> <span class="hps">Microsoft Notepad</span><span class="atn">, klik "</span><span>Save As"</span><span>.</span> <span class="hps">Di bawah</span> <span class="hps">drop-down</span> <span class="hps atn">pilihan "</span><span>Save as type"</span><span class="atn">, pilih "</span><span>All Files"</span><span>.</span> <span class="hps">Menetapkan nama</span> <span class="hps">file dan</span> <span class="hps">mengakhirinya</span> <span class="hps">dengan ekstensi</span> <span class="hps">xspf</span><span>.</span><span>.</span> <span class="hps">Misalnya,</span> <span class="hps">jika Anda memutuskan untuk</span> <span class="hps">menyebutnya</span> <span class="hps">myplaylist</span><span>,</span> <span class="hps atn">kemudian masukkan "</span><span>File name</span><span class="atn">" sebagai "</span><span>myplaylist.xspf</span><span>".</span> <span class="hps">Simpan file</span> <span class="hps">dan sama,</span> <span class="hps">meng-upload</span> <span class="hps">file ini</span> <span class="hps">ke server</span> <span class="hps">gratis.</span> <span class="hps">File playlist</span> <span class="hps">akan memiliki URL</span> <span class="hps">seperti ini: -</span> <span class="hps">http://yourname.googlepages.com/myplaylist.xspf</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">Insert Music Player into Blog</span><br />
<div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">Langkah terakhir</span> <span class="hps">adalah untuk menanamkan</span> <span class="hps">pemutar musik</span> <span class="hps">ke</span> <span class="hps">blog Blogger</span><span>.</span> <span class="hps">Tentukan di mana Anda</span> <span class="hps">ingin menempatkan</span> <span class="hps">konsol</span> <span class="hps">pemutar musik.</span> <span class="hps">Lalu pergi ke</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span> <span class="hps atn">dan pilih "</span><span>HTML /</span> <span class="hps">JavaScript".</span> <span class="hps">Jika Anda ingin</span> <span class="hps">konsol</span> <span class="hps">musik</span> <span class="hps">dalam posting Anda,</span> <span class="hps">ketika</span> <span class="hps">Anda berada di</span> <span class="hps">Post Editor</span><span>, ubah</span> <span class="hps">ke mode</span> <span class="hps">"HTML</span><span>" daripada</span> <span class="hps">"Tulis</span><span>" mode.</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Salin dan sisipkan</span> <span class="hps">kode berikut: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="font-size: 85%;"><!-- Change the colored values. Refer to http://tips-for-new-bloggers.blogspot.com/ for updates to the code. --><br />
<object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" type="application/x-shockwave-flash" height="<span style="color: #009900;">160</span>" standby="Player is loading ..." width="<span style="color: #009900;">400</span>" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><br />
<param name="_cx" value="10583"><br />
<param name="_cy" value="4445"><br />
<param name="FlashVars" value=""><br />
<param name="Movie" value="<span style="color: #993399;">http://yourname.googlepages.com/xspf_player.swf</span>?playlist_url=<span style="color: red;">http://yourname.googlepages.com/myplaylist.xspf</span>"><br />
<param name="Src" value="<span style="color: #993399;">http://yourname.googlepages.com/xspf_player.swf</span>?playlist_url=<span style="color: red;">http://yourname.googlepages.com/myplaylist.xspf</span>"><br />
<param name="WMode" value="Window"><br />
<param name="Play" value="0"><br />
<param name="Loop" value="-1"><br />
<param name="Quality" value="High"><br />
<param name="SAlign" value="LT"><br />
<param name="Menu" value="-1"><br />
<param name="Base" value=""><br />
<param name="AllowScriptAccess" value="sameDomain"><br />
<param name="Scale" value="NoScale"><br />
<param name="DeviceFont" value="0"><br />
<param name="EmbedMovie" value="0"><br />
<param name="BGColor" value="<span style="color: #3333ff;">E2E2E2</span>"><br />
<param name="SWRemote" value=""><br />
<param name="MovieData" value=""><br />
<param name="SeamlessTabbing" value="1"><br />
<param name="Profile" value="0"><br />
<param name="ProfileAddress" value=""><br />
<param name="ProfilePort" value="0"><br />
<param name="AllowNetworking" value="all"><br />
<param name="AllowFullScreen" value="false"><br />
<embed src="<span style="color: #993399;">http://yourname.googlepages.com/xspf_player.swf</span>?playlist_url=<span style="color: red;">http://yourname.googlepages.com/myplaylist.xspf</span>" quality="high" bgcolor="#<span style="color: #3333ff;">E2E2E2</span>" name="xspf_player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="<span style="color: #009900;">160</span>" width="<span style="color: #009900;">400</span>"><br />
</embed><br />
</object></span></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Variabel yang</span> <span class="hps">Anda harus</span> <span class="hps">ingat untuk mengubah</span> <span class="hps">adalah: -</span><br />
<br />
<span class="hps">1.</span> <span class="hps">Domain atau</span> <span class="hps">lokasi dimana</span> <span class="hps">aplikasi pemutar</span> <span class="hps">yang diupload</span></span></div></div> (shown in <span style="color: #993399; font-weight: bold;">purple</span>).<br />
<br />
<span class="short_text" id="result_box" lang="id"><span class="hps">2.</span> <span class="hps">Lokasi</span> <span class="hps">dari file</span> <span class="hps">playlist</span> <span class="hps">musik</span></span> (shown in <span style="color: red; font-weight: bold;">red</span>).<br />
<br />
<span class="short_text" id="result_box" lang="id"><span class="hps">3.</span> <span class="hps">Warna latar belakang</span> <span class="hps">kode</span> <span class="hps">pemutar musik</span></span> (shown in <span style="color: #3333ff; font-weight: bold;">blue</span>). <div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Anda</span> <span class="hps">memiliki pilihan terbatas</span> <span class="hps">di sini</span> <span class="hps">karena warna-warna</span> <span class="hps">panel</span> <span class="hps">abu-abu</span> <span class="hps">adalah tetap.</span> <span class="hps">Untuk daftar</span> <span class="hps">kode warna</span><span>, lihat</span> <span class="hps">kami</span></span></div></div><a href="http://avirablog.blogspot.com/2012/03/html-color-code-chart.html" target="_blank">Hexadecimal Color Code Chart</a>.<br />
<div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps"> </span></div><div style="width: 100%;"><span class="hps">4.</span> <span class="hps">Lebar dan tinggi</span> <span class="hps">dari interface</span> <span class="hps">pemutar musik</span> <span class="hps">(ditampilkan</span> <span class="hps">dalam warna hijau</span><span>).</span></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Setelah Anda selesai</span><span>, simpan</span> <span class="hps">widget</span> <span class="hps">dan menyegarkan</span> <span class="hps">Blog.</span> <span class="hps">Sekarang Anda akan melihat</span> <span class="hps">sebuah</span> <span class="hps">Music Player</span> <span class="hps">MP3 yang</span> <span class="hps">memiliki</span> <span class="hps">playlist</span> <span class="hps">musik</span> <span class="hps">dari</span> <span class="hps">lagu favorit Anda</span> <span class="hps">bagi pembaca untuk</span> <span class="hps">melihat,</span> <span class="hps">memilih dan mendengarkan</span><span>.</span><br />
<br />
<span class="hps">Apakah</span> <span class="hps">menyenangkan</span> <span class="hps">bermain-main</span> <span class="hps">dengan widget</span> <span class="hps">pemutar musik</span> <span class="hps">baru!</span></span></div></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com2tag:blogger.com,1999:blog-3638497761858672577.post-76304575778297628452012-03-13T18:18:00.000-07:002012-03-13T18:18:42.357-07:00HTML Color Code Chart<div dir="ltr" style="text-align: left;" trbidi="on"><table border="1" cellpadding="0" cellspacing="0" height="4913" title="Hexadecimal HTML Color Codes and Names"><tbody>
<tr bgcolor="#6699FF"><td height="19" width="25%"><span style="color: white;"><strong>COLOR NAME</strong></span></td><td height="19" width="25%"><span style="color: white;"><strong>CODE</strong></span></td><td height="19" width="50%"><span style="color: white;"><strong>COLOR</strong></span></td></tr>
<tr><td height="19"><strong>Black</strong></td><td height="19"><strong>#000000</strong></td><td bgcolor="#000000" height="19"> </td></tr>
<tr><td height="19"><strong>Grey0</strong></td><td height="19"><strong>#150517</strong></td><td bgcolor="#150517" height="19"> </td></tr>
<tr><td height="19"><strong>Grey18</strong></td><td height="19"><strong>#250517</strong></td><td bgcolor="#250517" height="19"> </td></tr>
<tr><td height="19"><strong>Grey21</strong></td><td height="19"><strong>#2B1B17</strong></td><td bgcolor="#2b1b17" height="19"> </td></tr>
<tr><td height="19"><strong>Grey23</strong></td><td height="19"><strong>#302217</strong></td><td bgcolor="#302217" height="19"> </td></tr>
<tr><td height="19"><strong>Grey24<a name='more'></a></strong></td><td height="19"><strong>#302226</strong></td><td bgcolor="#302226" height="19"> </td></tr>
<tr><td height="19"><strong>Grey25</strong></td><td height="19"><strong>#342826</strong></td><td bgcolor="#342826" height="19"> </td></tr>
<tr><td height="19"><strong>Grey26</strong></td><td height="19"><strong>#34282C</strong></td><td bgcolor="#34282c" height="19"> </td></tr>
<tr><td height="19"><strong>Grey27</strong></td><td height="19"><strong>#382D2C</strong></td><td bgcolor="#382d2c" height="19"> </td></tr>
<tr><td height="19"><strong>Grey28</strong></td><td height="19"><strong>#3b3131</strong></td><td bgcolor="#3b3131" height="19"> </td></tr>
<tr><td height="19"><strong>Grey29</strong></td><td height="19"><strong>#3E3535</strong></td><td bgcolor="#3e3535" height="19"> </td></tr>
<tr><td height="19"><strong>Grey30</strong></td><td height="19"><strong>#413839</strong></td><td bgcolor="#413839" height="19"> </td></tr>
<tr><td height="19"><strong>Grey31</strong></td><td height="19"><strong>#41383C</strong></td><td bgcolor="#41383c" height="19"> </td></tr>
<tr><td height="19"><strong>Grey32</strong></td><td height="19"><strong>#463E3F</strong></td><td bgcolor="#463e3f" height="19"> </td></tr>
<tr><td height="19"><strong>Grey34</strong></td><td height="19"><strong>#4A4344</strong></td><td bgcolor="#4a4344" height="19"> </td></tr>
<tr><td height="19"><strong>Grey35</strong></td><td height="19"><strong>#4C4646</strong></td><td bgcolor="#4c4646" height="19"> </td></tr>
<tr><td height="19"><strong>Grey36</strong></td><td height="19"><strong>#4E4848</strong></td><td bgcolor="#4e4848" height="19"> </td></tr>
<tr><td height="19"><strong>Grey37</strong></td><td height="19"><strong>#504A4B</strong></td><td bgcolor="#504a4b" height="19"> </td></tr>
<tr><td height="19"><strong>Grey38</strong></td><td height="19"><strong>#544E4F</strong></td><td bgcolor="#544e4f" height="19"> </td></tr>
<tr><td height="19"><strong>Grey39</strong></td><td height="19"><strong>#565051</strong></td><td bgcolor="#565051" height="19"> </td></tr>
<tr><td height="19"><strong>Grey40</strong></td><td height="19"><strong>#595454</strong></td><td bgcolor="#595454" height="19"> </td></tr>
<tr><td height="19"><strong>Grey41</strong></td><td height="19"><strong>#5C5858</strong></td><td bgcolor="#5c5858" height="19"> </td></tr>
<tr><td height="19"><strong>Grey42</strong></td><td height="19"><strong>#5F5A59</strong></td><td bgcolor="#5f5a59" height="19"> </td></tr>
<tr><td height="19"><strong>Grey43</strong></td><td height="19"><strong>#625D5D</strong></td><td bgcolor="#625d5d" height="19"> </td></tr>
<tr><td height="19"><strong>Grey44</strong></td><td height="19"><strong>#646060</strong></td><td bgcolor="#646060" height="19"> </td></tr>
<tr><td height="19"><strong>Grey45</strong></td><td height="19"><strong>#666362</strong></td><td bgcolor="#666362" height="19"> </td></tr>
<tr><td height="19"><strong>Grey46</strong></td><td height="19"><strong>#696565</strong></td><td bgcolor="#696565" height="19"> </td></tr>
<tr><td height="19"><strong>Grey47</strong></td><td height="19"><strong>#6D6968</strong></td><td bgcolor="#6d6968" height="19"> </td></tr>
<tr><td height="19"><strong>Grey48</strong></td><td height="19"><strong>#6E6A6B</strong></td><td bgcolor="#6e6a6b" height="19"> </td></tr>
<tr><td height="19"><strong>Grey49</strong></td><td height="19"><strong>#726E6D</strong></td><td bgcolor="#726e6d" height="19"> </td></tr>
<tr><td height="19"><strong>Grey50</strong></td><td height="19"><strong>#747170</strong></td><td bgcolor="#747170" height="19"> </td></tr>
<tr><td height="19"><strong>Grey</strong></td><td height="19"><strong>#736F6E</strong></td><td bgcolor="#736f6e" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Grey4</strong></td><td height="19"><strong>#616D7E</strong></td><td bgcolor="#616d7e" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Grey</strong></td><td height="19"><strong>#657383</strong></td><td bgcolor="#657383" height="19"> </td></tr>
<tr><td height="19"><strong>Light Steel Blue4</strong></td><td height="19"><strong>#646D7E</strong></td><td bgcolor="#646d7e" height="19"> </td></tr>
<tr><td><strong>Light Slate Grey</strong></td><td><strong>#6D7B8D</strong></td><td bgcolor="#6d7b8d"> </td></tr>
<tr><td height="19"><strong>Cadet Blue4</strong></td><td height="19"><strong>#4C787E</strong></td><td bgcolor="#4c787e" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Grey4</strong></td><td height="19"><strong>#4C7D7E</strong></td><td bgcolor="#4c7d7e" height="19"> </td></tr>
<tr><td height="19"><strong>Thistle4</strong></td><td height="19"><strong>#806D7E</strong></td><td bgcolor="#806d7e" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Slate Blue</strong></td><td height="19"><strong>#5E5A80</strong></td><td bgcolor="#5e5a80" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Purple4</strong></td><td height="19"><strong>#4E387E</strong></td><td bgcolor="#4e387e" height="19"> </td></tr>
<tr><td height="19"><strong>Midnight Blue</strong></td><td height="19"><strong>#151B54</strong></td><td bgcolor="#151b54" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Blue</strong></td><td height="19"><strong>#2B3856</strong></td><td bgcolor="#2b3856" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Grey</strong></td><td height="19"><strong>#25383C</strong></td><td bgcolor="#25383c" height="19"> </td></tr>
<tr><td><strong>Dim Grey</strong></td><td><strong>#463E41</strong></td><td bgcolor="#463e41"> </td></tr>
<tr><td height="19"><strong>Cornflower Blue</strong></td><td height="19"><strong>#151B8D</strong></td><td bgcolor="#151b8d" height="19"> </td></tr>
<tr><td height="19"><strong>Royal Blue4</strong></td><td height="19"><strong>#15317E</strong></td><td bgcolor="#15317e" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Blue4</strong></td><td height="19"><strong>#342D7E</strong></td><td bgcolor="#342d7e" height="19"> </td></tr>
<tr><td height="19"><strong>Royal Blue</strong></td><td height="19"><strong>#2B60DE</strong></td><td bgcolor="#2b60de" height="19"> </td></tr>
<tr><td height="19"><strong>Royal Blue1</strong></td><td height="19"><strong>#306EFF</strong></td><td bgcolor="#306eff" height="19"> </td></tr>
<tr><td height="19"><strong>Royal Blue2</strong></td><td height="19"><strong>#2B65EC</strong></td><td bgcolor="#2b65ec" height="19"> </td></tr>
<tr><td height="19"><strong>Royal Blue3</strong></td><td height="19"><strong>#2554C7</strong></td><td bgcolor="#2554c7" height="19"> </td></tr>
<tr><td><strong>Deep Sky Blue</strong></td><td><strong>#3BB9FF</strong></td><td bgcolor="#3bb9ff"> </td></tr>
<tr><td><strong>Deep Sky Blue2</strong></td><td><strong>#38ACEC</strong></td><td bgcolor="#38acec"> </td></tr>
<tr><td height="19"><strong>Slate Blue</strong></td><td height="19"><strong>#357EC7</strong></td><td bgcolor="#357ec7" height="19"> </td></tr>
<tr><td><strong>Deep Sky Blue3</strong></td><td><strong>#3090C7</strong></td><td bgcolor="#3090c7"> </td></tr>
<tr><td><strong>Deep Sky Blue4</strong></td><td><strong>#25587E</strong></td><td bgcolor="#25587e"> </td></tr>
<tr><td><strong>Dodger Blue</strong></td><td><strong>#1589FF</strong></td><td bgcolor="#1589ff"> </td></tr>
<tr><td><strong>Dodger Blue2</strong></td><td><strong>#157DEC</strong></td><td bgcolor="#157dec"> </td></tr>
<tr><td><strong>Dodger Blue3</strong></td><td><strong>#1569C7</strong></td><td bgcolor="#1569c7"> </td></tr>
<tr><td><strong>Dodger Blue4</strong></td><td><strong>#153E7E</strong></td><td bgcolor="#153e7e"> </td></tr>
<tr><td height="19"><strong>Steel Blue4</strong></td><td height="19"><strong>#2B547E</strong></td><td bgcolor="#2b547e" height="19"> </td></tr>
<tr><td height="19"><strong>Steel Blue</strong></td><td height="19"><strong>#4863A0</strong></td><td bgcolor="#4863a0" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Blue2</strong></td><td height="19"><strong>#6960EC</strong></td><td bgcolor="#6960ec" height="19"> </td></tr>
<tr><td height="19"><strong>Violet</strong></td><td height="19"><strong>#8D38C9</strong></td><td bgcolor="#8d38c9" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Purple3</strong></td><td height="19"><strong>#7A5DC7</strong></td><td bgcolor="#7a5dc7" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Purple</strong></td><td height="19"><strong>#8467D7</strong></td><td bgcolor="#8467d7" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Purple2</strong></td><td height="19"><strong>#9172EC</strong></td><td bgcolor="#9172ec" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Purple1</strong></td><td height="19"><strong>#9E7BFF</strong></td><td bgcolor="#9e7bff" height="19"> </td></tr>
<tr><td height="19"><strong>Light Steel Blue</strong></td><td height="19"><strong>#728FCE</strong></td><td bgcolor="#728fce" height="19"> </td></tr>
<tr><td height="19"><strong>Steel Blue3</strong></td><td height="19"><strong>#488AC7</strong></td><td bgcolor="#488ac7" height="19"> </td></tr>
<tr><td height="19"><strong>Steel Blue2</strong></td><td height="19"><strong>#56A5EC</strong></td><td bgcolor="#56a5ec" height="19"> </td></tr>
<tr><td height="19"><strong>Steel Blue1</strong></td><td height="19"><strong>#5CB3FF</strong></td><td bgcolor="#5cb3ff" height="19"> </td></tr>
<tr><td height="19"><strong>Sky Blue3</strong></td><td height="19"><strong>#659EC7</strong></td><td bgcolor="#659ec7" height="19"> </td></tr>
<tr><td height="19"><strong>Sky Blue4</strong></td><td height="19"><strong>#41627E</strong></td><td bgcolor="#41627e" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Blue</strong></td><td height="19"><strong>#737CA1</strong></td><td bgcolor="#737ca1" height="19"> </td></tr>
<tr><td height="19"><strong>Slate Grey3</strong></td><td height="19"><strong>#98AFC7</strong></td><td bgcolor="#98afc7" height="19"> </td></tr>
<tr><td height="19"><strong>Violet Red</strong></td><td height="19"><strong>#F6358A</strong></td><td bgcolor="#f6358a" height="19"> </td></tr>
<tr><td height="19"><strong>Violet Red2</strong></td><td height="19"><strong>#E4317F</strong></td><td bgcolor="#e4317f" height="19"> </td></tr>
<tr><td><strong>Deep Pink</strong></td><td><strong>#F52887</strong></td><td bgcolor="#f52887"> </td></tr>
<tr><td><strong>Deep Pink2</strong></td><td><strong>#E4287C</strong></td><td bgcolor="#e4287c"> </td></tr>
<tr><td><strong>Deep Pink3</strong></td><td><strong>#C12267</strong></td><td bgcolor="#c12267"> </td></tr>
<tr><td><strong>Deep Pink4</strong></td><td><strong>#7D053F</strong></td><td bgcolor="#7d053f"> </td></tr>
<tr><td height="19"><strong>Medium Violet Red</strong></td><td height="19"><strong>#CA226B</strong></td><td bgcolor="#ca226b" height="19"> </td></tr>
<tr><td height="19"><strong>Violet Red3</strong></td><td height="19"><strong>#C12869</strong></td><td bgcolor="#c12869" height="19"> </td></tr>
<tr><td><strong>Firebrick</strong></td><td><strong>#800517</strong></td><td bgcolor="#800517"> </td></tr>
<tr><td height="19"><strong>Violet Red4</strong></td><td height="19"><strong>#7D0541</strong></td><td bgcolor="#7d0541" height="19"> </td></tr>
<tr><td height="19"><strong>Maroon4</strong></td><td height="19"><strong>#7D0552</strong></td><td bgcolor="#7d0552" height="19"> </td></tr>
<tr><td height="19"><strong>Maroon</strong></td><td height="19"><strong>#810541</strong></td><td bgcolor="#810541" height="19"> </td></tr>
<tr><td height="19"><strong>Maroon3</strong></td><td height="19"><strong>#C12283</strong></td><td bgcolor="#c12283" height="19"> </td></tr>
<tr><td height="19"><strong>Maroon2</strong></td><td height="19"><strong>#E3319D</strong></td><td bgcolor="#e3319d" height="19"> </td></tr>
<tr><td height="19"><strong>Maroon1</strong></td><td height="19"><strong>#F535AA</strong></td><td bgcolor="#f535aa" height="19"> </td></tr>
<tr><td height="19"><strong>Magenta</strong></td><td height="19"><strong>#FF00FF</strong></td><td bgcolor="#ff00ff" height="19"> </td></tr>
<tr><td height="19"><strong>Magenta1</strong></td><td height="19"><strong>#F433FF</strong></td><td bgcolor="#f433ff" height="19"> </td></tr>
<tr><td height="19"><strong>Magenta2</strong></td><td height="19"><strong>#E238EC</strong></td><td bgcolor="#e238ec" height="19"> </td></tr>
<tr><td height="19"><strong>Magenta3</strong></td><td height="19"><strong>#C031C7</strong></td><td bgcolor="#c031c7" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Orchid</strong></td><td height="19"><strong>#B048B5</strong></td><td bgcolor="#b048b5" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Orchid1</strong></td><td height="19"><strong>#D462FF</strong></td><td bgcolor="#d462ff" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Orchid2</strong></td><td height="19"><strong>#C45AEC</strong></td><td bgcolor="#c45aec" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Orchid3</strong></td><td height="19"><strong>#A74AC7</strong></td><td bgcolor="#a74ac7" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Orchid4</strong></td><td height="19"><strong>#6A287E</strong></td><td bgcolor="#6a287e" height="19"> </td></tr>
<tr><td height="19"><strong>Purple</strong></td><td height="19"><strong>#8E35EF</strong></td><td bgcolor="#8e35ef" height="19"> </td></tr>
<tr><td height="19"><strong>Purple1</strong></td><td height="19"><strong>#893BFF</strong></td><td bgcolor="#893bff" height="19"> </td></tr>
<tr><td height="19"><strong>Purple2</strong></td><td height="19"><strong>#7F38EC</strong></td><td bgcolor="#7f38ec" height="19"> </td></tr>
<tr><td height="19"><strong>Purple3</strong></td><td height="19"><strong>#6C2DC7</strong></td><td bgcolor="#6c2dc7" height="19"> </td></tr>
<tr><td height="19"><strong>Purple4</strong></td><td height="19"><strong>#461B7E</strong></td><td bgcolor="#461b7e" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orchid4</strong></td><td height="19"><strong>#571B7E</strong></td><td bgcolor="#571b7e" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orchid</strong></td><td height="19"><strong>#7D1B7E</strong></td><td bgcolor="#7d1b7e" height="19"> </td></tr>
<tr><td><strong>Dark Violet</strong></td><td><strong>#842DCE</strong></td><td bgcolor="#842dce"> </td></tr>
<tr><td height="19"><strong>Dark Orchid3</strong></td><td height="19"><strong>#8B31C7</strong></td><td bgcolor="#8b31c7" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orchid2</strong></td><td height="19"><strong>#A23BEC</strong></td><td bgcolor="#A23bec" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orchid1</strong></td><td height="19"><strong>#B041FF</strong></td><td bgcolor="#b041ff" height="19"> </td></tr>
<tr><td height="19"><strong>Plum4</strong></td><td height="19"><strong>#7E587E</strong></td><td bgcolor="#7e587e" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Violet Red</strong></td><td height="19"><strong>#D16587</strong></td><td bgcolor="#d16587" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Violet Red1</strong></td><td height="19"><strong>#F778A1</strong></td><td bgcolor="#f778a1" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Violet Red2</strong></td><td height="19"><strong>#E56E94</strong></td><td bgcolor="#e56e94" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Violet Red3</strong></td><td height="19"><strong>#C25A7C</strong></td><td bgcolor="#c25a7c" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Violet Red4</strong></td><td height="19"><strong>#7E354D</strong></td><td bgcolor="#7e354d" height="19"> </td></tr>
<tr><td height="19"><strong>Plum</strong></td><td height="19"><strong>#B93B8F</strong></td><td bgcolor="#b93b8f" height="19"> </td></tr>
<tr><td height="19"><strong>Plum1</strong></td><td height="19"><strong>#F9B7FF</strong></td><td bgcolor="#f9b7ff" height="19"> </td></tr>
<tr><td height="19"><strong>Plum2</strong></td><td height="19"><strong>#E6A9EC</strong></td><td bgcolor="#e6a9ec" height="19"> </td></tr>
<tr><td height="19"><strong>Plum3</strong></td><td height="19"><strong>#C38EC7</strong></td><td bgcolor="#c38ec7" height="19"> </td></tr>
<tr><td height="19"><strong>Thistle</strong></td><td height="19"><strong>#D2B9D3</strong></td><td bgcolor="#D2B9D3" height="19"> </td></tr>
<tr><td height="19"><strong>Thistle3</strong></td><td height="19"><strong>#C6AEC7</strong></td><td bgcolor="#c6aec7" height="19"> </td></tr>
<tr><td><strong>Lavendar Blush2</strong></td><td><strong>#EBDDE2</strong></td><td bgcolor="#ebdde2"> </td></tr>
<tr><td><strong>Lavendar Blush3</strong></td><td><strong>#C8BBBE</strong></td><td bgcolor="#c8bbbe"> </td></tr>
<tr><td height="19"><strong>Thistle2</strong></td><td height="19"><strong>#E9CFEC</strong></td><td bgcolor="#d9cfec" height="19"> </td></tr>
<tr><td height="19"><strong>Thistle1</strong></td><td height="19"><strong>#FCDFFF</strong></td><td bgcolor="#fcdfff" height="19"> </td></tr>
<tr><td height="19"><strong>Lavendar</strong></td><td height="19"><strong>#E3E4FA</strong></td><td bgcolor="#e3e4fa" height="19"> </td></tr>
<tr><td height="19"><strong>Lavendar Blush</strong></td><td height="19"><strong>#FDEEF4</strong></td><td bgcolor="#fdeef4" height="19"> </td></tr>
<tr><td height="18"><strong>Light Steel Blue1</strong></td><td height="18"><strong>#C6DEFF</strong></td><td bgcolor="#c6deff" height="18"> </td></tr>
<tr><td height="19"><strong>Light Blue</strong></td><td height="19"><strong>#ADDFFF</strong></td><td bgcolor="#addfff" height="19"> </td></tr>
<tr><td height="19"><strong>Light Blue1</strong></td><td height="19"><strong>#BDEDFF</strong></td><td bgcolor="#bdedff" height="19"> </td></tr>
<tr><td height="19"><strong>Light Cyan</strong></td><td height="19"><strong>#E0FFFF</strong></td><td bgcolor="#e0ffff" height="19"> </td></tr>
<tr><td><strong>Slate Grey1</strong></td><td><strong>#C2DFFF</strong></td><td bgcolor="#c2dfff"> </td></tr>
<tr><td><strong>Slate Grey2</strong></td><td><strong>#B4CFEC</strong></td><td bgcolor="#b4cfec"> </td></tr>
<tr><td height="19"><strong>Light Steel Blue2</strong></td><td height="19"><strong>#B7CEEC</strong></td><td bgcolor="#b7ceec" height="19"> </td></tr>
<tr><td height="19"><strong>Turquoise1</strong></td><td height="19"><strong>#52F3FF</strong></td><td bgcolor="#52f3ff" height="19"> </td></tr>
<tr><td height="19"><strong>Cyan</strong></td><td height="19"><strong>#00FFFF</strong></td><td bgcolor="#00ffff" height="19"> </td></tr>
<tr><td height="19"><strong>Cyan1</strong></td><td height="19"><strong>#57FEFF</strong></td><td bgcolor="#57feff" height="19"> </td></tr>
<tr><td height="19"><strong>Cyan2</strong></td><td height="19"><strong>#50EBEC</strong></td><td bgcolor="#50ebec" height="19"> </td></tr>
<tr><td height="19"><strong>Turquoise2</strong></td><td height="19"><strong>#4EE2EC</strong></td><td bgcolor="#4ee2ec" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Turquoise</strong></td><td height="19"><strong>#48CCCD</strong></td><td bgcolor="#48cccd" height="19"> </td></tr>
<tr><td height="19"><strong>Turquoise</strong></td><td height="19"><strong>#43C6DB</strong></td><td bgcolor="#43c6db" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Grey1</strong></td><td height="19"><strong>#9AFEFF</strong></td><td bgcolor="#9afeff" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Grey2</strong></td><td height="19"><strong>#8EEBEC</strong></td><td bgcolor="#8eebec" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Slate Grey3</strong></td><td height="19"><strong>#78C7C7</strong></td><td bgcolor="#78c7c7" height="19"> </td></tr>
<tr><td height="19"><strong>Cyan3</strong></td><td height="19"><strong>#46C7C7</strong></td><td bgcolor="#46c7c7" height="19"> </td></tr>
<tr><td height="19"><strong>Turquoise3</strong></td><td height="19"><strong>#43BFC7</strong></td><td bgcolor="#43bfc7" height="19"> </td></tr>
<tr><td height="19"><strong>Cadet Blue3</strong></td><td height="19"><strong>#77BFC7</strong></td><td bgcolor="#77bfc7" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Turquoise3</strong></td><td height="19"><strong>#92C7C7</strong></td><td bgcolor="#92c7c7" height="19"> </td></tr>
<tr><td height="19"><strong>Light Blue2</strong></td><td height="19"><strong>#AFDCEC</strong></td><td bgcolor="#afdcec" height="19"> </td></tr>
<tr><td><strong>Dark Turquoise</strong></td><td><strong>#3B9C9C</strong></td><td bgcolor="#3b9c9c"> </td></tr>
<tr><td height="19"><strong>Cyan4</strong></td><td height="19"><strong>#307D7E</strong></td><td bgcolor="#307d7e" height="19"> </td></tr>
<tr><td><strong>Light Sea Green</strong></td><td><strong>#3EA99F</strong></td><td bgcolor="#3EA99F"> </td></tr>
<tr><td><strong>Light Sky Blue</strong></td><td><strong>#82CAFA</strong></td><td bgcolor="#82cafa"> </td></tr>
<tr><td><strong>Light Sky Blue2</strong></td><td><strong>#A0CFEC</strong></td><td bgcolor="#a0cfec"> </td></tr>
<tr><td><strong>Light Sky Blue3</strong></td><td><strong>#87AFC7</strong></td><td bgcolor="#87afc7"> </td></tr>
<tr><td><strong>Sky Blue</strong></td><td><strong>#82CAFF</strong></td><td bgcolor="#82caff"> </td></tr>
<tr><td><strong>Sky Blue2</strong></td><td><strong>#B0E2FF</strong></td><td bgcolor="#B0E2FF"> </td></tr>
<tr><td><strong>Light Sky Blue4</strong></td><td><strong>#566D7E</strong></td><td bgcolor="#566d7e"> </td></tr>
<tr><td><strong>Sky Blue</strong></td><td><strong>#6698FF</strong></td><td bgcolor="#6698ff"> </td></tr>
<tr><td><strong>Light Slate Blue</strong></td><td><strong>#736AFF</strong></td><td bgcolor="#736aff"> </td></tr>
<tr><td height="19"><strong>Light Cyan2</strong></td><td height="19"><strong>#CFECEC</strong></td><td bgcolor="#cfecec" height="19"> </td></tr>
<tr><td height="19"><strong>Light Cyan3</strong></td><td height="19"><strong>#AFC7C7</strong></td><td bgcolor="#afc7c7" height="19"> </td></tr>
<tr><td height="19"><strong>Light Cyan4</strong></td><td height="19"><strong>#717D7D</strong></td><td bgcolor="#717d7d" height="19"> </td></tr>
<tr><td height="19"><strong>Light Blue3</strong></td><td height="19"><strong>#95B9C7</strong></td><td bgcolor="#95b9c7" height="19"> </td></tr>
<tr><td height="19"><strong>Light Blue4</strong></td><td height="19"><strong>#5E767E</strong></td><td bgcolor="#5e767e" height="19"> </td></tr>
<tr><td height="19"><strong>Pale Turquoise4</strong></td><td height="19"><strong>#5E7D7E</strong></td><td bgcolor="#5e7d7e" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Sea Green4</strong></td><td height="19"><strong>#617C58</strong></td><td bgcolor="#617c58" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Aquamarine</strong></td><td height="19"><strong>#348781</strong></td><td bgcolor="#348781" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Sea Green</strong></td><td height="19"><strong>#306754</strong></td><td bgcolor="#306754" height="19"> </td></tr>
<tr><td height="19"><strong>Sea Green</strong></td><td height="19"><strong>#4E8975</strong></td><td bgcolor="#4e8975" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Green</strong></td><td height="19"><strong>#254117</strong></td><td bgcolor="#254117" height="19"> </td></tr>
<tr><td height="19"><strong>Sea Green4</strong></td><td height="19"><strong>#387C44</strong></td><td bgcolor="#387c44" height="19"> </td></tr>
<tr><td><strong>Forest Green</strong></td><td><strong>#4E9258</strong></td><td bgcolor="#4e9258"> </td></tr>
<tr><td height="19"><strong>Medium Forest Green</strong></td><td height="19"><strong>#347235</strong></td><td bgcolor="#347235" height="19"> </td></tr>
<tr><td height="19"><strong>Spring Green4</strong></td><td height="19"><strong>#347C2C</strong></td><td bgcolor="#347c2c" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Olive Green4</strong></td><td height="19"><strong>#667C26</strong></td><td bgcolor="#667c26" height="19"> </td></tr>
<tr><td height="19"><strong>Chartreuse4</strong></td><td height="19"><strong>#437C17</strong></td><td bgcolor="#437c17" height="19"> </td></tr>
<tr><td height="19"><strong>Green4</strong></td><td height="19"><strong>#347C17</strong></td><td bgcolor="#347c17" height="19"> </td></tr>
<tr><td height="19"><strong>Medium Spring Green</strong></td><td height="19"><strong>#348017</strong></td><td bgcolor="#348017" height="19"> </td></tr>
<tr><td><strong>Spring Green</strong></td><td><strong>#4AA02C</strong></td><td bgcolor="#4aa02c"> </td></tr>
<tr><td height="19"><strong>Lime Green</strong></td><td height="19"><strong>#41A317</strong></td><td bgcolor="#41a317" height="19"> </td></tr>
<tr><td height="19"><strong>Spring Green</strong></td><td height="19"><strong>#4AA02C</strong></td><td bgcolor="#4aa02c" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Sea Green</strong></td><td height="19"><strong>#8BB381</strong></td><td bgcolor="#8bb381" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Sea Green3</strong></td><td height="19"><strong>#99C68E</strong></td><td bgcolor="#99c68e" height="19"> </td></tr>
<tr><td height="19"><strong>Green3</strong></td><td height="19"><strong>#4CC417</strong></td><td bgcolor="#4cc417" height="19"> </td></tr>
<tr><td height="19"><strong>Chartreuse3</strong></td><td height="19"><strong>#6CC417</strong></td><td bgcolor="#6cc417" height="19"> </td></tr>
<tr><td height="19"><strong>Yellow Green</strong></td><td height="19"><strong>#52D017</strong></td><td bgcolor="#52d017" height="19"> </td></tr>
<tr><td height="19"><strong>Spring Green3</strong></td><td height="19"><strong>#4CC552</strong></td><td bgcolor="#4cc552" height="19"> </td></tr>
<tr><td height="19"><strong>Sea Green3</strong></td><td height="19"><strong>#54C571</strong></td><td bgcolor="#54c571" height="19"> </td></tr>
<tr><td height="19"><strong>Spring Green2</strong></td><td height="19"><strong>#57E964</strong></td><td bgcolor="#57e964" height="19"> </td></tr>
<tr><td height="19"><strong>Spring Green1</strong></td><td height="19"><strong>#5EFB6E</strong></td><td bgcolor="#5efb6e" height="19"> </td></tr>
<tr><td height="19"><strong>Sea Green2</strong></td><td height="19"><strong>#64E986</strong></td><td bgcolor="#64e986" height="19"> </td></tr>
<tr><td height="19"><strong>Sea Green1</strong></td><td height="19"><strong>#6AFB92</strong></td><td bgcolor="#6afb92" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Sea Green2</strong></td><td height="19"><strong>#B5EAAA</strong></td><td bgcolor="#b5eaaa" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Sea Green1</strong></td><td height="19"><strong>#C3FDB8</strong></td><td bgcolor="#c3fdb8" height="19"> </td></tr>
<tr><td height="19"><strong>Green</strong></td><td height="19"><strong>#00FF00</strong></td><td bgcolor="#00ff00" height="19"> </td></tr>
<tr><td><strong>Lawn Green</strong></td><td><strong>#87F717</strong></td><td bgcolor="#87f717"> </td></tr>
<tr><td height="19"><strong>Green1</strong></td><td height="19"><strong>#5FFB17</strong></td><td bgcolor="#5ffb17" height="19"> </td></tr>
<tr><td height="19"><strong>Green2</strong></td><td height="19"><strong>#59E817</strong></td><td bgcolor="#59e817" height="19"> </td></tr>
<tr><td height="19"><strong>Chartreuse2</strong></td><td height="19"><strong>#7FE817</strong></td><td bgcolor="#7fe817" height="19"> </td></tr>
<tr><td height="19"><strong>Chartreuse</strong></td><td height="19"><strong>#8AFB17</strong></td><td bgcolor="#8afb17" height="19"> </td></tr>
<tr><td height="19"><strong>Green Yellow</strong></td><td height="19"><strong>#B1FB17</strong></td><td bgcolor="#b1fb17" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Olive Green1</strong></td><td height="19"><strong>#CCFB5D</strong></td><td bgcolor="#ccfb5d" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Olive Green2</strong></td><td height="19"><strong>#BCE954</strong></td><td bgcolor="#bce954" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Olive Green3</strong></td><td height="19"><strong>#A0C544</strong></td><td bgcolor="#a0c544" height="19"> </td></tr>
<tr><td height="19"><strong>Yellow</strong></td><td height="19"><strong>#FFFF00</strong></td><td bgcolor="#ffff00" height="19"> </td></tr>
<tr><td height="19"><strong>Yellow1</strong></td><td height="19"><strong>#FFFC17</strong></td><td bgcolor="#FFFC17" height="19"> </td></tr>
<tr><td height="19"><strong>Khaki1</strong></td><td height="19"><strong>#FFF380</strong></td><td bgcolor="#fff380" height="19"> </td></tr>
<tr><td height="19"><strong>Khaki2</strong></td><td height="19"><strong>#EDE275</strong></td><td bgcolor="#ede275" height="19"> </td></tr>
<tr><td height="19"><strong>Goldenrod</strong></td><td height="19"><strong>#EDDA74</strong></td><td bgcolor="#edda74" height="19"> </td></tr>
<tr><td height="19"><strong>Gold2</strong></td><td height="19"><strong>#EAC117</strong></td><td bgcolor="#eac117" height="19"> </td></tr>
<tr><td><strong>Gold1</strong></td><td><strong>#FDD017</strong></td><td bgcolor="#fdd017"> </td></tr>
<tr><td height="19"><strong>Goldenrod1</strong></td><td height="19"><strong>#FBB917</strong></td><td bgcolor="#fbb917" height="19"> </td></tr>
<tr><td height="19"><strong>Goldenrod2</strong></td><td height="19"><strong>#E9AB17</strong></td><td bgcolor="#e9ab17" height="19"> </td></tr>
<tr><td><strong>Gold</strong></td><td><strong>#D4A017</strong></td><td bgcolor="#d4a017"> </td></tr>
<tr><td height="19"><strong>Gold3</strong></td><td height="19"><strong>#C7A317</strong></td><td bgcolor="#c7a317" height="19"> </td></tr>
<tr><td height="19"><strong>Goldenrod3</strong></td><td height="19"><strong>#C68E17</strong></td><td bgcolor="#c68e17" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Goldenrod</strong></td><td height="19"><strong>#AF7817</strong></td><td bgcolor="#af7817" height="19"> </td></tr>
<tr><td height="19"><strong>Khaki</strong></td><td height="19"><strong>#ADA96E</strong></td><td bgcolor="#ada96e" height="19"> </td></tr>
<tr><td height="19"><strong>Khaki3</strong></td><td height="19"><strong>#C9BE62</strong></td><td bgcolor="#c9be62" height="19"> </td></tr>
<tr><td height="19"><strong>Khaki4</strong></td><td height="19"><strong>#827839</strong></td><td bgcolor="#827839" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Goldenrod1</strong></td><td height="19"><strong>#FBB117</strong></td><td bgcolor="#fbb117" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Goldenrod2</strong></td><td height="19"><strong>#E8A317</strong></td><td bgcolor="#e8a317" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Goldenrod3</strong></td><td height="19"><strong>#C58917</strong></td><td bgcolor="#c58917" height="19"> </td></tr>
<tr><td><strong>Sienna1</strong></td><td><strong>#F87431</strong></td><td bgcolor="#f87431"> </td></tr>
<tr><td><strong>Sienna2</strong></td><td><strong>#E66C2C</strong></td><td bgcolor="#e66c2c"> </td></tr>
<tr><td height="19"><strong>Dark Orange</strong></td><td height="19"><strong>#F88017</strong></td><td bgcolor="#f88017" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orange1</strong></td><td height="19"><strong>#F87217</strong></td><td bgcolor="#f87217" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orange2</strong></td><td height="19"><strong>#E56717</strong></td><td bgcolor="#e56717" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orange3</strong></td><td height="19"><strong>#C35617</strong></td><td bgcolor="#c35617" height="19"> </td></tr>
<tr><td><strong>Sienna3</strong></td><td><strong>#C35817</strong></td><td bgcolor="#c35817"> </td></tr>
<tr><td><strong>Sienna</strong></td><td><strong>#8A4117</strong></td><td bgcolor="#8a4117"> </td></tr>
<tr><td><strong>Sienna4</strong></td><td><strong>#7E3517</strong></td><td bgcolor="#7e3517"> </td></tr>
<tr><td height="19"><strong>Indian Red4</strong></td><td height="19"><strong>#7E2217</strong></td><td bgcolor="#7e2217" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Orange3</strong></td><td height="19"><strong>#7E3117</strong></td><td bgcolor="#7e3117" height="19"> </td></tr>
<tr><td height="19"><strong>Salmon4</strong></td><td height="19"><strong>#7E3817</strong></td><td bgcolor="#7e3817" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Goldenrod4</strong></td><td height="19"><strong>#7F5217</strong></td><td bgcolor="#7f5217" height="19"> </td></tr>
<tr><td height="19"><strong>Gold4</strong></td><td height="19"><strong>#806517</strong></td><td bgcolor="#806517" height="19"> </td></tr>
<tr><td height="19"><strong>Goldenrod4</strong></td><td height="19"><strong>#805817</strong></td><td bgcolor="#805817" height="19"> </td></tr>
<tr><td><strong>Light Salmon4</strong></td><td><strong>#7F462C</strong></td><td bgcolor="#7f462c"> </td></tr>
<tr><td height="19"><strong>Chocolate</strong></td><td height="19"><strong>#C85A17</strong></td><td bgcolor="#c85a17" height="19"> </td></tr>
<tr><td height="19"><strong>Coral3</strong></td><td height="19"><strong>#C34A2C</strong></td><td bgcolor="#C34A2C" height="19"> </td></tr>
<tr><td height="19"><strong>Coral2</strong></td><td height="19"><strong>#E55B3C</strong></td><td bgcolor="#e55b3c" height="19"> </td></tr>
<tr><td height="19"><strong>Coral</strong></td><td height="19"><strong>#F76541</strong></td><td bgcolor="#f76541" height="19"> </td></tr>
<tr><td height="19"><strong>Dark Salmon</strong></td><td height="19"><strong>#E18B6B</strong></td><td bgcolor="#e18b6b" height="19"> </td></tr>
<tr><td height="19"><strong>Salmon1</strong></td><td height="19"><strong>#F88158</strong></td><td bgcolor="#f88158" height="19"> </td></tr>
<tr><td height="19"><strong>Salmon2</strong></td><td height="19"><strong>#E67451</strong></td><td bgcolor="#e67451" height="19"> </td></tr>
<tr><td height="19"><strong>Salmon3</strong></td><td height="19"><strong>#C36241</strong></td><td bgcolor="#c36241" height="19"> </td></tr>
<tr><td><strong>Light Salmon3</strong></td><td><strong>#C47451</strong></td><td bgcolor="#c47451"> </td></tr>
<tr><td><strong>Light Salmon2</strong></td><td><strong>#E78A61</strong></td><td bgcolor="#e78a61"> </td></tr>
<tr><td><strong>Light Salmon</strong></td><td><strong>#F9966B</strong></td><td bgcolor="#f9966b"> </td></tr>
<tr><td height="19"><strong>Sandy Brown</strong></td><td height="19"><strong>#EE9A4D</strong></td><td bgcolor="#ee9a4d" height="19"> </td></tr>
<tr><td height="19"><strong>Hot Pink</strong></td><td height="19"><strong>#F660AB</strong></td><td bgcolor="#f660ab" height="19"> </td></tr>
<tr><td height="19"><strong>Hot Pink1</strong></td><td height="19"><strong>#F665AB</strong></td><td bgcolor="#f665ab" height="19"> </td></tr>
<tr><td height="19"><strong>Hot Pink2</strong></td><td height="19"><strong>#E45E9D</strong></td><td bgcolor="#e45e9d" height="19"> </td></tr>
<tr><td height="19"><strong>Hot Pink3</strong></td><td height="19"><strong>#C25283</strong></td><td bgcolor="#c25283" height="19"> </td></tr>
<tr><td height="19"><strong>Hot Pink4</strong></td><td height="19"><strong>#7D2252</strong></td><td bgcolor="#7d2252" height="19"> </td></tr>
<tr><td><strong>Light Coral</strong></td><td><strong>#E77471</strong></td><td bgcolor="#e77471"> </td></tr>
<tr><td height="19"><strong>Indian Red1</strong></td><td height="19"><strong>#F75D59</strong></td><td bgcolor="#f75d59" height="19"> </td></tr>
<tr><td height="19"><strong>Indian Red2</strong></td><td height="19"><strong>#E55451</strong></td><td bgcolor="#e55451" height="19"> </td></tr>
<tr><td height="19"><strong>Indian Red3</strong></td><td height="19"><strong>#C24641</strong></td><td bgcolor="#c24641" height="19"> </td></tr>
<tr><td height="19"><strong>Red</strong></td><td height="19"><strong>#FF0000</strong></td><td bgcolor="#ff0000" height="19"> </td></tr>
<tr><td height="19"><strong>Red1</strong></td><td height="19"><strong>#F62217</strong></td><td bgcolor="#f62217" height="19"> </td></tr>
<tr><td height="19"><strong>Red2</strong></td><td height="19"><strong>#E41B17</strong></td><td bgcolor="#e41b17" height="19"> </td></tr>
<tr><td><strong>Firebrick1</strong></td><td><strong>#F62817</strong></td><td bgcolor="#f62817"> </td></tr>
<tr><td><strong>Firebrick2</strong></td><td><strong>#E42217</strong></td><td bgcolor="#e42217"> </td></tr>
<tr><td><strong>Firebrick3</strong></td><td><strong>#C11B17</strong></td><td bgcolor="#c11b17"> </td></tr>
<tr><td height="19"><strong>Pink</strong></td><td height="19"><strong>#FAAFBE</strong></td><td bgcolor="#faafbe" height="19"> </td></tr>
<tr><td height="19"><strong>Rosy Brown1</strong></td><td height="19"><strong>#FBBBB9</strong></td><td bgcolor="#fbbbb9" height="19"> </td></tr>
<tr><td height="19"><strong>Rosy Brown2</strong></td><td height="19"><strong>#E8ADAA</strong></td><td bgcolor="#e8adaa" height="19"> </td></tr>
<tr><td height="19"><strong>Pink2</strong></td><td height="19"><strong>#E7A1B0</strong></td><td bgcolor="#e7a1b0" height="19"> </td></tr>
<tr><td><strong>Light Pink</strong></td><td><strong>#FAAFBA</strong></td><td bgcolor="#faafba"> </td></tr>
<tr><td><strong>Light Pink1</strong></td><td><strong>#F9A7B0</strong></td><td bgcolor="#f9a7b0"> </td></tr>
<tr><td><strong>Light Pink2</strong></td><td><strong>#E799A3</strong></td><td bgcolor="#e799a3"> </td></tr>
<tr><td height="19"><strong>Pink3</strong></td><td height="19"><strong>#C48793</strong></td><td bgcolor="#c48793" height="19"> </td></tr>
<tr><td height="19"><strong>Rosy Brown3</strong></td><td height="19"><strong>#C5908E</strong></td><td bgcolor="#c5908e" height="19"> </td></tr>
<tr><td height="19"><strong>Rosy Brown</strong></td><td height="19"><strong>#B38481</strong></td><td bgcolor="#b38481" height="19"> </td></tr>
<tr><td><strong>Light Pink3</strong></td><td><strong>#C48189</strong></td><td bgcolor="#c48189"> </td></tr>
<tr><td height="19"><strong>Rosy Brown4</strong></td><td height="19"><strong>#7F5A58</strong></td><td bgcolor="#7f5a58" height="19"> </td></tr>
<tr><td><strong>Light Pink4</strong></td><td><strong>#7F4E52</strong></td><td bgcolor="#7f4e52"> </td></tr>
<tr><td height="19"><strong>Pink4</strong></td><td height="19"><strong>#7F525D</strong></td><td bgcolor="#7f525d" height="19"> </td></tr>
<tr><td><strong>Lavendar Blush4</strong></td><td><strong>#817679</strong></td><td bgcolor="#817679"> </td></tr>
<tr><td><strong>Light Goldenrod4</strong></td><td><strong>#817339</strong></td><td bgcolor="#817339"> </td></tr>
<tr><td><strong>Lemon Chiffon4</strong></td><td><strong>#827B60</strong></td><td bgcolor="#827b60"> </td></tr>
<tr><td><strong>Lemon Chiffon3</strong></td><td><strong>#C9C299</strong></td><td bgcolor="#c9c299"> </td></tr>
<tr><td><strong>Light Goldenrod3</strong></td><td><strong>#C8B560</strong></td><td bgcolor="#c8b560"> </td></tr>
<tr><td><strong>Light Golden2</strong></td><td><strong>#ECD672</strong></td><td bgcolor="#ecd672"> </td></tr>
<tr><td><strong>Light Goldenrod</strong></td><td><strong>#ECD872</strong></td><td bgcolor="#ecd872"> </td></tr>
<tr><td><strong>Light Goldenrod1</strong></td><td><strong>#FFE87C</strong></td><td bgcolor="#ffe87c"> </td></tr>
<tr><td><strong>Lemon Chiffon2</strong></td><td><strong>#ECE5B6</strong></td><td bgcolor="#ece5b6"> </td></tr>
<tr><td><strong>Lemon Chiffon</strong></td><td><strong>#FFF8C6</strong></td><td bgcolor="#fff8c6"> </td></tr>
<tr><td><strong>Light Goldenrod Yellow</strong></td><td><strong>#FAF8CC</strong></td><td bgcolor="#faf8cc"> </td></tr>
</tbody></table></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-29829477318189381902012-03-13T18:16:00.000-07:002012-03-13T18:16:03.931-07:00Feedburner - FeedCount Chicklet Text<div dir="ltr" style="text-align: left;" trbidi="on"> Feedburner is a very popular feed aggregator and provides a host of services which you can tap on to publicize and promote your Blog. One widely used service is their FeedCount Chicklet which displays your Blog Feed's circulation statistics. The chicklet can be static (displaying the number of “readers”) or animated (showing the number of “readers” via feed). Although you can change the background and text color for the graphic display, there is no option for you to change the text. This hack will explain how to change and personalize the FeedCount Chicklet text as well as to change the animation settings so that it rolls the text more than once.<br />
<a name='more'></a><br />
<br />
For those who have yet to sign up for a <a href="http://www.feedburner.com/" rel="nofollow" target="_blank">Feedburner</a> account, consider doing so right away. Now that it is under the Google family, there is an easy way for you to channel all your Blogger feed subscribers to Feedburner. Login to Blogger, and under Settings -> Site Feed, enter your Blog's Feedburner Feed address into the box beside “Post Feed Redirect URL.” Readers who click the “Subscribe to: Posts (Atom)” link or the RSS icon in their browsers will be redirected to your Feedburner Feed.<br />
<br />
<span style="color: #339999; font-weight: bold;">FeedCount Chicklet</span><br />
<br />
When you are logged into Feedburner account and are viewing your Feed details, click the Publicize -> FeedCount tab. This is where you can generate a code to display a chicklet in your Blog which shows the subscriber count. Whether or not you already have a high number of subscribers doesn't really matter. A nice chicklet can draw readers' attention and make it easy for them to click the Feed link.<br />
<br />
Choose the custom colors of the body and text and click “Activate”. You will be given a HTML code for the Chicklet. We have to edit this code. Open MS Notepad (usually found under All Programs -> Accessories in Microsoft Windows) or a word processor program. Copy and paste this code.<br />
<br />
<span style="color: #339999; font-weight: bold;">Static FeedCount HTML Code</span><br />
<br />
The static FeedCount code will look something like this:-<br />
<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p><a href="http://feeds.feedburner.com/ TipsForNewBloggers"><img src="http://feeds.feedburner.com/~fc/ TipsForNewBloggers?bg=99CCFF&amp;fg=444444& anim=0" height="26" width="88" style="border:0" alt="" /></a></p><br />
</div></th></tr>
</tbody></table><br />
<br />
This is the standard FeedCount chicklet you see:-<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gZBQEXf9WmYYumYFsfsWgHrwgjN1ikEqc47rwKcsp2_0rC56dnmZ2irYHm_i_kGLZyPppZZpA0pa_jporqG8gaik2E9h4NVYyEJZ4Sqk_rO_5hDygY26jBBsRtcsnPsmcdj_vGFFOwQ/s1600-h/feedcount+001.jpg"><img alt="Feedburner - FeedCount Chicklet Text" border="0" id="BLOGGER_PHOTO_ID_5103405515492867682" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gZBQEXf9WmYYumYFsfsWgHrwgjN1ikEqc47rwKcsp2_0rC56dnmZ2irYHm_i_kGLZyPppZZpA0pa_jporqG8gaik2E9h4NVYyEJZ4Sqk_rO_5hDygY26jBBsRtcsnPsmcdj_vGFFOwQ/s400/feedcount+001.jpg" style="cursor: pointer;" /></a><br />
<br />
To change the word “readers” to some other text such as “Viewers”, insert this other code (shown in <span style="color: red; font-weight: bold;">red</span>). You can change the word “Viewers” to other text, but because of the space constraint, keep it to no more than 7 characters.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p><a href="http://feeds.feedburner.com/ TipsForNewBloggers"><img src="http://feeds.feedburner.com/~fc/ TipsForNewBloggers?bg=99CCFF&amp;fg=444444& anim=0<span style="color: red;">&amp;label=Viewers</span>" height="26" width="88" style="border:0" alt="" /></a></p><br />
</div></th></tr>
</tbody></table><br />
<br />
The FeedCount chicklet now looks like this:-<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuvH3noWyUst-vHNZ1HqbPvfwixzulJc0lAxWKyKClUBsmgXGoDWQqLQ1i5AbdxY2hQsr_22h6NqJycWmoT7RuflWoCi04sI00J0PfpwMbQmuc-WAFjNY6Jc1I2bX2GLgIwRKndQFY64U/s1600-h/feedcount+002.jpg"><img alt="Feedburner - FeedCount Chicklet Text" border="0" id="BLOGGER_PHOTO_ID_5103405519787834994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuvH3noWyUst-vHNZ1HqbPvfwixzulJc0lAxWKyKClUBsmgXGoDWQqLQ1i5AbdxY2hQsr_22h6NqJycWmoT7RuflWoCi04sI00J0PfpwMbQmuc-WAFjNY6Jc1I2bX2GLgIwRKndQFY64U/s400/feedcount+002.jpg" style="cursor: pointer;" /></a><br />
<br />
You can change the text to capital letters or include characters, e.g., “*FANS*”, and your new FeedCount Chicklet will look like this:-<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7P2RFhjJXbNLQheIXMx2RaIySs4BqLYklsNfbVG0hMulK49Vz-Ee4onsyXANCfXXQqn_JZpimnzpPtao15j6Xjz8XsQAZ6OqdNNkmzZIzKZaq7WAEscJkB1Vyo-jBSA6R5yWE_npGM-s/s1600-h/feedcount+003.jpg"><img alt="Feedburner - FeedCount Chicklet Text" border="0" id="BLOGGER_PHOTO_ID_5103405519787835010" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7P2RFhjJXbNLQheIXMx2RaIySs4BqLYklsNfbVG0hMulK49Vz-Ee4onsyXANCfXXQqn_JZpimnzpPtao15j6Xjz8XsQAZ6OqdNNkmzZIzKZaq7WAEscJkB1Vyo-jBSA6R5yWE_npGM-s/s400/feedcount+003.jpg" style="cursor: pointer;" /></a><br />
<br />
<span style="color: #339999; font-weight: bold;">Animated FeedCount HTML Code</span><br />
<br />
The animated FeedCount code is rather similar except that the animation value is set as “1” instead of “0”.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p><a href="http://feeds.feedburner.com/ TipsForNewBloggers"><img src="http://feeds.feedburner.com/~fc/ TipsForNewBloggers?bg=99CCFF&amp;fg=444444& anim=<span style="color: red;">1</span>" height="26" width="88" style="border:0" alt="" /></a></p><br />
</div></th></tr>
</tbody></table><br />
<br />
When the page is loaded, viewers will see a one-time rolling text of number of “readers” via feed.<br />
<br />
<a href="http://feeds.feedburner.com/TipsForNewBloggers" target="_blank" title="Tips for New Bloggers"><img alt="Tips for New Bloggers" height="26" src="http://feeds.feedburner.com/%7Efc/TipsForNewBloggers?bg=99CCFF&fg=444444&anim=1" style="border: 0pt none;" width="88" /></a><br />
<br />
The word “readers” can be changed to other text like “Members” by inserting the code (shown in <span style="color: red; font-weight: bold;">red</span>):-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p><a href="http://feeds.feedburner.com/ TipsForNewBloggers"><img src="http://feeds.feedburner.com/~fc/ TipsForNewBloggers?bg=99CCFF&amp;fg=444444& anim=1<span style="color: red;">&amp;label=Members</span>" height="26" width="88" style="border:0" alt="" /></a></p><br />
</div></th></tr>
</tbody></table><br />
This is the new FeedCount Chicklet you will see. Insert the relevant text that suits your Blog.<br />
<br />
<a href="http://feeds.feedburner.com/TipsForNewBloggers" target="_blank" title="Tips for New Bloggers"><img alt="Tips for New Bloggers" height="26" src="http://feeds.feedburner.com/%7Efc/TipsForNewBloggers?bg=99CCFF&fg=444444&anim=1&label=Members" style="border: 0pt none;" width="88" /></a><br />
<br />
<span style="color: #339999; font-weight: bold;">Animation to play more than once</span><br />
<br />
Other than the change in text, you can also set the animation to play more than once by changing the <span style="color: red; font-weight: bold;">anim</span> value to something greater than 1. Since readers are unlikely to stay on a page for too long, it need not be too big a value. When the page is refreshed, the animation count will start all over again.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p><a href="http://feeds.feedburner.com/ TipsForNewBloggers"><img src="http://feeds.feedburner.com/~fc/ TipsForNewBloggers?bg=99CCFF&amp;fg=444444& <span style="color: red;">anim=50&amp;label=Friends</span>" height="26" width="88" style="border:0" alt="" /></a></p><br />
</div></th></tr>
</tbody></table><br />
Our animated FeedCount Chicklet will now look like this:-<br />
<br />
<a href="http://feeds.feedburner.com/TipsForNewBloggers" target="_blank" title="Tips for New Bloggers"><img alt="Tips for New Bloggers" height="26" src="http://feeds.feedburner.com/%7Efc/TipsForNewBloggers?bg=99CCFF&fg=444444&anim=50&label=Friends" style="border: 0pt none;" width="88" /></a></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-45093780697456403982012-03-13T18:13:00.000-07:002012-03-13T18:13:58.415-07:00faster web page load time<div dir="ltr" style="text-align: left;" trbidi="on"><span class="" id="result_box" lang="id"><span class="hps">Kami</span> <span class="hps">berbagi dengan apa yang</span> <span class="hps">telah kita lakukan</span> <span class="hps">untuk meningkatkan waktu</span> <span class="hps">loading halaman</span> <span class="hps">dari</span> <span class="hps">Blog kita.</span> <span class="hps">Jika halaman web</span> <span class="hps">terlalu lama</span> <span class="hps">waktu</span> <span class="hps">untuk memuat,</span> <span class="hps">pembaca</span> <span class="hps">hanya akan</span> <span class="hps">naik</span> <span class="hps">ke situs lain.</span> <span class="hps">Sehingga</span> <span class="hps">muncul dengan cepat</span> <span class="hps">juga menghemat uang</span> <span class="hps">pengguna internet</span> <span class="hps">dial-up</span> <span class="hps atn">'</span><span>dan waktu.</span> <span class="hps">Meskipun benar</span> <span class="hps">bahwa</span> <span class="hps">waktu download</span> <span class="hps">tergantung</span> <span class="hps">pada kecepatan koneksi</span> <span class="hps">pembaca</span> <span class="hps">internet</span><span class="">, kita sebagai</span> <span class="hps">pemilik</span> <span class="hps">Blog</span> <span class="hps">dapat</span> <span class="hps">men-tweak</span> <span class="hps">tata letak</span> <span class="hps">dan</span> <span class="hps">kode sumber</span> <span class="hps">untuk mempercepat</span> <span class="hps">download</span> <span class="hps">halaman.</span></span><br />
<a name='more'></a><br />
<br />
<span class="hps">Ada alat</span> <span class="hps">online yang dapat Anda</span> <span class="hps">gunakan untuk memeriksa</span> <span class="hps">waktu download dari</span> <span class="hps">Blog Anda.</span> <span class="hps">Kami menggunakan</span> <span class="hps">ini</span> <a href="http://www.iwebtool.com/speed_test"><span class="hps">Speed Test</span> <span class="hps">Situs web</span></a> <span class="hps">untuk memeriksa</span> <span class="hps">waktu buka</span> <span class="hps">3 kami</span> <span class="hps">Blogs</span><span>.</span> <span class="hps">Anda dapat memasukkan</span> <span class="hps">maksimum</span> <span class="hps">10 alamat</span> <span class="hps">web.</span> <span class="hps">Ia akan menampilkan</span> <span class="hps">ukuran halaman</span><span>,</span> <span class="hps">waktu buka</span><span>, dan kecepatan</span> <span class="hps">rata-rata per</span> <span class="hps">KB.</span> <span class="hps">Ini</span> <span class="hps">adalah apa yang kita</span> <span class="hps">punya:</span> <span class="hps">-</span><br />
<br />
<img alt="Faster Web Page Load Time" border="0" id="BLOGGER_PHOTO_ID_5084025009771965970" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5MQqRxUr4ugKLWJv7CJfPU2es8KGq10ApSXqR5B9NFxqPUKOCIVG0zW1U8vaos_6cSi-qvTrAfa5yOH4vnUAu6_VLg7L2zj3ma80ef8elDWoUdcdd0HKRZmdVkFPK2tdASz5XdaMEV4/s400/pageload+001.jpg" /><br />
<span class="" id="result_box" lang="id"><span class="hps"> </span></span><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span title="Generally, it is best to keep the load time to under 2 seconds, but anything up to 8 seconds is acceptable.">Umumnya, yang terbaik adalah untuk menjaga waktu buka untuk di bawah 2 detik, tapi apa pun hingga 8 detik dapat diterima. </span><span title="These results are therefore satisfactory and our efforts in minimizing the load time have paid off.">Hasil ini memuaskan dan oleh karena itu upaya kita dalam meminimalkan waktu buka sudah melunasi. </span><span title="Although it looks good on record, there were still times when our page took longer than it should to load.">Meskipun terlihat baik pada catatan, masih ada kalanya halaman kami membutuhkan waktu lebih lama dari seharusnya untuk memuat. </span><span title="As we shall explain, some of these factors are beyond our control.">Seperti yang akan kita menjelaskan, beberapa faktor ini berada di luar kendali kita.<br />
</span><span title="Here are some of the tips that can improve your site's performance:-">Berikut adalah beberapa tips yang dapat meningkatkan kinerja situs Anda: -<br />
</span><span title="1.">1. </span><span title="Sounds, Videos and Gadgets">Suara, Video dan Gadget<br />
</span><span title="It is interesting to include music, videos, flash programs, slideshows, gadgets and special widgets into your Blog.">Sangat menarik untuk menyertakan musik, video, program flash, slideshow, gadget dan widget khusus ke dalam Blog Anda. </span><span title="However, we all know that these files take time to load.">Namun, kita semua tahu bahwa file-file ini membutuhkan waktu untuk load. </span><span title="The first step is therefore to remove those that you really don't need.">Langkah pertama adalah karena itu untuk menghapus orang-orang yang sebenarnya tidak Anda butuhkan. </span><span title="For instance, rather than to embed all the videos into the sidebar, try creating text links instead.">Misalnya, bukan untuk menanamkan semua video ke dalam sidebar, mencoba membuat link teks. </span><span title="Those who are interested in viewing can click them to view the videos that you have uploaded onto Youtube or other hosts.">Mereka yang tertarik untuk melihat bisa klik mereka untuk melihat video yang telah Anda upload ke Youtube atau host lain. </span><span title="Also, if you are embedding a background music file, choose one that has a very small file size (eg, MIDI files instead of WAV files).">Juga, jika Anda embedding file musik latar belakang, pilihlah yang memiliki ukuran file sangat kecil (misalnya, file MIDI, bukan WAV).<br />
</span><span title="2.">2. </span><span title="Images and Pictures">Foto dan Gambar<br />
</span><span title="If you have a lot of images in your Blog page, optimize them by reducing the file sizes.">Jika Anda memiliki banyak gambar di halaman Blog Anda, mengoptimalkan mereka dengan mengurangi ukuran file. </span><span title="In Internet Explorer or Firefox, you can right-click on the picture to view the “Properties”.">Di Internet Explorer atau Firefox, Anda dapat klik kanan pada gambar untuk melihat "Properties". </span><span title="If the size is above 10KB, or 10000 bytes, it is time to change it.">Jika ukuran di atas 10KB byte, atau 10000, sekarang saatnya untuk mengubahnya. </span><span title="One of the things you can do is to edit the image using photo editing softwares like Picasa and resize or crop the images.">Salah satu hal yang dapat Anda lakukan adalah untuk mengedit gambar menggunakan software editing foto seperti Picasa dan mengubah ukuran atau crop gambar. </span><span title="In some software where you can select the quality of the image, save them in a Low or Medium quality format, rather than High quality.">Dalam beberapa perangkat lunak di mana Anda dapat memilih kualitas gambar, menyimpannya dalam format kualitas rendah atau sedang, daripada kualitas tinggi.<br />
</span><span title="From our trials, we found that GIF images (images with .gif extensions) load faster than JPG images (images with .jpg or .jpeg extensions) and have smaller file sizes.">Dari percobaan kami, kami menemukan bahwa gambar GIF (gambar dengan ekstensi gif.) Memuat lebih cepat dari gambar JPG (gambar jpeg dengan ekstensi. Jpg atau.) Dan memiliki ukuran file yang lebih kecil. </span><span title="GIF images are not as sharp but are appropriate for standard graphics and buttons like those you see on our sidebar.">Gambar GIF tidak setajam tetapi sesuai untuk standar grafis dan tombol seperti yang Anda lihat di sidebar kita. </span><span title="Stick to JPG images for photos as they are clearer.">Tetaplah pada gambar JPG untuk foto karena mereka lebih jelas. </span><span title="Experiment with your graphics by converting the JPG file to GIF file.">Percobaan dengan grafis Anda dengan mengkonversi file JPG ke file GIF.<br />
</span><span title="How to do that?">Bagaimana melakukan itu? </span><span title="If you have photo softwares, simply open the image and save them in the other format.">Jika Anda memiliki software foto, cukup membuka gambar dan menyimpannya dalam format lain. </span><span title="Otherwise, if you are using Windows XP, locate the image in your hard disk and double click on the image.">Jika tidak, jika Anda menggunakan Windows XP, cari gambar di hard disk Anda dan klik dua kali pada gambar. </span><span title="You will be looking at the image in “Windows Picture and Fax Viewer”.">Anda akan melihat gambar dalam "Windows Picture dan Fax Viewer". </span><span title="There is an icon that looks like a floppy disk at the bottom right corner (shown in the picture below).">Ada sebuah ikon yang tampak seperti sebuah floppy disk di sudut kanan bawah (ditampilkan dalam gambar di bawah). </span><span title="Click on that.">Klik itu. </span><span title="Under the “Save as type”, you can select a different format, like GIF or PNG.">Di bawah "Save as type", Anda dapat memilih format yang berbeda, seperti GIF atau PNG. </span><span title="This will convert the picture to another format.">Ini akan mengkonversi gambar ke format lain. </span><span title="Now that you have the same picture in 2 different formats, compare the file size.">Sekarang bahwa Anda memiliki gambar yang sama dalam 2 format yang berbeda, bandingkan ukuran file. </span><span title="Display the one with the smaller size in your Blog.">Menampilkan satu dengan ukuran yang lebih kecil di Blog Anda. </span><span title="If you do that for all the images, it should greatly reduce the load time of your web page.">Jika Anda melakukannya untuk semua gambar, itu sangat harus mengurangi waktu buka halaman web Anda.</span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span title="If you do that for all the images, it should greatly reduce the load time of your web page."> </span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span title="If you do that for all the images, it should greatly reduce the load time of your web page."> </span></span></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WKRgKvfaWF5jb5DNzTB3WoUoek61OtvRyOr3P4Z0x6g6c3g1K75XIYP_WnSjOv-mWE45O_vU1DJTk0b20nKu5_XHke0b__6A4-b2I4-XioShP5qJiti_vlgQCuEpVuD6uohlNE5Z7W8/s1600-h/pageload+002.jpg" title="Faster Web Page Load Time"><img alt="Faster Web Page Load Time" border="0" id="BLOGGER_PHOTO_ID_5084025014066933282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WKRgKvfaWF5jb5DNzTB3WoUoek61OtvRyOr3P4Z0x6g6c3g1K75XIYP_WnSjOv-mWE45O_vU1DJTk0b20nKu5_XHke0b__6A4-b2I4-XioShP5qJiti_vlgQCuEpVuD6uohlNE5Z7W8/s400/pageload+002.jpg" style="cursor: pointer;" /></a><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Ada juga bebas</span> <span class="hps">alat</span> <span class="hps">mengoptimalkan</span> <span class="hps">foto online</span> <span class="hps">yang dapat Anda gunakan</span> <span class="hps">untuk mengurangi ukuran</span> <span class="hps">file gambar.</span> <span class="hps">Coba masukkan</span> <span class="hps atn">kata-kata "</span><span>pengoptimasi</span> <span class="hps">gambar online</span><span>"</span> <span class="hps">ke dalam kotak pencarian</span> <span class="hps">dan Anda akan menemukan</span> <span class="hps">sejumlah situs</span> <span class="hps">yang akan melakukan</span> <span class="hps">pekerjaan untuk Anda</span><span>.</span><br />
<span class="hps">di google</span><br />
<br />
<span class="hps">3.</span> <span class="hps">Koneksi ke</span> <span class="hps">server eksternal</span><br />
<br />
<span class="hps">Setiap</span> <span class="hps">koneksi</span> <span class="hps">ke situs luar</span> <span class="hps">untuk mengambil informasi</span> <span class="hps">akan menambah</span> <span class="hps">waktu download.</span> <span class="hps">Jika</span> <span class="hps">Anda telah menyadari</span><span class="">, sidebar</span> <span class="hps">kami memiliki</span> <span class="hps">banyak</span> <span class="hps">link gambar</span> <span class="hps">ke direktori</span> <span class="hps">Blog.</span> <span class="hps">Ketika</span> <span class="hps">Anda daftar</span> <span class="hps">Blog anda</span> <span class="hps">di</span> <span class="hps">direktori ini,</span> <span class="hps">itu selalu baik</span> <span class="hps">untuk menyediakan link</span> <span class="hps">timbal balik</span> <span class="hps">ke situs mereka.</span> <span class="hps">Anda dapat</span> <span class="hps">membuat link</span> <span class="hps">teks ke</span> <span class="hps">mereka, atau</span> <span class="hps">link</span> <span class="hps">gambar</span> <span class="hps">seperti yang kita</span> <span class="hps">lakukan.</span> <span class="hps">Masalahnya adalah bahwa</span> <span class="hps">dalam mengambil</span> <span class="hps">semua gambar dari</span> <span class="hps">lokasi tersebut,</span> <span class="hps">secara drastis</span> <span class="hps">akan meningkatkan</span> <span class="hps">waktu buka</span> <span class="hps">halaman Anda.</span><br />
<br />
<span class="hps">Mari saya beri</span> <span class="hps">sebuah contoh</span> <span class="hps">untuk menggambarkan bagaimana</span> <span class="hps">Anda bisa menyelesaikan</span> <span class="hps">masalah ini.</span> <span class="hps">Bila Anda mendaftar</span> <span class="hps">di</span> <span class="hps">Blog</span> <span class="hps">Blogvillage</span><span>,</span> <span class="hps">Anda akan memiliki</span> <span class="hps">kode yang terlihat</span> <span class="hps">seperti ini: -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="font-size: 78%;"><a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="<span style="color: red;">http://blogvillage.gotop100.com/lists/blogvillage/custombanners/23251.jpg</span>" border="0" width="150" height="25"></a></span></div></th></tr>
</tbody></table><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Setiap kali</span> <span class="hps">load halaman Anda</span><span>, browser akan</span> <span class="hps">pergi ke situs mereka</span> <span class="hps">untuk mengambil</span> <span class="hps atn">gambar "</span><span>23251.jpg</span><span>".</span> <span class="hps">Dengan asumsi</span> <span class="hps">Anda terdaftar dengan</span> <span class="hps">direktori blog</span> <span class="hps">banyak</span><span>, browser akan</span> <span class="hps">harus mengunjungi</span> <span class="hps">masing-masing situs</span> <span class="hps">untuk mengambil</span> <span class="hps">tombol</span> <span class="hps">citra mereka.</span> <span class="hps">Hal ini memperlambat</span> <span class="hps">Download</span> <span class="hps">Blog Anda.</span> <span class="hps">Kami percaya bahwa</span> <span class="hps">host</span> <span class="hps">direktori blog</span> <span class="hps">mungkin tidak menyukai</span> <span class="hps">itu juga</span> <span class="hps">karena akan</span> <span class="hps">meletakkan beban pada</span> <span class="hps">server mereka.</span><br />
<br />
<span class="hps">Yang dapat kita lakukan</span> <span class="hps">adalah mendownload</span> <span class="hps atn">gambar "</span><span class="">23251.jpg</span><span class="">" ke</span> <span class="hps">hard disk kita</span> <span class="hps">dengan memasukkan URL</span> <span class="hps">gambar penuh</span> <span class="hps">di browser kita</span> <span class="hps">dan ketika</span> <span class="hps">muncul gambar</span><span class="">, klik kanan</span> <span class="hps">untuk menyimpan</span><span>.</span> <span class="hps">Selanjutnya, kita</span> <span class="hps">upload</span> <span class="hps">ke server</span> <span class="hps">gratis.</span> <span class="hps">Anda dapat membaca tentang</span> <span class="hps">menggunakan host</span> <span class="hps">gratis seperti</span></span> Google Page Creator and Google Groups. <div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Kami juga</span> <span class="hps">daftar</span> <span class="hps">lebih</span> <span class="hps">komprehensif</span> <span class="hps">Host</span> <span class="hps">Gambar</span> <span class="hps">bebas</span> <span class="hps">dan Layanan</span> <span class="hps">File Hosting</span> <span class="hps">di</span> <span class="hps">artikel kami tentang</span></span></div></div> Manage Blogger Image Storage Space.<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Memeriksa</span> <span class="hps">situs tersebut dan</span> <span class="hps">memilih satu yang</span> <span class="hps">cepat</span><span>, dapat diandalkan</span> <span class="hps">dan memungkinkan</span> <span class="hps">hotlinking</span> <span class="hps">ke file</span> <span class="hps">upload.</span></span></div></div><br />
Take note of the image URL and the link in the above example will be changed to this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="font-size: 78%;"><a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="<span style="color: red;">http://i154.photobucket.com/albums/s255/ownlblog/templates/blogvillage.jpg</span>" border="0" width="150" height="25"></a></span></div></th></tr>
</tbody></table><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Lakukan itu</span> <span class="hps">untuk</span> <span class="hps">semua tombol</span> <span class="hps">gambar.</span> <span class="hps">Butuh waktu</span><span>, tapi hasil</span> <span class="hps">akhirnya adalah bahwa</span> <span class="hps">pembaca Anda</span> <span class="hps">akan mendapatkan keuntungan dari</span> <span class="hps">pekerjaan Anda.</span> <span class="hps">Jadilah</span> <span class="hps">konsisten.</span> <span class="hps">Jika Anda memilih</span> <span class="hps">satu host</span><span>, tetap berpegang pada</span> <span class="hps">yang satu itu.</span> <span class="hps">Browser akan</span> <span class="hps">perlu</span> <span class="hps">menghubungi</span> <span class="hps">satu situs</span> <span class="hps">untuk mengambil semua</span> <span class="hps">gambar</span> <span class="hps">dan hal ini harus</span> <span class="hps">mengurangi</span> <span class="hps">waktu buka</span> <span class="hps">halaman web Anda.</span><br />
<br />
<span class="hps">Karena itu,</span> <span class="hps">ada beberapa</span> <span class="hps">server eksternal</span> <span class="hps">yang tidak dapat kita</span> <span class="hps">lakukan jauh dengan</span><span>.</span> <span class="hps">Misalnya</span><span>, beberapa</span> <span class="hps">Topsites</span> <span class="hps">dan</span> <span class="hps">Toplists</span> <span class="hps">memberikan kode</span> <span class="hps">pelacakan</span> <span class="hps">untuk melacak</span> <span class="hps">statistik pengunjung</span> <span class="hps">dan peringkat</span> <span class="hps">situs Anda.</span> <span class="hps">Akan ada</span> <span class="hps">sesuatu seperti ini</span> <span class="hps atn">"</span><span class="">tracker.php</span><span>?</span> <span class="hps">Lakukan</span> <span class="hps">=</span> <span class="hps atn">dalam" atau "</span><span>button.php</span> <span class="hps">u =</span><span>?"</span> <span class="hps">Di</span> <span class="hps">image link</span> <span class="hps">mereka.</span> <span class="hps">Jika kita ingin</span> <span class="hps">Blog kita</span> <span class="hps">untuk digolongkan</span><span>,</span> <span class="hps">kita tidak punya pilihan</span> <span class="hps">lain kecuali menggunakan</span> <span class="hps">kode mereka.</span> <span class="hps">Pada</span> <span class="hps">beberapa kesempatan</span><span>, situs ini</span> <span class="hps">turun</span><span>, dan</span> <span class="hps">halaman kami</span> <span class="hps">beban kali</span> <span class="hps">lebih panjang</span> <span class="hps">dari biasanya</span> <span class="hps">karena browser</span> <span class="hps">tidak bisa</span> <span class="hps">mengambil informasi</span> <span class="hps">dari situs tersebut.</span> <span class="hps">Kami mencoba</span> <span class="hps">untuk memonitor</span> <span class="hps">dan untuk sementara</span> <span class="hps">menonaktifkan</span> <span class="hps">kode untuk</span> <span class="hps">situs tersebut,</span> <span class="hps">tapi ini adalah sesuatu</span> <span class="hps">yang</span> <span class="hps">kita harus</span> <span class="hps">bersabar</span> <span class="hps">harus</span> <span class="hps">kami ingin terus</span> <span class="hps">yang</span> <span class="hps">tercantum dalam direktori</span> <span class="hps">mereka.</span><br />
<br />
<span class="hps">Link teks adalah</span> <span class="hps">tentu saja</span> <span class="hps">lebih baik</span> <span class="hps">jika Anda ingin</span> <span class="hps">menyingkirkan dengan</span> <span class="hps">gambar.</span> <span class="hps">Jika Anda perlu</span> <span class="hps">memahami perbedaan</span> <span class="hps">di</span> <span class="hps">antara</span> <span class="hps">kode</span> <span class="hps">link teks dan</span> <span class="hps">link gambar</span><span>, Anda</span> <span class="hps">bisa merujuk ke</span> <span class="hps">artikel di</span> <span class="hps">Hyperlink</span> <span class="hps">dan Link</span> <span class="hps">Gambar</span><span class="">.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">4. Width and Height tags</span><br />
<span class="" id="result_box" lang="id"><span class="hps">Gambar dan tabel</span> <span class="hps">datang dalam berbagai ukuran</span><span>.</span> <span class="hps">Jika kita menentukan</span> <span class="hps">dimensi</span> <span class="hps">dalam kode,</span> <span class="hps">browser</span> <span class="hps">akan dapat</span> <span class="hps">menyisihkan</span> <span class="hps">ruang yang dialokasikan untuk</span> <span class="hps">gambar-gambar dan</span> <span class="hps">tabel dan</span> <span class="hps">memuat</span> <span class="hps">seluruh</span> <span class="hps">isi yang</span> <span class="hps">mereka</span> <span class="hps">memiliki akses cepat ke</span><span>.</span> <span class="hps">Jika kita</span> <span class="hps">tidak menentukan</span> <span class="hps">nilai-nilai</span><span>, browser</span> <span class="hps">harus memuat</span> <span class="hps">seluruh isi</span> <span class="hps">gambar</span> <span class="hps">atau meja</span> <span class="hps">sebelum pindah ke</span> <span class="hps">lain.</span><br />
<br />
<span class="hps">Kode</span> <span class="hps">Gambar</span> <span class="hps">mengandung</span> <span class="hps">"src</span><span>" tag.</span> <span class="hps">Misalnya</span><span>, tombol</span> <span class="hps">link</span> <span class="hps">kita miliki di</span> <span class="hps">sidebar kita</span> <span class="hps">memiliki lebar</span> <span class="hps">80</span> <span class="hps">dan tinggi</span> <span class="hps">15.</span> <span class="hps">Dalam kode</span> <span class="hps">kita, kita akan</span> <span class="hps">menentukan</span> <span class="hps">lebar dan tinggi</span> <span class="hps">seperti ini: -</span></span><br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><img src="Image URL" border="0" <span style="color: red;">width="80" height="15"</span>></div></th></tr>
</tbody></table><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Anda harus</span> <span class="hps">melakukan hal yang sama</span> <span class="hps">untuk tabel</span><span>.</span> <span class="hps">Sebuah tabel</span> <span class="hps">kode HTML</span> <span class="hps">khas dengan</span> <span class="hps">pengaturan</span> <span class="hps">lebar</span> <span class="hps">akan terlihat seperti ini</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><table border="1" <span style="color: red;">width="300"</span>><br />
<tr><br />
<td><br />
Table contents<br />
</td><br />
</tr><br />
</table></div></th></tr>
</tbody></table><br />
<br />
<span style="color: #339999; font-weight: bold;">5. JavaScript and external scripts</span><br />
<div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Minimalkan penggunaan</span> <span class="hps">JavaScripts</span> <span class="hps">di Blog Anda.</span> <span class="hps">Ini adalah</span> <span class="hps">bahasa yang</span> <span class="hps">browser harus</span> <span class="hps">memuat dan</span> <span class="hps">menafsirkan.</span> <span class="hps">Sebuah script</span> <span class="hps">rumit</span> <span class="hps">mungkin</span> <span class="hps">membutuhkan waktu untuk</span> <span class="hps">mengeksekusi.</span> <span class="hps">Anda dapat memberitahu</span> <span class="hps">kode</span> <span class="hps">JavaScript dari</span> <span class="hps">baris ini</span> <span class="hps">ditemukan dalam</span> <span class="hps">kode:</span> <span class="hps">-</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><script type="text/javascript"></div></th></tr>
</tbody></table><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Statcounters</span> <span class="hps">dan server</span> <span class="hps">seperti</span> <span class="hps">Iklan</span> <span class="hps">Iklan</span> <span class="hps">Google menggunakan</span> <span class="hps">script.</span> <span class="hps">Kami melihat bahwa</span> <span class="hps">jika</span> <span class="hps">situs-situs</span> <span class="hps">yang lambat</span> <span class="hps">dalam memberikan</span> <span class="hps">informasi,</span> <span class="hps">beban</span> <span class="hps">halaman kami</span> <span class="hps">terpengaruh</span><span>.</span> <span class="hps">Ada juga</span> <span class="hps">widget</span> <span class="hps">pihak ketiga</span> <span class="hps">dan gadget</span> <span class="hps">Anda masukkan</span> <span class="hps">ke</span> <span class="hps">Blog Anda yang</span> <span class="hps">menggunakan</span> <span class="hps">script</span> <span class="hps">untuk mengaktifkan</span> <span class="hps">isinya.</span> <span class="hps">Memantau mereka</span><span>.</span> <span class="hps">Jika Anda menemukan bahwa</span> <span class="hps">mereka menyebabkan</span> <span class="hps">keterlambatan dalam</span> <span class="hps">halaman download</span> <span class="hps">Anda, pertimbangkan untuk</span> <span class="hps">menghapus mereka</span> <span class="hps">atau beralih ke</span> <span class="hps">penyedia lainnya.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">6. HTML clean up</span><br />
<div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">Bagi mereka yang</span> <span class="hps">tahu</span> <span class="hps">kode-kode HTML</span> <span class="hps">dengan cukup baik,</span> <span class="hps">Anda dapat pergi</span> <span class="hps">ke dalam kode</span> <span class="hps">template Anda</span> <span class="hps">dan menghapus</span> <span class="hps">spasi putih</span><span>.</span> <span class="hps">Ini adalah baris</span> <span class="hps">tambahan atau</span> <span class="hps">spasi antara</span> <span class="hps">kode.</span> <span class="hps">Anda bisa</span> <span class="hps">kompak</span> <span class="hps">kode,</span> <span class="hps">tapi tidak begitu banyak</span> <span class="hps">untuk</span> <span class="hps">membuat sulit untuk</span> <span class="hps">membaca dan</span> <span class="hps">mengedit kode</span> <span class="hps">di masa depan.</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Ada juga</span> <span class="hps">tag</span> <span class="hps">kosong yang</span> <span class="hps">dapat Anda hapus.</span> <span class="hps">Ini sering</span> <span class="hps">disebabkan oleh</span> <span class="hps">orang yang menggunakan</span> <span class="hps">WYSIWYG</span> <span class="hps">(apa yang Anda</span> <span class="hps">lihat adalah apa yang</span> <span class="hps">Anda dapatkan)</span> <span class="hps">editor untuk</span> <span class="hps">menulis kode</span> <span class="hps">mereka.</span> <span class="hps">Setelah mengedit</span> <span class="hps">beberapa</span><span>, Anda mungkin</span> <span class="hps">memiliki tag</span> <span class="hps">berarti</span> <span class="hps">membuka dan menutup</span> <span class="hps">seperti ini</span> <span class="hps">dengan apa-apa</span> <span class="hps">di</span> <span class="hps">antara:</span> <span class="hps">-</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><div> </div><br />
<font> </font><br />
<b> </b><br />
<i> </i></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Hal ini baik</span> <span class="hps">untuk menghapus</span> <span class="hps">tag ini</span> <span class="hps">tidak diinginkan</span> <span class="hps">karena mereka tidak</span> <span class="hps">melakukan apa-apa</span> <span class="hps">ketika tidak ada</span> <span class="hps">kata-kata</span> <span class="hps">di</span> <span class="hps">antara tag.</span> <span class="hps">Namun</span><span>, lakukan itu</span> <span class="hps">hanya jika</span> <span class="hps">Anda sudah familiar</span> <span class="hps">dengan kode</span> <span class="hps">HTML.</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">7. Simplicity in design</span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Banyak situs</span> <span class="hps">loading cepat</span> <span class="hps">sederhana dalam</span> <span class="hps">desain</span><span>, tanpa</span> <span class="hps">embel-embel</span> <span class="hps">apapun.</span> <span class="hps">Pertimbangkan</span> <span class="hps">beradaptasi</span> <span class="hps">ini ke</span> <span class="hps">Blog Anda.</span> <span class="hps">Di antara semua</span> <span class="hps">template,</span> <span class="hps">kita menemukan</span> <span class="hps">template</span> <span class="hps">Minima</span> <span class="hps">salah satu</span> <span class="hps">yang paling sederhana.</span> <span class="hps">Yang lain</span> <span class="hps">yang berisi</span> <span class="hps">gambar latar belakang</span> <span class="hps">lebih lambat</span> <span class="hps">karena</span> <span class="hps">browser harus</span> <span class="hps">mengakses</span> <span class="hps">server terpisah</span> <span class="hps">untuk mengekstrak</span> <span class="hps">gambar.</span></span></div></div><br />
<br />
<span style="color: #339999; font-weight: bold;">8. Links check</span><br />
<span class="" id="result_box" lang="id"><span class="hps">Link</span> <span class="hps">buruk</span> <span class="hps">adalah link yang</span> <span class="hps">ketika</span> <span class="hps">diklik,</span> <span class="hps">mengarahkan Anda</span> <span class="hps">ke situs</span> <span class="hps">yang tidak valid atau</span> <span class="hps">tidak ada.</span> <span class="hps">Beberapa orang memiliki</span> <span class="hps">blogroll</span> <span class="hps">melalui</span> <span class="hps">pertukaran link.</span> <span class="hps">Sebuah situs</span> <span class="hps">dapat</span> <span class="hps">bekerja dengan baik</span> <span class="hps">di awal</span> <span class="hps">ketika Anda</span> <span class="hps">bertukar link</span><span>.</span> <span class="hps">Beberapa bulan kemudian,</span> <span class="hps">situs yang</span> <span class="hps">dapat dihapus</span> <span class="hps">dan link</span> <span class="hps">berubah menjadi</span> <span class="hps">link buruk</span><span class="">.</span> <span class="hps">Ini adalah bijaksana</span> <span class="hps">untuk memeriksa</span> <span class="hps">link ini</span> <span class="hps">sekali-sekali</span> <span class="hps">untuk memastikan bahwa mereka</span> <span class="hps">tetap berlaku</span><span>.</span></span><br />
<br />
<span style="color: #339999; font-weight: bold;">9. Contents spread</span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Setelah Anda melakukan</span> <span class="hps">semua yang Anda</span> <span class="hps">bisa,</span> <span class="hps">dan Anda masih</span> <span class="hps">menemukan waktu</span> <span class="hps">buka halaman</span> <span class="hps">agak</span> <span class="hps">panjang, coba</span> <span class="hps">hanya menampilkan</span> <span class="hps">1 post</span> <span class="hps">di halaman</span> <span class="hps">utama Anda.</span> <span class="hps">Masuk dan</span> <span class="hps">pergi ke</span> <span class="hps atn">Pengaturan-</span><span>></span> <span class="hps">Format.</span> <span class="hps">Pada</span> <span class="hps">pilihan pertama,</span> <span class="hps atn">mengubahnya menjadi "</span><span class="">Tampilkan</span> <span class="hps">1 post</span><span>"</span> <span class="hps">pada halaman utama</span><span>.</span> <span class="hps">Secara default</span><span class="">, ini akan menampilkan</span> <span class="hps">7</span> <span class="hps">posting di halaman</span> <span class="hps">utama.</span> <span class="hps">Jika</span> <span class="hps">artikel</span> <span class="hps">Anda panjang</span><span class="">, akan memakan waktu</span> <span class="hps">cukup lama</span> <span class="hps">untuk memuat</span> <span class="hps">semuanya.</span> <span class="hps">Pertimbangkan</span> <span class="hps">mengurangi ke</span> <span class="hps">1 atau</span> <span class="hps">2 artikel</span> <span class="hps">untuk mengurangi</span> <span class="hps">waktu buka</span><span>.</span> <span class="hps">Jika tidak,</span> <span class="hps">secara sadar</span> <span class="hps">menulis artikel</span> <span class="hps">pendek, atau</span> <span class="hps">membaginya</span> <span class="hps">menjadi beberapa bagian.</span></span><span class="" id="result_box" lang="id"><span title="If you do that for all the images, it should greatly reduce the load time of your web page."><br />
</span></span></div></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-76912623525511315562012-03-13T17:59:00.000-07:002012-03-13T17:59:32.587-07:00Difference - HTML and XHTML<div dir="ltr" style="text-align: left;" trbidi="on"> When inserting codes into the Blogger template, page element, or blog post, you may have seen error messages that the <span style="color: #3333ff; font-weight: bold;">code could not be parsed</span>, was <span style="color: #3333ff; font-weight: bold;">not well-formed</span>, was <span style="color: #3333ff; font-weight: bold;">broken</span>, or that the elements were <span style="color: #3333ff; font-weight: bold;">not closed properly</span>. These errors can be corrected if you understand the rules that must be adhered to in XHTML documents. Blogger templates use the XHTML 1.0 Strict Document Type. In this article, we shall explain some of the XHTML syntax or rules, so that you may troubleshoot and resolve the problems if these error messages should occur.<br />
<a name='more'></a><br />
<br />
<span style="color: #339999; font-weight: bold;">XML, HTML and XHTML</span><br />
<br />
We shall keep this short. Just so as you understand what we said about document type, view the Page Source or Source of your Blogger blog. You should see this document type declaration at the very top:-<br />
<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
</div></th></tr>
</tbody></table><br />
<br />
The terms – XML, HTML and XHTML - refer to the markup language used to write the web pages. Many of us would have heard of HTML (Hypertext Markup Language), invented by Tim Berners-Lee, and used since the early days of internet. XML (Extensible Markup Language) is a meta-language, used to create other markup languages. The traditional HTML was later recast to use the rules of XML and that resulted in a new XML application, called XHTML (Extensible Hypertext Markup Language). Because XHTML rules are strict and unforgiving, not conforming to them when attempting to modify the template would result in error messages. So, what are these rules that Bloggers like us should take note of?<br />
<br />
<span style="color: #339999; font-weight: bold;">Basic Rules of XHTML</span><br />
<br />
<span style="color: #993399; font-weight: bold;">1. Codes to be in lowercase</span><br />
<br />
Since XML is case sensitive, all the element keywords and attribute names used in XHTML should be in the lowercase. For example, the template code is not this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><TITLE>Tips for New Bloggers</TITLE><br />
</div></th></tr>
</tbody></table><br />
<br />
but this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><title>Tips for New Bloggers</title><br />
</div></th></tr>
</tbody></table><br />
<br />
If you have noticed, the elements and attribute names between the lesser than (<) and greater than (>) signs have to be in the lowercase. However, the value, which in this case is “Tips for New Bloggers”, can be in the uppercase, lowercase, or mixed case.<br />
<br />
<span style="color: #993399; font-weight: bold;">2. Attribute values to be in quotation marks</span><br />
<br />
All the attribute values have to be enclosed either in single or double quotation marks. The following examples are not accepted by XHTML:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><div id=header-wrapper><br />
<br />
<a href=http://tips-for-new-bloggers.blogspot.com>Text Link</a><br />
<br />
<img src=photo.jpg/><br />
<br />
<table width=200 border=0 cellpadding=2><br />
</div></th></tr>
</tbody></table><br />
<br />
Instead, they should be written as such:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><div id='header-wrapper'><br />
<br />
<a href="http://tips-for-new-bloggers.blogspot.com">Text Link</a><br />
<br />
<img src="photo.jpg"/><br />
<br />
<table width="200" border="0" cellpadding="2"><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #993399; font-weight: bold;">3. Container elements must have closing tags</span><br />
<br />
This is not correct:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p>A paragraph.<br />
</div></th></tr>
</tbody></table><br />
<br />
In XHTML, there must be a closing tag with a forward slash (/) at the end:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><p>A paragraph.</p><br />
</div></th></tr>
</tbody></table><br />
<br />
Examples of the many non-empty elements that have opening and corresponding closing tags are:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><ul> ... </ul><br />
<li> ... </li><br />
<table> ... </table><br />
<h2> ... </h2><br />
<div> ... </div><br />
<span> ... </span><br />
<dt> ... </dt><br />
<dd> ... </dd><br />
<a href> ... </a><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #993399; font-weight: bold;">4. Standalone elements to be closed</span><br />
<br />
Some of the elements are empty or standalone. They do not have associated closing tags. Common examples are:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><br><br />
<img><br />
<input><br />
<frame><br />
<hr><br />
<meta><br />
<link><br />
</div></th></tr>
</tbody></table><br />
<br />
Nonetheless, in XHTML, these elements must be terminated or closed. There are two ways to do that. One way to terminate the element is to put a forward slash (/) at the end like this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><br/><br />
<img/><br />
<input/><br />
<frame/><br />
<hr/><br />
<meta/><br />
<link/><br />
</div></th></tr>
</tbody></table><br />
<br />
The second way is to add a corresponding closing tag like this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><br> ... </br><br />
<img> ... </img><br />
<input> ... </input><br />
<frame> ... </frame><br />
<hr> ... </hr><br />
<meta> ... </meta><br />
<link> ... </link><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #993399; font-weight: bold;">5. Elements to be properly nested</span><br />
<br />
This means that elements must be closed in the reverse order. For example, this code is not accepted in XHTML:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><form><span style="color: red;"><table></span> ... </form><span style="color: red;"></table></span><br />
</div></th></tr>
</tbody></table><br />
<br />
It is improperly nested because the form was created first followed by the table. To close them in the proper order, the table must be closed before the form, like this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><form><span style="color: red;"><table></span> ... <span style="color: red;"></table></span></form><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #993399; font-weight: bold;">6. Document to have only one root element</span><br />
<br />
In the XHTML document, you will see that except for the document type declaration, all the codes are nested between <html> and </html>. This is the root element and all other elements or sub elements are in between. The document structure will look like this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><html><br />
<head> ... </head><br />
<body> ... </body><br />
</html><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #993399; font-weight: bold;">7. Attribute minimization is not allowed</span><br />
<br />
In XHTML, all attributes should be in the form name="value". Even if the value is the same as the name, it cannot be minimized to one word. Hence, in our Add Text Box and Textarea article, the textarea code is not this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><textarea readonly>Hyperlink Code</textarea><br />
</div></th></tr>
</tbody></table><br />
<br />
but this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><textarea readonly="readonly">Hyperlink Code</textarea><br />
</div></th></tr>
</tbody></table><br />
<br />
<span style="color: #339999; font-weight: bold;">XHTML Character Entities</span><br />
<br />
Quite a number of readers had asked why they were unable to display HTML codes in their blog posts or why their codes were not well-parsed when inserted into the template. If you have noticed by now, the codes are wrapped in the lesser than (<) and greater than (>) signs. The moment these are posted, they will be interpreted as codes and will trigger an action by the browser. Should you want to display these as part of the text, use their character entities instead.<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="165">"</th><th scope="col">&quot;</th></tr>
<tr><th scope="col">&</th><th scope="col">&amp;</th></tr>
<tr><th scope="col"><</th><th scope="col">&lt;</th></tr>
<tr><th scope="col">></th><th scope="col">&gt;</th></tr>
</tbody></table><br />
<br />
The next time you see an error message to the effect that the code is not well formed, not well parsed, not properly closed, etc., take a look at this guide, troubleshoot the problem and try out the possible solutions.</div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com0tag:blogger.com,1999:blog-3638497761858672577.post-47748592538129493622012-03-13T17:50:00.000-07:002012-03-13T17:50:30.413-07:00Alert Message and Dialog Box<div dir="ltr" style="text-align: left;" trbidi="on"><span class="" id="result_box" lang="id"><span class="hps">Anda bisa menampilkan</span> <span class="hps">kotak pesan peringatan</span> <span class="hps">untuk memberikan</span> <span class="hps">pengumuman,</span> <span class="hps">memberikan informasi,</span> <span class="hps">atau</span> <span class="hps">memperingati pembaca</span> <span class="hps">sebelum mereka</span> <span class="hps">melihat</span> <span class="hps">konten pada situs</span> <span class="hps">Anda.</span> <span class="hps">Kotak pop up</span> <span class="hps">akan berisi</span> <span class="hps">pesan Anda</span> <span class="hps atn">& ada tombol "</span><span>OK"</span> <span class="hps">untuk pemirsa</span> <span class="hps">untuk melanjutkan,</span> <span class="hps">atau tombol</span> <span class="hps">prompt atau</span> <span class="hps">membatalkan</span> <span class="hps">untuk mengarahkan</span> <span class="hps">pembaca</span> <span class="hps">ke situs lain.</span> <span class="hps">Kita</span> <span class="hps">bisa mengkostumisasi blog</span> <span class="hps">kita dengan menanyakan</span> <span class="hps">nama</span> <span class="hps">pembaca</span> <span class="hps">& memasukkan input ini</span> <span class="hps">secara otomatis ke dalam</span> <span class="hps">pesan selamat datang.</span> <span class="hps">Tutorial ini akan menunjukkan</span> <span class="hps">Anda</span> <span class="hps">bagaimana</span> <span class="hps">JavaScript</span> <span class="hps">untuk</span> <span class="hps">kotak-kotak</span> <span class="hps">waspada dan</span> <span class="hps">dialog dapat</span> <span class="hps">dimasukkan ke dalam blog</span><span>.</span><a name='more'></a><br />
<br />
<br />
<span class="hps">Harap diperhatikan bahwa karena</span> <span class="hps">Javascript berjalan</span> <span class="hps">saat</span> <span class="hps">halaman dibuka</span><span class="">, banyak pengguna</span> <span class="hps">mungkin, untuk alasan</span> <span class="hps">keamanan,</span> <span class="hps">mengatur</span> <span class="hps">browser mereka</span> <span class="hps">untuk menonaktifkan</span> <span class="hps">Javascripts.</span> <span class="hps">Juga,</span> <span class="hps">terlalu banyak</span> <span class="hps">Javascript, ini bisa</span> <span class="hps">membuat halaman Anda</span> <span class="hps">lambat untuk memuat</span><span>.</span> <span class="hps">Masukkan fasilitas ini</span> <span class="hps">jika Anda pikir itu</span> <span class="hps">tepat atau</span> <span class="hps">berguna.</span> <span class="hps">Karena ini adalah</span> <span class="hps">sistem</span> <span class="hps">jendela</span> <span class="hps">dialog,</span> <span class="hps">mereka mungkin</span> <span class="hps">terlihat berbeda</span> <span class="hps">di browser yang berbeda</span> <span class="hps">dan sistem operasi.</span></span><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Pemberitahuan</span> <span class="hps">Box dengan</span> <span class="hps">tombol OK</span><br />
<br />
<span class="hps">Anda dapat</span> <span class="hps">memiliki pesan</span> <span class="hps">serius bagi</span> <span class="hps">situs yang memiliki konten</span> <span class="hps">dewasa</span><span class="">: -</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_HUq_A0XfdHx3CiE9Zy6RHXBC7JGlIBb0nwp_aexMrwXNOk41sg2yk-I4VfcCPplLsdDTeWKTt8vsiD96RMVM02EVKpgcgXQebutY_vnli_zudBo5a8oykijsz8HtSSAp8WrjbCMyGcU/s1600-h/alert+box+001.jpg" title="Alert Message and Dialog Box"><img alt="Alert Message and Dialog Box" border="0" id="BLOGGER_PHOTO_ID_5087803215340794930" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_HUq_A0XfdHx3CiE9Zy6RHXBC7JGlIBb0nwp_aexMrwXNOk41sg2yk-I4VfcCPplLsdDTeWKTt8vsiD96RMVM02EVKpgcgXQebutY_vnli_zudBo5a8oykijsz8HtSSAp8WrjbCMyGcU/s400/alert+box+001.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Atau</span> <span class="hps">pesan</span> <span class="hps">cahaya-hati</span> <span class="hps">lucu</span> <span class="hps">hanya untuk</span> <span class="hps">bersenang-senang</span><span class="">: -</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijshIZGs7n1WQQ88Xq0YVuVuPLYv5mb93Di5uM62YRoYcY-mMZQQMaRoY-3-7a1uxiE6wWdx0JWvDPk-qGEVEr2zbrR5rl7jWRy3XaDLhL1pVawdIxfY_RItySvHtw0eK5h_gaG0TGuXY/s1600-h/alert+box+002.jpg" title="Alert Message and Dialog Box"><img alt="Alert Message and Dialog Box" border="0" id="BLOGGER_PHOTO_ID_5087803219635762242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijshIZGs7n1WQQ88Xq0YVuVuPLYv5mb93Di5uM62YRoYcY-mMZQQMaRoY-3-7a1uxiE6wWdx0JWvDPk-qGEVEr2zbrR5rl7jWRy3XaDLhL1pVawdIxfY_RItySvHtw0eK5h_gaG0TGuXY/s400/alert+box+002.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Untuk membuat</span> <span class="hps">kotak pesan peringatan</span><span>,</span> <span class="hps">login ke</span> <span class="hps">account Anda</span><span>, pergi ke</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span> <span class="hps">di sidebar</span> <span class="hps">kiri</span> <span class="hps">atau area</span> <span class="hps">post body &</span> <span class="hps">pilih</span> <span class="hps">HTML / JavaScript.</span> <span class="hps">Paste</span> <span class="hps">kode</span> <span class="hps">di bawah ini</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><script type="text/javascript"><br />
alert('<span style="color: red;">You are about to enter an extremely funny site. People who are prone to laughing fits ... Beware!</span>')<br />
</script><br />
<noscript><span style="color: #009900;">Enable javascript in your browser to view an important message.</span></noscript><br />
</div></th></tr>
</tbody></table><div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">Ganti kata yang</span> <span class="hps">berwarna merah dengan</span> <span class="hps">pesan yang</span> <span class="hps">ingin ditampilkan</span> <span class="hps">ketika user mengunjungi blog</span> <span class="hps">Anda.</span> <span class="hps">Kata-kata</span> <span class="hps">yang berwarna hijau adalah</span> <span class="hps">teks alternatif</span> <span class="hps">yang akan ditampilkan</span> <span class="hps">jika</span> <span class="hps">user mematikan</span> <span class="hps">fungsi JavaScript.</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Pemberitahuan</span> <span class="hps">Kotak</span> <span class="hps">dengan tombol</span> <span class="hps">Konfirmasi</span><br />
<br />
<span class="hps">Meskipun</span> <span class="hps">kebebasan berbicara</span> <span class="hps">adalah urutan</span> <span class="hps">untuk hari itu,</span> <span class="hps">sebagai penulis blog</span><span>, kita</span> <span class="hps">harus peka terhadap</span> <span class="hps">keprihatinan etika</span> <span class="hps">moralitas</span> <span class="hps">orang di seluruh</span> <span class="hps">dunia.</span> <span class="hps">Jika blog mengandung</span> <span class="hps">konten yang eksplisit</span> <span class="hps">atau tidak cocok untuk</span> <span class="hps">kelompok memilih</span> <span class="hps">orang,</span> <span class="hps">berikan pembaca sebuah</span> <span class="hps">pilihan untuk tidak</span> <span class="hps">melanjutkan membaca blog</span> <span class="hps">Anda.</span> <span class="hps">JavaScript</span> <span class="hps">untuk</span> <span class="hps">kotak peringatan ini menampilkan</span> <span class="hps">dua tombol</span> <span class="hps atn">- "</span><span>OK" dan</span> <span class="hps">"Batal</span><span>" -</span> <span class="hps">yang bisa pembaca</span> <span class="hps">pilih.</span> <span class="hps">Jika pilihan mereka</span> <span class="hps">adalah "Cancel</span><span>", mereka</span> <span class="hps">akan diarahkan ke</span> <span class="hps">situs yang aman.</span> <span class="hps">Untuk contoh ini,</span> <span class="hps">kita menggunakan situs</span> <span class="hps">Google sebagai</span> <span class="hps">halaman arahan</span> <span class="hps">aman.</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZHTy5agx6klshyYwI_wYiWHdwGUxHjclOsJD9aGNGp_zq72EEPRT7uh1KptW5DUZtaujJqXIN5D0WyduUVv5gz62SPEc9aO-bHNZIxXZaTkA1Kg7Vq46ayetgps1leh0PSYdn72-1v4Y/s1600-h/alert+box+003.jpg" title="Alert Message and Dialog Box"><img alt="Alert Message and Dialog Box" border="0" id="BLOGGER_PHOTO_ID_5087803219635762258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZHTy5agx6klshyYwI_wYiWHdwGUxHjclOsJD9aGNGp_zq72EEPRT7uh1KptW5DUZtaujJqXIN5D0WyduUVv5gz62SPEc9aO-bHNZIxXZaTkA1Kg7Vq46ayetgps1leh0PSYdn72-1v4Y/s400/alert+box+003.jpg" style="cursor: pointer;" /></a><br />
<br />
<br />
<br />
<br />
<div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Untuk menyisipkan</span> <span class="hps">kotak dialog</span> <span class="hps">peringatan</span><span>,</span> <span class="hps">login ke</span> <span class="hps">account Anda</span><span>, pergi ke</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span> <span class="hps">di sidebar</span> <span class="hps">kiri</span> <span class="hps">atau area</span> <span class="hps">post body &</span> <span class="hps">pilih</span> <span class="hps">HTML / JavaScript.</span> <span class="hps">Paste</span> <span class="hps">kode</span> <span class="hps">di bawah ini</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><script type="text/javascript"><br />
confirm('<span style="color: red;">This site contains explicit contents. Are you sure you want to continue?</span>');<br />
if (confirm('<span style="color: red;">This site contains explicit contents. Are you sure you want to continue?</span>')) {<br />
window.location = "<span style="color: #3333ff;">http://tips-for-new-bloggers.blogspot.com/</span>";<br />
}<br />
else {<br />
window.location = "<span style="color: #ff6600;">http://www.google.com/</span>";<br />
}<br />
</script><br />
</div></th></tr>
</tbody></table><br />
<div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Pesan Anda</span> <span class="hps">akan muncul</span> <span class="hps">di bagian</span> <span class="hps">merah.</span> <span class="hps">Masukkan</span> <span class="hps">URL</span> <span class="hps">Blog Anda</span> <span class="hps">di</span> <span class="hps">bagian berwarna</span> <span class="hps">biru</span> <span class="hps">kode.</span> <span class="hps">Di sinilah</span> <span class="hps">pengunjung Anda akan</span> <span class="hps">pergi jika mereka</span> <span class="hps">klik "OK"</span><span>.</span> <span class="hps">Pada bagian</span> <span class="hps">jeruk,</span> <span class="hps">masukkan URL</span> <span class="hps">tempat untuk</span> <span class="hps">redirect</span> <span class="hps">pengunjung Anda</span> <span class="hps">jika memilih tombol</span> <span class="hps">"Cancel".</span></span></div></div></div></div><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Pemberitahuan</span> <span class="hps">Kotak</span> <span class="hps">dengan meminta</span><br />
<br />
<span class="hps">Tipe lain dari</span> <span class="hps">kotak dialog akan meminta</span> <span class="hps">pengguna untuk memasukkan</span> <span class="hps">beberapa informasi.</span> <span class="hps">Misalnya,</span> <span class="hps">kotak prompt</span> <span class="hps">dapat meminta</span> <span class="hps">pembaca</span> <span class="hps">untuk</span> <span class="hps">namanya</span> <span class="hps">dan menggunakannya untuk</span> <span class="hps">menyesuaikan</span> <span class="hps">halaman web.</span> <span class="hps">Diingatkan bahwa</span> <span class="hps">banyak browser</span> <span class="hps">yang dikonfigurasi untuk</span> <span class="hps">menonaktifkan</span> <span class="hps">skrip untuk meminta</span> <span class="hps">informasi.</span> <span class="hps">Bersenang-senang</span> <span class="hps">menyesuaikan</span> <span class="hps">Blog anda</span> <span class="hps">tapi jangan</span> <span class="hps">membuat ini</span> <span class="hps">aspek kunci</span> <span class="hps">dari isi.</span> <span class="hps">Misalnya, jika</span> <span class="hps">Anda memiliki cerita</span> <span class="hps">yang terus menyebutkan</span> <span class="hps">nama</span> <span class="hps">pembaca</span><span>, bagian</span> <span class="hps">mana nama</span> <span class="hps">harus</span> <span class="hps atn">akan muncul "</span><span>null".</span><br />
<br />
<span class="hps">Dalam</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span> <span class="hps">kita menambahkan</span> <span class="hps">HTML /</span> <span class="hps">JavaScript dan</span> <span class="hps">paste kode berikut</span><span class="">: -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><script type="text/javascript"><br />
var yourName = prompt("<span style="color: red;">How can we address you?</span>", "<span style="color: red;">Reader</span>");<br />
</script><br />
</div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Pertanyaannya</span> <span class="hps">dapat diubah.</span> <span class="hps">Pengguna akan</span> <span class="hps">diminta untuk memasukkan</span> <span class="hps">sesuatu dalam</span> <span class="hps">kotak dialog.</span> <span class="hps">Dia</span> <span class="hps">tentu saja dapat</span> <span class="hps">biarkan kosong dan</span> <span class="hps">tekan "OK</span><span>" atau</span> <span class="hps atn">klik "</span><span class="">Batal".</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjju8qAUUzbCN6QP79IqIw9QS0OZGOZHTRhyphenhyphenVvQ-AVP6swok55X6t9RafIFKSaL3tMKAV1SAL7UEIUh7xP0lM8h_qItT_CpYrgzYh2ylUFHObVOYfU7zZZkJs39XI6fufctud24Dpb72Xk/s1600-h/alert+box+005.jpg" title="Alert Message and Dialog Box"><img alt="Alert Message and Dialog Box" border="0" id="BLOGGER_PHOTO_ID_5087803219635762274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjju8qAUUzbCN6QP79IqIw9QS0OZGOZHTRhyphenhyphenVvQ-AVP6swok55X6t9RafIFKSaL3tMKAV1SAL7UEIUh7xP0lM8h_qItT_CpYrgzYh2ylUFHObVOYfU7zZZkJs39XI6fufctud24Dpb72Xk/s400/alert+box+005.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Di bawah</span> <span class="hps">JavaScript</span> <span class="hps">ini,</span> <span class="hps">dalam tubuh</span> <span class="hps">utama Anda,</span> <span class="hps">tambahkan page element</span> <span class="hps">HTML / JavaScript.</span> <span class="hps">Kali ini,</span> <span class="hps">Anda dapat mengetikkan</span> <span class="hps">ini: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">Welcome back <span style="color: red;"><script type="text/javascript">document.write(yourName)</script></span>! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again <span style="color: red;"><script type="text/javascript">document.write(yourName)</script></span><br />
</div></th></tr>
</tbody></table><br />
<div class="" id="gt-src-wrap"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Inilah yang</span> <span class="hps">akan muncul di</span> <span class="hps">Blog Anda</span><span>, berdasarkan</span> <span class="hps">masukan</span> <span class="hps">bahwa kunci</span> <span class="hps">pembaca</span> <span class="hps">masuk</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAdGswwor8Z12FKOvxW6LhNv_VydafbnIoguB_rwVrY4oCzQC3tL_1409EfommMtW0iVFdqJtDl9cSyxAUzIykvZBalWsg-erFutF9juR8oeZD0ab2whUyOQUlS7jJvD4Z4Yw4sGKYEEw/s1600-h/alert+box+006.jpg" title="Alert Message and Dialog Box"><img alt="Alert Message and Dialog Box" border="0" id="BLOGGER_PHOTO_ID_5087803223930729586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAdGswwor8Z12FKOvxW6LhNv_VydafbnIoguB_rwVrY4oCzQC3tL_1409EfommMtW0iVFdqJtDl9cSyxAUzIykvZBalWsg-erFutF9juR8oeZD0ab2whUyOQUlS7jJvD4Z4Yw4sGKYEEw/s400/alert+box+006.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Mengubah</span> <span class="hps">susunan kata</span> <span class="hps">yang sesuai dengan Anda</span> <span class="hps">dan dimanapun</span> <span class="hps">Anda ingin nama</span> <span class="hps">pembaca</span> <span class="hps">disebutkan</span><span>, tambahkan</span> <span class="hps">script</span> <span class="hps atn">(</span><span class="">ditampilkan dalam warna merah</span><span>).</span> <span class="hps">Cobalah untuk</span> <span class="hps">frase</span> <span class="hps">kata-kata</span> <span class="hps">sedemikian sehingga jika</span> <span class="hps">pengguna memasukkan</span> <span class="hps">apa-apa dan</span> <span class="hps">klik</span> <span class="hps">"OK"</span><span>, ruang</span> <span class="hps">kosong</span> <span class="hps">tidak jelas.</span> <span class="hps">Sebuah kotak dialog</span> <span class="hps">prompt seperti</span> <span class="hps">ini menambah</span> <span class="hps">sentuhan pribadi pada</span> <span class="hps">Blog Anda.</span></span></div></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com3tag:blogger.com,1999:blog-3638497761858672577.post-2710705827827400062012-03-12T00:06:00.000-07:002012-03-12T00:06:22.894-07:00Membuat Tulisan Bergerak di Blog<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="post-header"> <center><em> </em></center> </div><div class="separator" style="clear: both; text-align: center;"> </div><span style="font-size: x-small;"><span style="font-family: inherit;"><a href="http://www.dutaxp.blogspot.com/"><i style="color: red;"><b></b></i></a>Tulisan bergerak pada blog bisa menambah tampilan blog menjadi hidup, dan <u><i>Cara membuat tulisan bergerak di blog</i></u> bisa bermacam-macam dan hasilnya pun bervariasi, di sini saya akan mencoba menjelaskan yang hasil pergerakan tulisannya nanti terdiri dari 6 model pergerakan yaitu: tulisan bergerak ke kiri, ke kiri ke kanan, ke atas, ke bawah , 2 variasi zigzag dan divariasikan dengan adanya background warna. Langsung ke TKP saja ya.. caranya adalah:</span></span><br />
<br />
<a name='more'></a><br />
<br />
<div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>1.Teks berjalan dari kanan ke kiri</b><br />
<br />
kode :<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee><br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>2.Teks berjalan dari kiri ke kanan</b><br />
<br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> kode :<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee><br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>3. Teks berjalan bolak balik</b><br />
<br />
kode :<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee><br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>4. </b><b><span style="color: black;">Teks berjalan</span></b><b> dari atas ke bawah</b><br />
<br />
kode : <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee><br />
<br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>5. Teks berjalan dari bawah ke atas</b><br />
<br />
kode : <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee><br />
</div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <b>6. Teks berjalan mondar-mandir</b><br />
<br />
kode : <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee><b> </b><br />
<br />
<b>7. Teks berjalan zig-zag nembus</b></div><div class="MsoNormal" style="line-height: normal; margin-left: .5in; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"> <br />
<div style="text-align: left;"> kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center><b> </b></div><div style="text-align: left;"> </div><div style="text-align: left;"> <b>8. Teks berjalan zig-zag mantul</b> </div><div style="text-align: left;"> </div><div style="text-align: left;"> kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center></div></div><br />
<br />
Bagaimana sobat, mudah bukan membuat sebuah tulisan bergerak di blog, dan tidak sesulit yang kita pikirkan bukan, sekian tutorial yang dapat saya sampaikan baca juga artikel tentang</div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-42203365215953355312012-03-11T18:57:00.000-07:002012-03-11T18:57:01.876-07:00Tambahkan scrollbars di Widget Blog<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title"> </h3><span class="" id="result_box" lang="id"><span class="hps">Tutorial ini menunjukkan</span> <span class="hps">Anda bagaimana untuk membuat</span> <span class="hps">widget</span> <span class="hps">atau kotak</span> <span class="hps">dengan</span> <span class="hps">scrollbar</span><span>.</span> <span class="hps">Ketika</span> <span class="hps">isi</span> <span class="hps">widget</span> <span class="hps">melebihi</span> <span class="hps">ketinggian</span> <span class="hps">tertentu tertentu</span> <span class="hps">atau lebar</span><span>, akan ada</span> <span class="hps">scrollbar</span> <span class="hps">vertikal atau</span> <span class="hps">horisontal</span> <span class="hps">untuk memungkinkan pengguna untuk</span> <span class="hps">membaca isi</span> <span class="hps">yang melimpah</span> <span class="hps">atau</span> <span class="hps">melebihi area</span> <span class="hps">kotak</span><span>.</span> <span class="hps">Elemen ini</span> <span class="hps">bergulir</span> <span class="hps">sangat berguna untuk</span> <span class="hps">Daftar</span> <span class="hps">Link kami</span> <span class="hps">atau widget</span> <span class="hps">Label</span> <span class="hps">yang mungkin sangat</span> <span class="hps">panjang.</span> <span class="hps">Ini mengurangi</span> <span class="hps">tinggi total</span> <span class="hps">widget dan</span> <span class="hps">belum</span> <span class="hps">memungkinkan pembaca</span> <span class="hps">pilihan untuk</span> <span class="hps">menggulir</span> <span class="hps">dan melihat</span> <span class="hps">seluruh konten.</span> <span class="hps">Kita akan</span> <span class="hps">membahas bagaimana</span> <span class="hps">menyesuaikan</span> <span class="hps">desain template</span> <span class="hps">untuk menyertakan</span> <span class="hps">scrollbars</span> <span class="hps">dan</span> <span class="hps">berbagai modifikasi</span> <span class="hps">yang dapat dibuat</span> <span class="hps">untuk</span> <span class="hps">stylesheet.</span></span><br />
<a name='more'></a><br />
<br />
<span class="hps atn">The "</span><span>overflow"</span> <span class="hps">gaya</span> <span class="hps">properti</span><br />
<br />
<span class="hps">Mari kita</span> <span class="hps">menjelaskan</span> <span class="hps">apa kode</span> <span class="hps">adalah tentang.</span> <span class="hps">Kami menggunakan</span> <span class="hps">"overflow</span><span class="">" properti</span> <span class="hps">untuk menciptakan</span> <span class="hps">scrollbars dalam</span> <span class="hps">CSS atau</span> <span class="hps">stylesheet.</span> <span class="hps">Ada beberapa nilai</span> <span class="hps">yang dapat</span> <span class="hps">ditugaskan untuk itu,</span> <span class="hps">meskipun tidak semua</span> <span class="hps">berguna</span> <span class="hps">untuk tujuan kita</span>.<br />
<br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">1.</span> <span class="hps">overflow: visible</span><br />
<br />
<span class="hps">Ini adalah nilai</span> <span class="hps">default.</span> <span class="hps">Isi</span> <span class="hps">ekstra</span> <span class="hps">baik</span> <span class="hps">diberikan</span> <span class="hps">luar kotak</span> <span class="hps">atau</span> <span class="hps">panjang kotak</span> <span class="hps">diperluas</span> <span class="hps">untuk menyertakan</span> <span class="hps">konten tambahan</span><span>.</span> <span class="hps">Jangan</span> <span class="hps">repot-repot untuk</span> <span class="hps">menggunakan ini dalam</span> <span class="hps">blog Blogger</span> <span class="hps">karena Anda akan</span> <span class="hps">melihat isi dari</span> <span class="hps">widget yang</span> <span class="hps">tumpang tindih</span> <span class="hps">seperti ini: -</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6EmoCKdBhyNfr-wIiGxr9uKBWCMOYnMSDXYKn115LoZgremWpeCFfoEVy-EWQoX1ejhMNcFn2RKRxD1364kgMGZoRdyCAAcmS9GjT9MhMPAeB9RokL1YgfzQ6Nm8_aeNtPkEBBDXAd84/s1600-h/scrollbar+001.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529315160702722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6EmoCKdBhyNfr-wIiGxr9uKBWCMOYnMSDXYKn115LoZgremWpeCFfoEVy-EWQoX1ejhMNcFn2RKRxD1364kgMGZoRdyCAAcmS9GjT9MhMPAeB9RokL1YgfzQ6Nm8_aeNtPkEBBDXAd84/s400/scrollbar+001.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">2.</span> <span class="hps">overflow: hidden</span><br />
<br />
<span class="hps">Ini akan</span> <span class="hps">memotong</span> <span class="hps">konten</span> <span class="hps">tambahan yang</span> <span class="hps">melimpah</span> <span class="hps">dan</span> <span class="hps">tidak akan ada</span> <span class="hps">scrollbar</span> <span class="hps">ke kotak.</span> <span class="hps"></span><span class="hps"></span></span></div></div><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRX6WFzv4a1tPNZPUMKhwVADncWlourQNNyuL1Bnf2K79rsY_2HugpGLRt9fnogRKIsGeSi7ee7BzYgKsYuvVujdx-AAchMzKq86iuehZQG3dgBGxmcNYVVPfh_tmHDbseRvoKPfwc8gg/s1600-h/scrollbar+002.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529323750637330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRX6WFzv4a1tPNZPUMKhwVADncWlourQNNyuL1Bnf2K79rsY_2HugpGLRt9fnogRKIsGeSi7ee7BzYgKsYuvVujdx-AAchMzKq86iuehZQG3dgBGxmcNYVVPfh_tmHDbseRvoKPfwc8gg/s400/scrollbar+002.jpg" style="cursor: pointer;" /></a><br />
<br />
<span style="font-weight: bold;">3. <span style="color: #993399;">overflow:scroll</span></span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Konten tersebut</span> <span class="hps">dipotong</span> <span class="hps">tetapi akan ada</span> <span class="hps">scrollbar pada kedua</span> <span class="hps">sisi.</span></span></div></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDEbJ4QGG74kJUZn7V4iCwDdwNB3A9EbABMGQfy7qAeusc3-_6j3pe3xIL5HkOcDivFHtp3PbUok0bt3phzCyiYfvMceI-7DZ9dTooTMhacfcVFhlZm3dNC8QIdhpjigshQVsbwHD63I/s1600-h/scrollbar+003.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529323750637346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDEbJ4QGG74kJUZn7V4iCwDdwNB3A9EbABMGQfy7qAeusc3-_6j3pe3xIL5HkOcDivFHtp3PbUok0bt3phzCyiYfvMceI-7DZ9dTooTMhacfcVFhlZm3dNC8QIdhpjigshQVsbwHD63I/s400/scrollbar+003.jpg" style="cursor: pointer;" /></a><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">4.</span> <span class="hps">overflow: auto</span><br />
<br />
<span class="hps">Kami ingin</span> <span class="hps">atribut ini.</span> <span class="hps">Pada dasarnya</span><span>, ia memberitahu</span> <span class="hps">browser untuk menampilkan</span> <span class="hps">scrollbar</span> <span class="hps">yaitu hanya bila</span> <span class="hps">diperlukan,</span> <span class="hps">bila konten</span> <span class="hps">yang melimpah pengaturan</span> <span class="hps">lebar dan tinggi</span></span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgncUabp6D8smbs6P3alYs9AYc0UQVATRrT0HAQJfJOjmLoUz0bHXNvaP6fSH3OmMGVTwgof7jyPCi54wLAgIqet-ms7AFMk9HRLJYXpCAhfJ9F3hFY9s5Ek7qDy_noEXhBs1Qqvq60lU8/s1600-h/scrollbar+004.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529323750637362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgncUabp6D8smbs6P3alYs9AYc0UQVATRrT0HAQJfJOjmLoUz0bHXNvaP6fSH3OmMGVTwgof7jyPCi54wLAgIqet-ms7AFMk9HRLJYXpCAhfJ9F3hFY9s5Ek7qDy_noEXhBs1Qqvq60lU8/s400/scrollbar+004.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Scrollbar</span> <span class="hps">di</span> <span class="hps">Semua</span> <span class="hps">Widgets</span><br />
<br />
<span class="hps">Sekarang kita tahu</span> <span class="hps">apa kode tidak</span><span>, kita dapat</span> <span class="hps">menerapkannya pada</span> <span class="hps">template kita.</span> <span class="hps">Jika kita memiliki</span> <span class="hps">banyak</span> <span class="hps">widget</span> <span class="hps">di sidebar</span> <span class="hps">kita, kita</span> <span class="hps">dapat menentukan</span> <span class="hps">ketinggian</span> <span class="hps">tetap untuk</span> <span class="hps">semua widget</span><span>.</span> <span class="hps">Hati-hati direncanakan</span><span>, tata letak</span> <span class="hps">kita bisa terlihat</span> <span class="hps">sangat rapi</span> <span class="hps">karena semua</span> <span class="hps">widget</span> <span class="hps">akan memiliki</span> <span class="hps">ketinggian yang sama.</span><br />
<br />
<span class="hps">Masuk dan</span> <span class="hps">pergi ke</span> <span class="hps">Template</span> <span class="hps">-> Edit</span> <span class="hps">HTML.</span> <span class="hps">Masukkan</span> <span class="hps">potongan kode ini</span><span class="">.</span> <span class="hps">Untuk kemudahan referensi,</span> <span class="hps">kami telah menambahkan</span> <span class="hps">di bawah</span> <span class="hps">/ * Sidebar Content</span> <span class="hps">* /</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
.sidebar .widget{<br />
height:200px;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKomNsegP0NncmOYRDvFSdMKWg_yMCiLc_0p7y_3KOqeAmi-3OLnN_V_wZk6s3c8y3KTk6wwye2prwvIlvcCoasI5gkQrD5BoWMF2EhA8Ap4Ui_Swpl8OVtRvABp0cdiB_qkRDP40ank/s1600-h/scrollbar+005.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529933635993410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKomNsegP0NncmOYRDvFSdMKWg_yMCiLc_0p7y_3KOqeAmi-3OLnN_V_wZk6s3c8y3KTk6wwye2prwvIlvcCoasI5gkQrD5BoWMF2EhA8Ap4Ui_Swpl8OVtRvABp0cdiB_qkRDP40ank/s400/scrollbar+005.jpg" style="cursor: pointer;" /></a><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Dalam contoh kita</span><span>, kita</span> <span class="hps">menerapkan</span> <span class="hps">tinggi</span> <span class="hps">200px</span> <span class="hps">ke</span> <span class="hps">widget.</span> <span class="hps">Ini bisa diubah</span> <span class="hps">ke nilai</span> <span class="hps">lain.</span> <span class="hps">Lihatlah</span> <span class="hps">kedua sidebars</span><span>.</span> <span class="hps">Perhatikan</span> <span class="hps">kerapian dan</span> <span class="hps">simetri.</span> <span class="hps">Hati-hati</span> <span class="hps">meskipun jika Anda memiliki</span> <span class="hps">AdSense Iklan di</span> <span class="hps">sidebars.</span> <span class="hps">Ini bertentangan</span> <span class="hps">KL</span> <span class="hps">AdSense</span> <span class="hps">untuk memotong</span> <span class="hps">Iklan</span> <span class="hps">dan meletakkan</span> <span class="hps">scrollbar</span> <span class="hps">dengan Unit</span> <span class="hps">Iklan.</span></span></div></div><div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">scrollbar</span> <span class="hps">di</span> <span class="hps">Widget</span> <span class="hps">One</span> <span class="hps">Sidebar</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Mari kita asumsikan</span> <span class="hps">untuk diskusi</span> <span class="hps">kami bahwa Anda</span> <span class="hps">telah memodifikasi</span> <span class="hps">template Anda</span> <span class="hps">untuk menyertakan sebuah</span> <span class="hps">sidebar</span> <span class="hps">tambahan</span> <span class="hps">menggunakan panduan</span> <span class="hps">Kolom</span> <span class="hps">Template</span> <span class="hps">Tiga</span> <span class="hps">kami.</span> <span class="hps">Kita mungkin</span> <span class="hps">memiliki semua</span> <span class="hps">iklan</span> <span class="hps">AdSense di</span> <span class="hps">satu</span> <span class="hps">sidebar dan</span> <span class="hps">kita ingin</span> <span class="hps">menambahkan</span> <span class="hps">scrollbar</span> <span class="hps">ke dalam</span> <span class="hps">widget</span> <span class="hps">dari</span> <span class="hps">sidebar</span> <span class="hps">lainnya.</span> <span class="hps">Gaya</span> <span class="hps">yang dapat dimasukkan</span> <span class="hps">ke dalam template</span> <span class="hps">akan</span> <span class="hps">ini: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
#newsidebar .widget{<br />
height:200px;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
Or this:-<br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
#sidebar .widget{<br />
height:200px;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">tergantung pada</span> <span class="hps">sidebar</span> <span class="hps">widget</span> <span class="hps">Anda</span> <span class="hps">berada di.</span> <span class="hps">Preview</span> <span class="hps">template</span> <span class="hps">dan jika</span> <span class="hps">apa yang Anda inginkan</span><span>, simpan</span> <span class="hps">Template</span> <span class="hps">dan menyegarkan</span> <span class="hps">Blog Anda.</span><br />
<br />
<span class="hps">Scrollbar</span> <span class="hps">dalam Satu</span> <span class="hps">Widget</span> <span class="hps">hanya</span><br />
<br />
<span class="hps">Kita bisa menambahkan</span> <span class="hps">scrollbar</span> <span class="hps">hanya untuk</span> <span class="hps">satu atau</span> <span class="hps">beberapa</span> <span class="hps">widget.</span> <span class="hps">Untuk melakukan itu</span><span>, pertama kita harus</span> <span class="hps">mengetahui ID</span> <span class="hps">dari</span> <span class="hps">widget.</span> <span class="hps">Ketika kita</span> <span class="hps">berada pada</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Edit HTML</span><span>, gulir</span> <span class="hps">ke bagian bawah</span> <span class="hps">kode template</span><span class="">.</span> <span class="hps">Anda akan melihat sesuatu</span> <span class="hps">seperti ini: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><div id='sidebar-wrapper'><br />
<b:section class='sidebar' id='sidebar' preferred='yes'><br />
<b:widget id='<span style="color: red;">LinkList1</span>' locked='false' title='General' type='LinkList'/><br />
<b:widget id='<span style="color: red;">HTML1</span>' locked='false' title='' type='HTML'/><br />
<b:widget id='<span style="color: red;">Label1</span>' locked='false' title='Label' type='Label'/><br />
</b:section><br />
</div></div></th></tr>
</tbody></table><br />
<span class="" id="result_box" lang="id"><span class="hps">Dalam contoh ini</span><span>, kami telah menambahkan</span> <span class="hps">sebuah Elemen</span> <span class="hps">Halaman</span> <span class="hps">Link Daftar</span> <span class="hps">ke</span> <span class="hps">Sidebar</span> <span class="hps">kami dan</span> <span class="hps">ID untuk</span> <span class="hps">widget ini adalah</span> <span class="hps atn">"</span><span>Linklist1</span><span>".</span> <span class="hps">Jika kita</span> <span class="hps">memiliki daftar</span> <span class="hps">link lebih</span><span>,</span> <span class="hps">ID</span> <span class="hps atn">akan "</span><span class="">Linklist2</span><span class="atn">", "</span><span>Linklist3</span><span>" dan seterusnya</span><span>.</span> <span class="hps">Juga, kita</span> <span class="hps">telah memasukkan</span> <span class="hps">sebuah Elemen Halaman</span> <span class="hps">HTML /</span> <span class="hps">JavaScript dan</span> <span class="hps">ID adalah</span> <span class="hps atn">"</span><span>HTML1</span><span>".</span> <span class="hps">Widget</span> <span class="hps">ketiga</span> <span class="hps">kami menambahkan</span> <span class="hps">adalah daftar</span> <span class="hps">Label dan</span> <span class="hps">ID adalah</span> <span class="hps atn">"</span><span>Label1</span><span>".</span> <span class="hps">Lihatlah</span> <span class="hps">template Anda</span> <span class="hps">dan mengidentifikasi</span> <span class="hps">widget.</span> <span class="hps">Mencatat</span> <span class="hps">ID</span> <span class="hps">widget.</span><br />
<br />
<span class="hps">Dengan</span> <span class="hps">ID,</span> <span class="hps">sekarang kita</span> <span class="hps">dapat menambahkan</span> <span class="hps">properti overflow</span> <span class="hps">ke dalam</span> <span class="hps">stylesheet</span> <span class="hps">di bawah</span> <span class="hps">Konten</span> <span class="hps">Sidebar</span> <span class="hps">/ *</span> <span class="hps">* /</span><span class="">: -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
#<span style="color: red;">Label1</span>{<br />
height:200px;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKKhlJ_mhkUCNHgoeq1DndGHXKF0oD1FImbxsFy1mGTU6foa20CbV3BUlWoMFSqAHoSCNW5-4yJNPL_QyEDNenA81dD0pqVyYdDguxWFfLwOlQe1q_2keQCAiRDvRM_cGoKksaiC_J64/s1600-h/scrollbar+006.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529933635993426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKKhlJ_mhkUCNHgoeq1DndGHXKF0oD1FImbxsFy1mGTU6foa20CbV3BUlWoMFSqAHoSCNW5-4yJNPL_QyEDNenA81dD0pqVyYdDguxWFfLwOlQe1q_2keQCAiRDvRM_cGoKksaiC_J64/s400/scrollbar+006.jpg" style="cursor: pointer;" /></a><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Ini akan menambahkan</span> <span class="hps">scroll bar</span><span class="atn">-</span><span>ke widget</span> <span class="hps">Label</span> <span class="hps">hanya</span> <span class="hps">tanpa mempengaruhi</span> <span class="hps">widget</span> <span class="hps">lainnya.</span> <span class="hps">Masukkan</span> <span class="hps">ID</span> <span class="hps">yang relevan dari</span> <span class="hps">widget Anda</span> <span class="hps">ke bagian</span> <span class="hps">ditampilkan dalam warna merah</span><span>.</span><br />
<br />
<span class="hps">Scrollbar</span> <span class="hps">di</span> <span class="hps">Semua</span> <span class="hps">Widgets</span> <span class="hps">kecuali</span> <span class="hps">Satu</span><br />
<br />
<span class="hps">Sebuah variasi</span> <span class="hps">lebih lanjut</span> <span class="hps">adalah dengan menambahkan</span> <span class="hps">scrollbars</span> <span class="hps">ke semua</span> <span class="hps">Widget</span> <span class="hps">kecuali satu</span> <span class="hps">atau dua.</span> <span class="hps">Seperti disebutkan sebelumnya</span><span>, widget</span> <span class="hps">AdSense tidak</span> <span class="hps">harus memiliki</span> <span class="hps">scrollbar</span> <span class="hps">dan mungkin</span> <span class="hps">niat Anda</span> <span class="hps">untuk memiliki</span> <span class="hps">scrollbar</span> <span class="hps">di seluruh</span> <span class="hps">widget</span><span>.</span><br />
<br />
<span class="hps">Ikuti</span> <span class="hps">panduan</span> <span class="hps">di atas untuk</span> <span class="hps">memasukkan</span> <span class="hps">scrollbar</span> <span class="hps">ke</span> <span class="hps">semua widget</span><span>.</span> <span class="hps">Setelah itu</span> <span class="hps">untuk orang yang</span> <span class="hps">Anda tidak ingin</span> <span class="hps">scrollbar</span> <span class="hps">muncul</span><span>, tentukan</span> <span class="hps">nilai</span> <span class="hps">lebih besar untuk</span> <span class="hps">ketinggian</span><span>: -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
#<span style="color: red;">AdSense1</span>{<br />
height:<span style="color: red;">600px</span>;<br />
}</div></th></tr>
</tbody></table><br />
<span class="" id="result_box" lang="id"><span class="hps">Sebagai contoh,</span> <span class="hps">jika unit</span> <span class="hps">AdSense</span> <span class="hps">adalah</span> <span class="hps">lebar</span> <span class="hps">160x600</span> <span class="hps">Banner</span> <span class="hps">Vertikal</span><span class="">, menempatkan</span> <span class="hps">ketinggian</span> <span class="hps">widget</span> <span class="hps">sebagai</span> <span class="hps">600px</span><span>.</span> <span class="hps">Sejak</span> <span class="hps">isi</span> <span class="hps">cocok baik ke</span> <span class="hps">ukuran ini,</span> <span class="hps">scrollbars</span> <span class="hps">tidak</span> <span class="hps">akan muncul.</span> <span class="hps">Mengubah</span> <span class="hps">ID</span> <span class="hps">widget</span> <span class="hps">yang sesuai</span> <span class="hps">untuk menunjuk ke</span> <span class="hps">widget yang</span> <span class="hps">ingin Anda kecualikan</span> <span class="hps">dan</span> <span class="hps">menyesuaikan nilai</span> <span class="hps">tinggi.</span><br />
<br />
<span class="hps">Scrollbar</span> <span class="hps">untuk</span> <span class="hps">Link dan</span> <span class="hps">Label</span><br />
<br />
<span class="hps">Kita perlu</span> <span class="hps">scrollbar</span> <span class="hps">biasanya</span> <span class="hps">untuk daftar</span> <span class="hps">Label dan</span> <span class="hps">blogroll</span> <span class="hps">dibuat menggunakan</span> <span class="hps">daftar</span> <span class="hps">link</span> <span class="hps">karena biasanya</span> <span class="hps">panjang.</span> <span class="hps">Anda mungkin telah memperhatikan</span> <span class="hps">bahwa menggunakan</span> <span class="hps">kode</span> <span class="hps">di atas,</span> <span class="hps">widget</span> <span class="hps">seluruh</span> <span class="hps">disertakan</span> <span class="hps">dalam kitab</span><span>.</span> <span class="hps">Misalkan</span> <span class="hps">kita ingin</span> <span class="hps">judul</span> <span class="hps">tetap</span> <span class="hps">statis</span> <span class="hps">dan memiliki</span> <span class="hps">scrollbar</span> <span class="hps">hanya untuk</span> <span class="hps">link atau</span> <span class="hps">label,</span> <span class="hps">kita dapat menyisipkan</span> <span class="hps">kode</span> <span class="hps">sebagai berikut</span> <span class="hps">(ingat untuk</span> <span class="hps">memasukkan ID</span> <span class="hps">yang relevan ke dalam</span> <span class="hps">bagian</span> <span class="hps">ditampilkan dalam warna merah</span><span class="">): -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">/* Sidebar Content */<br />
#<span style="color: red;">LinkList1</span> ul{<br />
height:200px;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsPJB3R4Qg1BDJabqy7jQdVRf6JXsnS4nBgA8dsVXh_W7yCew7IiyNr70yZ7yiFzLVEHP5Gw_0G_9zRhpHTd3q-9wmXRYGNIAEatHiBnyhMyCvDssbYL_qOptwJr84ZYlTB_4wvIMV9Cw/s1600-h/scrollbar+007.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529937930960738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsPJB3R4Qg1BDJabqy7jQdVRf6JXsnS4nBgA8dsVXh_W7yCew7IiyNr70yZ7yiFzLVEHP5Gw_0G_9zRhpHTd3q-9wmXRYGNIAEatHiBnyhMyCvDssbYL_qOptwJr84ZYlTB_4wvIMV9Cw/s400/scrollbar+007.jpg" style="cursor: pointer;" /></a><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Scrollbar</span> <span class="hps">untuk Posting</span> <span class="hps">Blog</span><br />
<br />
<span class="hps">Jika Anda</span> <span class="hps">ingin</span> <span class="hps">scrollbar</span> <span class="hps">untuk setiap</span> <span class="hps">posting blog Anda</span><span>, gulir ke</span> <span class="hps">mana Anda melihat</span> <span class="hps">kode ini</span> <span class="hps">dan menambahkan</span> <span class="hps">bagian</span> <span class="hps atn">(</span><span>ditampilkan dalam warna merah</span><span>): -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">.post {<br />
<span style="color: red;">height:200px;</span><br />
<span style="color: red;">overflow:auto;</span><br />
}</div></th></tr>
</tbody></table><br />
<div class="g-unit" id="gt-src-c"><div id="gt-src-p"><div class="" id="gt-src-wrap"><div style="width: 100%;"><span class="hps">Scrollbar</span> <span class="hps">teks dalam</span> <span class="hps">Posting Blog</span></div></div></div></div><div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><br />
<span class="hps">Mungkin Anda</span> <span class="hps">mungkin tidak</span> <span class="hps">ingin memiliki</span> <span class="hps">scrollbar</span> <span class="hps">untuk semua</span> <span class="hps">Blog Posts</span><span>, tapi hanya untuk</span> <span class="hps">sepotong</span> <span class="hps">teks dalam</span> <span class="hps">Blog Post.</span> <span class="hps">Anda dapat mengikuti</span> <span class="hps">langkah-langkah dalam</span> <span class="hps">panduan ini</span> <span class="hps">untuk memasukkan</span> <span class="hps">scrollbar</span> <span class="hps">untuk</span> <span class="hps">teks dalam</span> <span class="hps">pos.</span><br />
<br />
<span class="hps">Scrollbar</span> <span class="hps">untuk Teks</span> <span class="hps">Panjang</span><br />
<br />
<span class="hps">Jika Anda</span> <span class="hps">memiliki bagian</span> <span class="hps">panjang</span> <span class="hps">teks</span> <span class="hps">seperti yang ditemukan</span> <span class="hps">dalam Persyaratan</span> <span class="hps">biasa</span> <span class="hps">Layanan</span><span>, Pengguna</span> <span class="hps">Perjanjian</span><span>, Peraturan</span><span>, Kebijakan Privasi</span><span>, dll,</span> <span class="hps">scrollbars</span> <span class="hps">akan sangat berguna</span> <span class="hps">dalam meminimalkan</span> <span class="hps">area teks</span> <span class="hps">dan belum</span> <span class="hps">memungkinkan</span> <span class="hps">pembaca untuk</span> <span class="hps">melihat isi</span> <span class="hps">penuh.</span><br />
<br />
<span class="hps">Dalam</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Edit HTML</span><span>, / *</span> <span class="hps">Sidebar</span> <span class="hps">Content</span> <span class="hps">* /</span><span>,</span> <span class="hps">mendefinisikan</span> <span class="hps">kelas</span> <span class="hps">sebagai berikut</span><span>: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left">.scrollingtext {<br />
height:200px;<br />
width:200px;<br />
border:0;<br />
overflow:auto;<br />
}</div></th></tr>
</tbody></table><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Apa yang kami lakukan</span> <span class="hps">adalah untuk menentukan</span> <span class="hps">bahwa teks</span> <span class="hps">yang terdapat di dalam</span> <span class="hps">sebuah kotak dengan</span> <span class="hps">scrollbar</span> <span class="hps">otomatis ditambahkan</span> <span class="hps">jika teks</span> <span class="hps">yang melimpah</span> <span class="hps">daerah</span> <span class="hps">x</span> <span class="hps">200px</span> <span class="hps">200px.</span> <span class="hps">Nilai dari</span> <span class="hps">perbatasan,</span> <span class="hps">tinggi dan lebar</span> <span class="hps">dapat diubah</span> <span class="hps">sesuai dengan kebutuhan anda</span><span>.</span><br />
<br />
<span class="hps">Kami sekarang</span> <span class="hps">dapat mengetik</span> <span class="hps">teks.</span> <span class="hps">Teks ini</span> <span class="hps">dapat</span> <span class="hps">muncul dalam sebuah</span> <span class="hps">Blog Post</span><span>, atau sebagai</span> <span class="hps">elemen dalam</span> <span class="hps">Template</span><span>.</span> <span class="hps">Jika dalam</span> <span class="hps">sebuah</span> <span class="hps">Blog Post</span><span>,</span> <span class="hps">setelah Anda mengetikan</span> <span class="hps">TEKS</span> <span class="hps">di</span> <span class="hps">Post Editor</span><span class="">, beralih ke</span> <span class="hps">"Edit</span> <span class="hps">HTML"</span> <span class="hps">modus</span> <span class="hps">dan masukkan</span> <span class="hps">tag ini</span> <span class="hps">(ditunjukkan</span> <span class="hps">dengan warna biru</span><span class="">): -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="color: #3333ff;"><div class="scrollingtext"></span><span style="color: #009900;">TEXT</span><span style="color: #3333ff;"></div></span></div></th></tr>
</tbody></table><br />
<span class="" id="result_box" lang="id"><span class="hps">TEKS</span> <span class="hps">dapat dimasukkan</span> <span class="hps">langsung</span> <span class="hps">ke dalam template</span> <span class="hps">melalui</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Teks.</span> <span class="hps">Demikian pula, jika</span> <span class="hps">Anda telah mengetik</span> <span class="hps">dalam</span> <span class="hps">modus editor</span> <span class="hps">kaya, Anda</span> <span class="hps">dapat mengklik</span> <span class="hps">"Edit HTML</span><span>" link di</span> <span class="hps">sudut kanan atas</span> <span class="hps">dan masukkan</span> <span class="hps">tag</span> <span class="hps">di atas.</span><br />
<br />
<span class="hps">Setelah</span> <span class="hps">mempublikasikan</span> <span class="hps">posting atau</span> <span class="hps">menyimpan</span> <span class="hps">elemen</span> <span class="hps">halaman, Anda</span> <span class="hps">akan dapat</span> <span class="hps">melihat</span> <span class="hps">TEXT</span> <span class="hps">di dalam</span> <span class="hps">kotak</span> <span class="hps">dan</span> <span class="hps">scrollbar</span> <span class="hps">otomatis dimasukkan</span><span class="">.</span></span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJh7NJADBnWz80Lnt2PJEQtG8uiPyp-UeHdhqhFx6p2o1NB3UAYm5aZSGWP7rPa4SRUzShGxc3ODVAexWFxJs0HXsR5cIIsPQ65YnZUvWtMOmJIjsXES7ddtQVpzd4-v01J_vpjPgJp1I/s1600-h/scrollbar+008.jpg" title="Add Scrollbars to Blog Widgets"><img alt="Add Scrollbars to Blog Widgets" border="0" id="BLOGGER_PHOTO_ID_5104529937930960754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJh7NJADBnWz80Lnt2PJEQtG8uiPyp-UeHdhqhFx6p2o1NB3UAYm5aZSGWP7rPa4SRUzShGxc3ODVAexWFxJs0HXsR5cIIsPQ65YnZUvWtMOmJIjsXES7ddtQVpzd4-v01J_vpjPgJp1I/s400/scrollbar+008.jpg" style="cursor: pointer;" /></a><br />
<br />
<span style="font-size: 85%;"><a href="http://tips-for-new-bloggers.blogspot.com/"></a></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-65207899800208815052012-03-11T18:39:00.000-07:002012-03-11T18:39:53.485-07:00pasang musik di blog<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Artikel ini</span> <span class="hps">diperbarui</span> <span class="hps">untuk mengatasi</span> <span class="hps">perbedaan dalam cara</span> <span class="hps">kode ini</span> <span class="hps">ditafsirkan oleh</span> <span class="hps">browser yang berbeda</span><span>, yaitu</span> <span class="hps">Internet Explorer dan Mozilla</span> <span class="hps">Firefox.</span> <span class="hps">Kami juga menyertakan</span> <span class="hps">contoh file</span> <span class="hps">musik</span> <span class="hps">yang dapat Anda gunakan</span> <span class="hps">untuk menguji</span> <span class="hps">efek penambahan</span> <span class="hps">file</span> <span class="hps">suara ke</span> <span class="hps">Blog Anda.</span> <span class="hps">Selain itu,</span> <span class="hps">baca artikel kami tentang</span> <span class="hps">Music Player</span> <span class="hps">Flash dan</span> <span class="hps">Playlist</span> <span class="hps">Musik</span> <span class="hps">untuk menambahkan</span> <span class="hps">playlist</span> <span class="hps">potongan</span> <span class="hps">musik</span> <span class="hps">beberapa</span> <span class="hps">atau lagu</span><span class="">.<a name='more'></a></span><br />
<br />
<span class="hps atn">"</span><span>Musik,</span> <span class="hps">kebaikan</span> <span class="hps">terbesar yang</span> <span class="hps">manusia</span> <span class="hps">tahu,</span><br />
<span class="hps">Dan semua</span> <span class="hps">surga</span> <span class="hps">yang kita miliki</span> <span class="hps">di bawah ini.</span> <span class="hps">"...</span> <span class="hps">Joseph</span> <span class="hps">Addison</span><br />
<br />
<span class="hps">Tergantung</span> <span class="hps">pada subyek</span> <span class="hps">blog</span> <span class="hps">Anda, memiliki</span> <span class="hps">musik yang dimainkan</span> <span class="hps">di latar belakang</span> <span class="hps">baik</span> <span class="hps">dapat meningkatkan</span> <span class="hps">kenikmatan</span> <span class="hps">membaca atau</span> <span class="hps">mengganggu</span> <span class="hps">pengunjung Anda.</span> <span class="hps">Bayangkan</span> <span class="hps">penderitaan</span> <span class="hps">surfing web</span> <span class="hps">dalam</span> <span class="hps">hati</span><span>, hanya untuk</span> <span class="hps">menarik perhatian</span> <span class="hps">rekan</span> <span class="hps">kantor Anda</span> <span class="hps">atau orang tua</span> <span class="hps">ketika musik</span> <span class="hps">secara otomatis</span> <span class="hps">siap meluncur</span> <span class="hps">di latar belakang.</span> <span class="hps">Belum lagi,</span> <span class="hps">file musik</span> <span class="hps">besar</span> <span class="hps">dapat menyebabkan</span> <span class="hps">download</span> <span class="hps">halaman</span> <span class="hps">lebih lambat.</span> <span class="hps">Namun demikian,</span> <span class="hps">solusi,</span> <span class="hps">sebagaimana akan</span> <span class="hps">dijelaskan</span> <span class="hps">kemudian,</span> <span class="hps">adalah sederhana -</span> <span class="hps">memiliki pilihan</span> <span class="hps">bagi pembaca untuk</span> <span class="hps">memainkan atau</span> <span class="hps">menghentikan musik</span><span>.</span><br />
<br />
<span class="hps">Untuk memulai, Anda</span> <span class="hps">akan perlu memiliki</span> <span class="hps">file musik</span> <span class="hps">upload ke</span> <span class="hps">server.</span> <span class="hps">Anda dapat membaca</span> <span class="hps">tentang menggunakan</span> <span class="hps">host gratis</span> <span class="hps">seperti Google</span> <span class="hps">Page Creator</span> <span class="hps">dan</span> <span class="hps">Google Groups.</span> <span class="hps">Kami juga</span> <span class="hps">daftar</span> <span class="hps">lebih</span> <span class="hps">komprehensif</span> <span class="hps">Host</span> <span class="hps">Gambar</span> <span class="hps">bebas</span> <span class="hps">dan Layanan</span> <span class="hps">File Hosting</span> <span class="hps">di</span> <span class="hps">artikel kami pada</span> <span class="hps">Gambar</span> <span class="hps">Ruang</span> <span class="hps">Penyimpanan</span> <span class="hps">Kelola</span> <span class="hps">Blogger</span><span>.</span> <span class="hps">Memeriksa</span> <span class="hps">situs tersebut dan</span> <span class="hps">memilih satu yang</span> <span class="hps">cepat</span><span>, dapat diandalkan</span> <span class="hps">dan memungkinkan</span> <span class="hps">hotlinking</span> <span class="hps">ke file</span> <span class="hps">upload.</span> <span class="hps">Setelah</span> <span class="hps">upload,</span> <span class="hps">catat</span> <span class="hps">URL dari</span> <span class="hps">file.</span><br />
<br />
<span class="hps">Atau, ada</span> <span class="hps">beberapa situs yang menawarkan</span> <span class="hps">download gratis</span> <span class="hps">file</span> <span class="hps">musik mereka.</span> <span class="hps">Anda dapat memasukkan</span> <span class="hps">kata</span> <span class="hps">pencarian</span> <span class="hps">seperti</span> <span class="hps">"download</span> <span class="hps">musik gratis</span><span>"</span> <span class="hps">atau cari</span> <span class="hps">nama</span> <span class="hps">artis populer</span> <span class="hps">di kotak pencarian</span> <span class="hps">Google.</span> <span class="hps">Sebagian besar situs</span> <span class="hps">yang menawarkan download gratis</span> <span class="hps">akan membawa Anda</span> <span class="hps">ke lokasi</span> <span class="hps">file yang disimpan dalam</span> <span class="hps">server mereka.</span> <span class="hps">Copy</span> <span class="hps">URL dari file</span> <span class="hps">musik yang</span> <span class="hps">telah Anda pilih.</span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps"> </span></span></div><div dir="ltr"><input id="sbi" maxlength="255" name="q" size="30" /> google<br />
<span class="" id="result_box" lang="id"><span class="hps">Jika Anda</span> <span class="hps">ingin mendengar</span> <span class="hps">bagaimana musik</span> <span class="hps">bekerja</span> <span class="hps">di Blog Anda</span><span>, Anda juga</span> <span class="hps">dapat menggunakan</span> <span class="hps">file musik</span> <span class="hps">yang telah kita</span> <span class="hps">upload ke</span> <span class="hps">Google</span> <span class="hps">Pages</span> <span class="hps">-</span> <span class="hps">http://ownlblog.googlepages.com/BalladePourAdeline.mid</span> <span class="hps">-</span> <span class="hps">setiap kali Anda</span> <span class="hps">diminta untuk memasukkan</span> <span class="hps atn">"</span><span class="">URL file</span> <span class="hps">musik".</span> <span class="hps">File ini adalah</span> <span class="hps">untuk tujuan pengujian</span> <span class="hps">saja.</span> <span class="hps">Harap jangan link</span> <span class="hps">permanen ke</span> <span class="hps">file ini</span> <span class="hps">karena dapat</span> <span class="hps">diubah</span> <span class="hps">atau dihapus</span> <span class="hps">pada waktunya.</span><br />
<br />
<span class="hps">Selanjutnya, Anda</span> <span class="hps">harus memutuskan</span> <span class="hps">bagaimana Anda</span> <span class="hps">ingin musik</span> <span class="hps">yang akan</span> <span class="hps">dimainkan.</span><br />
<br />
<span class="hps">Link untuk</span> <span class="hps">pembaca</span> <span class="hps">untuk mengklik</span><br />
<br />
<span class="hps">Ini adalah link</span> <span class="hps">teks.</span> <span class="hps">Pengunjung Anda</span> <span class="hps">dapat mengklik</span> <span class="hps">link jika</span> <span class="hps">ia ingin</span> <span class="hps">mendengar musik.</span></span><span class="" id="result_box" lang="id"><span class="hps"></span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps"><br />
</span></span></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps"></span></span><br />
<div align="left"><a href="<span style="color: red;">URL of music file</span>">Click to hear music file</a></div><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Jangan lupa untuk memasukkan</span> <span class="hps">URL file</span> <span class="hps">musik ke dalam</span> <span class="hps">kode di atas.</span> <span class="hps">Kode ini</span> <span class="hps">dapat dimasukkan</span> <span class="hps">ke dalam posting</span> <span class="hps">Blog Anda.</span> <span class="hps">Jika Anda</span> <span class="hps">ingin menaruhnya</span> <span class="hps">pada sidebar Anda</span><span>,</span> <span class="hps">Anda bisa pergi ke</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span><span>, pilih</span> <span class="hps">HTML /</span> <span class="hps">JavaScript dan</span> <span class="hps">masukkan</span> <span class="hps">kode.</span> <span class="hps">Apapun</span> <span class="hps">kata yang Anda</span> <span class="hps">ketik</span> <span class="hps atn">ke dalam "</span><span>Klik untuk</span> <span class="hps">mendengar</span> <span class="hps">file musik</span><span class="">" akan muncul</span> <span class="hps">sebagai</span> <span class="hps">link teks.</span></span><br />
<br />
<span class="" id="result_box" lang="id"><span class="hps">Musik dengan</span> <span class="hps">konsol</span><br />
<br />
<span class="hps">Seorang pemain</span> <span class="hps">musik</span> <span class="hps">konsol</span> <span class="hps">dengan kontrol</span> <span class="hps">volume,</span> <span class="hps">dan mematikan</span> <span class="hps">tombol,</span> <span class="hps">akan memberi</span> <span class="hps">pengunjung Anda</span> <span class="hps">pilihan tentang bagaimana</span> <span class="hps">ia ingin</span> <span class="hps">musik</span> <span class="hps">dimainkan.</span> <span class="hps">Dengan</span> <span class="hps">kode</span> <span class="hps">dinyatakan di bawah,</span> <span class="hps">musik</span> <span class="hps">tidak akan bermain</span> <span class="hps">kecuali</span> <span class="hps">pengunjung mengklik</span> <span class="hps">tombol play.</span></span><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Anda dapat</span> <span class="hps">memasukkan</span> <span class="hps">konsol</span> <span class="hps">musik</span> <span class="hps">ke dalam posting</span> <span class="hps">Blog anda atau</span> <span class="hps">sidebar Anda.</span> <span class="hps">Jika</span> <span class="hps">Anda ingin dalam</span> <span class="hps">sidebar,</span> <span class="hps">pergi ke</span> <span class="hps">Template</span> <span class="hps">-></span> <span class="hps">Elemen Halaman</span> <span class="hps">-></span> <span class="hps">Tambahkan sebuah Elemen Halaman</span><span>, pilih</span> <span class="hps">HTML / JavaScript.</span><br />
<br />
<span class="hps">Kode</span> <span class="hps">untuk menyisipkan</span> <span class="hps">adalah:</span> <span class="hps">-</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Add Music to Blogspot Blogger blog"><tbody>
<tr><th scope="col" width="332"><div align="left"><embed <span style="color: #993399;">autostart="false"</span> <span style="color: #ff6600;">height="40"</span> <span style="color: #006600;">loop="true"</span> <span style="color: #33cc00;">playcount="2"</span> src="<span style="color: red;">URL of music file</span>" <span style="color: #ff6600;">width="300"</span>/></embed></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="short_text" id="result_box" lang="id"><span class="hps">Misalnya,</span> <span class="hps">menggunakan kode berikut</span><span class="">: -</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Add Music to Blogspot Blogger blog"><tbody>
<tr><th scope="col" width="332"><div align="left"><span style="font-size: 85%;"><embed autostart="false" height="40" loop="true" src="http://ownlblog.googlepages.com/BalladePourAdeline.mid" width="300"/></embed></span></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="short_text" id="result_box" lang="id"><span class="hps">ini</span> <span class="hps">adalah apa yang Anda</span> <span class="hps">lihat:</span> <span class="hps">-</span></span></div></div></div><div dir="ltr"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLThjECMMiluZOKSag3Fgo4n7c03gU4LGyz_W91np9Uqe2jVFp2grYEaImjUPPBx5utCStS6GgDUM6l1QieuDXITTanA8S7K4_rB10dRMISbd_aN7LIlOCsxOXfmLxsv1puyQsQW2XDuA/s1600/images%25282%2529.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLThjECMMiluZOKSag3Fgo4n7c03gU4LGyz_W91np9Uqe2jVFp2grYEaImjUPPBx5utCStS6GgDUM6l1QieuDXITTanA8S7K4_rB10dRMISbd_aN7LIlOCsxOXfmLxsv1puyQsQW2XDuA/s320/images%25282%2529.jpg" width="320" /></a></div><div dir="ltr"><br />
</div><div dir="ltr"></div><div dir="ltr"><br />
<span class="" id="result_box" lang="id"><span title="It will look different in IE and Firefox, depending on the installed plugins.">Ini akan terlihat berbeda di IE dan Firefox, tergantung pada plugin diinstal.<br />
</span><span title="Note the following attributes and how they work on different browsers:-">Perhatikan atribut berikut dan bagaimana mereka bekerja pada browser yang berbeda: -<br />
</span><span title="1.">1. </span><span title="Insert your URL of music file into the code.">Masukkan URL Anda dari file musik ke dalam kode.<br />
</span><span title="2.">2. </span><span title="The width of the example you see above is "300".">Lebar dari contoh Anda lihat di atas adalah "300". </span><span title="If you want it to be embedded neatly into your sidebar, the width should not be greater than the sidebar width.">Jika Anda ingin untuk dimasukkan rapi ke sidebar Anda, lebar tidak harus lebih besar dari lebar sidebar. </span><span title="For example, if your sidebar width is 150px, the width of your console should be about 140px.">Misalnya, jika lebar sidebar Anda adalah 150px, lebar konsol Anda harus sekitar 140px.<br />
</span><span title="3.">3. </span><span title="The height would depend on your preference and space constraints.">Ketinggian akan tergantung pada preferensi Anda dan kendala ruang.<br />
</span><span title="4.">4. </span><span title="The autostart attribute has two options.">Atribut autostart memiliki dua pilihan. </span><span title="If you choose "true", the music will automatically play when your page is loaded.">Jika Anda memilih "benar", musik akan secara otomatis bermain ketika halaman dibuka. </span><span title="As I have mentioned earlier, this is not a good option unless you are absolutely sure all your visitors would not mind the music.">Seperti yang saya sebutkan sebelumnya, ini bukan pilihan yang baik kecuali Anda benar-benar yakin semua pengunjung Anda tidak keberatan musik. </span><span title="The better option is to state it as "false".">Pilihan yang lebih baik adalah dengan menyatakan sebagai "palsu". </span><span title="If the visitor wishes to hear the music, he can click the play button to start the music.">Jika pengunjung ingin mendengar musik, ia dapat mengklik tombol putar untuk memulai musik.<br />
</span><span title="Note, however, that while it works fine in Internet Explorer, it may not be so in Mozilla Firefox.">Namun, perlu diketahui bahwa sementara hasil yang baik di Internet Explorer, itu mungkin tidak begitu di Mozilla Firefox. </span><span title="The default setting for IE is "false" which means the music will not play automatically.">Pengaturan standar untuk IE adalah "palsu" yang berarti musik tidak akan bermain secara otomatis. </span><span title="The default setting for Firefox is "true", and when we experimented with .wma and .wav files, they automatically played even when we set the autostart to "false".">Pengaturan standar untuk Firefox adalah "true", dan ketika kita bereksperimen dengan wma dan.. File wav, mereka secara otomatis dimainkan bahkan ketika kita menetapkan autostart untuk "palsu". </span><span title="If you are working on the Mac, the default setting for both browsers is "false".">Jika Anda bekerja pada Mac, pengaturan default untuk kedua browser adalah "palsu".<br />
</span><span title="5.">5. </span><span title="The loop attribute indicates whether the music should stop once that particular tune ends.">Atribut loop menunjukkan apakah musik harus berhenti sekali yang digemari tertentu berakhir. </span><span title="The common attributes are "false" or "true".">Atribut umum adalah "palsu" atau "benar". </span><span title="If the attribute is "false", the music ends after it is played once.">Jika atribut "false", musik berakhir setelah dimainkan sekaligus. </span><span title="If it is "true", the music will automatically loop and continue playing until the visitor clicks the stop button or leaves your site.">Jika itu adalah "benar", musik secara otomatis akan loop dan terus bermain sampai pengunjung mengklik tombol stop atau meninggalkan situs Anda. </span><span title="For short music pieces, you may want it to repeat and choose "true".">Untuk potongan pendek musik, Anda mungkin ingin mengulang dan pilih "true".<br />
</span><span title="For certain versions of Netscape browsers, another attribute that might work is loop="n" where n is a number.">Untuk versi tertentu dari browser Netscape, atribut lain yang mungkin bekerja adalah loop = "n" dimana n adalah nomor. </span><span title="If n is 2 for example, the music will play twice and stop.">Jika n adalah 2 misalnya, musik akan memainkan dua kali dan berhenti. </span><span title="The similar attribute in Internet Explorer is playcount.">Atribut yang serupa di Internet Explorer playcount.<br />
</span><span title="6.">6. </span><span title="You can specify the number of times the music is to be played.">Anda dapat menentukan berapa kali musik yang akan dimainkan. </span><span title="In the above example, where playcount="2", the same piece of music is played twice before it stops.">Dalam contoh di atas, di mana playcount = "2", bagian yang sama dari musik dimainkan dua kali sebelum berhenti. </span><span title="If you want the music to be played once, you can delete playcount altogether.">Jika Anda ingin musik untuk dimainkan sekali, Anda dapat menghapus playcount sama sekali. </span><span title="Note that this only works in Internet Explorer.">Catatan bahwa ini hanya bekerja dalam Internet Explorer.<br />
</span><span title="Background music to play automatically">Latar belakang musik untuk bermain secara otomatis<br />
</span><span title="For the music to play the moment your page is loaded, the code will have to appear in the HTML document of your site.">Untuk musik untuk bermain saat halaman dibuka, kode tersebut akan harus muncul dalam dokumen HTML situs Anda. </span><span title="Note that in so doing, there are no controls for the visitor to choose whether or not to listen to the music, nor options to turn it off.">Perhatikan bahwa dengan demikian, tidak ada kontrol bagi pengunjung untuk memilih apakah atau tidak untuk mendengarkan musik, atau pilihan untuk mematikannya. </span><span title="Login to your Dashboard and under “Template”, click “Edit HTML”.">Login ke Dashboard Anda dan pada "Template", klik "Edit HTML". </span><span title="Somewhere near the top, after the word <Head>, insert this code:-">Di suatu tempat dekat bagian atas, setelah <HEAD> kata, masukkan kode ini: -</span></span><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Add Music to Blogspot Blogger blog"><tbody>
<tr><th scope="col" width="332"><div align="left"><embed autostart="true" height="0" loop="true" src="<span style="color: red;">URL of music file</span>" width="0"/></div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Jangan lupa untuk</span> <span class="hps">memasukkan</span> <span class="hps">URL file</span> <span class="hps">musik ke dalam</span> <span class="hps">kode.</span> <span class="hps">Tidak ada</span> <span class="hps">gambar</span> <span class="hps">konsol</span> <span class="hps">dan pembaca</span> <span class="hps">tidak dapat memilih</span> <span class="hps">untuk mematikan</span> <span class="hps">musik.</span> <span class="hps">Gunakan opsi ini</span> <span class="hps">dengan kebijaksanaan.</span></span></div></div><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Pemecahan Masalah</span><br />
<br />
<span class="hps">File-file</span> <span class="hps">suara</span> <span class="hps">dapat dalam</span> <span class="hps">format yang disediakan</span> <span class="hps">bahwa browser Anda</span> <span class="hps">memiliki</span> <span class="hps">plugin</span> <span class="hps">yang diperlukan</span> <span class="hps">untuk memutar file</span> <span class="hps">tersebut.</span> <span class="hps">Banyak orang memiliki</span> <span class="hps">masalah</span> <span class="hps">memutar file</span> <span class="hps">MP3</span> <span class="hps">karena</span> <span class="hps">mereka</span> <span class="hps">Firefox</span> <span class="hps">browser tidak</span> <span class="hps">memiliki</span> <span class="hps">plugin yang diperlukan.</span> <span class="hps">Untuk</span> <span class="hps">memeriksa apa</span> <span class="hps">browser Firefox</span> <span class="hps">dapat mendukung</span><span>, masukkan</span> <span class="hps">perintah ini</span> <span class="hps">ke browser Anda:</span> <span class="hps">-</span></span></div></div><br />
<br />
<table border="1" cellpadding="2" style="width: 344px;" title="Add Music to Blogspot Blogger blog"><tbody>
<tr><th scope="col" width="332"><div align="left">about:plugins</div></th></tr>
</tbody></table><br />
<br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Akan daftar</span> <span class="hps">semua plugin</span> <span class="hps">terinstal dan</span> <span class="hps">file media</span> <span class="hps">yang dapat diputar</span><span>.</span> <span class="hps">Jika Anda membutuhkan</span> <span class="hps">tambahan</span> <span class="hps">Mozilla Firefox</span> <span class="hps">add-ons,</span> <span class="hps">Anda dapat mengunjungi</span> <span class="hps">mereka</span></span></div></div> <a href="https://addons.mozilla.org/en-US/firefox/browse/type:7" rel="nofollow" target="_blank">Add-ons Page</a>.<br />
<br />
<span style="font-style: italic;">selamat mencoba...........</span></div></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-65147311651464671282012-03-11T18:13:00.000-07:002012-03-11T18:13:32.628-07:00add bloger search bok<div dir="ltr" style="text-align: left;" trbidi="on"><span class="" id="result_box" lang="id"><span class="hps">Bar</span> <span class="hps">Google</span> <span class="hps">Navigasi</span> <span class="hps">di bagian atas</span> <span class="hps">blog</span> <span class="hps">Blogger Anda</span> <span class="hps">memiliki</span> <span class="hps">kotak pencarian</span> <span class="hps">tertanam.</span> <span class="hps">Namun, Anda</span> <span class="hps">mungkin ingin memasukkan</span> <span class="hps">sebuah kotak</span> <span class="hps">yang sama</span> <span class="hps">dalam tubuh</span> <span class="hps">utama dari blog</span> <span class="hps atn">Anda (</span><span>seperti apa yang saya</span> <span class="hps">lakukan)</span><span>, atau</span> <span class="hps">sidebar.</span> <span class="hps">Selain</span> <span class="hps">kenyamanan</span> <span class="hps">bagi pengguna,</span> <span class="hps">keuntungan tambahan</span> <span class="hps">adalah bahwa tidak seperti</span> <span class="hps">kotak pencarian Google</span><span>, hasil</span> <span class="hps">pencarian</span> <span class="hps">ini</span> <span class="hps">kotak pencarian</span> <span class="hps">Blogger.com</span> <span class="hps">muncul di</span> <span class="hps">bagian utama dari</span> <span class="hps">Blog Anda.</span></span><br />
<a name='more'></a><br />
<br />
<span class="hps">Di bawah</span> <span class="hps">Template</span><span>-></span> <span class="hps">tab</span> <span class="hps">Elemen Halaman</span><span class="atn">, klik "</span><span class="">Tambahkan sebuah Elemen Halaman</span><span class="">"</span> <span class="hps">di tempat</span> <span class="hps">di mana Anda ingin</span> <span class="hps">kotak pencarian</span> <span class="hps">Anda muncul.</span> <span class="hps atn">Pilih "</span><span>HTML /</span> <span class="hps">JavaScript".</span><br />
<br />
<span class="hps">Ada</span> <span class="hps">beberapa</span> <span class="hps">kode HTML</span> <span class="hps">diposting</span> <span class="hps">di internet.</span> <span class="hps">Aku mencoba</span> <span class="hps">beberapa,</span> <span class="hps">dan menemukan</span> <span class="hps">satu yang bekerja</span> <span class="hps">sebagai berikut</span><span class="">: -</span><br />
<br />
<p align="left"><br />
<form id="searchthis" action="<span style="color: red;">YOUR BLOG URL</span>/search" style="display:inline;" method="get"><br />
<strong><span style="color: red;">NAME OF YOUR BLOG</span><br/></strong><br />
<input id="b-query" maxlength="255" name="q" <span style="color: #993399;">size="</span><span style="color: #993399;">20</span><span style="color: #993399;">"</span> type="text"/><br />
<input id="b-searchbtn" <span style="color: #993399;">value="Search"</span> type="submit"/><br />
</form></p><br />
<span class="" id="result_box" lang="id"><span class=""> </span></span><br />
<span class="" id="result_box" lang="id"><span class="hps">Jangan lupa untuk mengganti</span> <span class="hps">URL</span> <span class="hps">BLOG</span> <span class="hps">ANDA</span> <span class="hps">ke</span> <span class="hps">URL atau alamat web</span> <span class="hps">dari</span> <span class="hps">Blog Anda.</span> <span class="hps">Juga,</span> <span class="hps">mengubah</span> <span class="hps">NAMA</span> <span class="hps">BLOG</span> <span class="hps">ANDA</span> <span class="hps">dengan yang</span> <span class="hps">ingin Anda panggil</span> <span class="hps">situs Anda.</span> <span class="hps">Misalnya, jika</span> <span class="hps">Nama Blog</span> <span class="hps">Anda panjang,</span> <span class="hps">Anda mungkin</span> <span class="hps">ingin menulis</span> <span class="hps atn">sesuatu seperti "</span><span>Cari disini</span><span class="atn">" atau "</span><span>Cari</span> <span class="hps">situs ini"</span><span>.</span><br />
<br />
<span class="hps">Anda juga</span> <span class="hps">dapat mengubah</span> <span class="hps">"Cari</span><span>" tombol untuk</span> <span class="hps atn">berkata, "</span><span>Hit</span><span>" atau</span> <span class="hps">"Go"</span><span class="">, dengan mengubah</span> <span class="hps">Value</span><span>.</span><br />
<br />
<span class="hps">Simpan</span> <span class="hps">kode dan</span> <span class="hps">me-refresh halaman</span> <span class="hps">Anda.</span> <span class="hps">Jika Anda ingin</span> <span class="hps">kotak pencarian</span> <span class="hps">lebih panjang atau</span> <span class="hps">lebih pendek, Anda</span> <span class="hps">dapat memutar sekitar dengan</span> <span class="hps">ukuran.</span> <span class="hps">Contoh di atas</span> <span class="hps">dengan ukuran</span> <span class="hps atn">width = "</span><span class="">20" dan</span> <span class="hps">value =</span> <span class="hps">"Hit</span><span class="">" akan memberikan</span> <span class="hps">ini:</span></span><br />
<br />
<form action="http://tips-for-new-bloggers.blogspot.com/search" id="searchthis" method="get" style="display: inline;"><strong>Search Here</strong><input id="b-query" maxlength="255" name="q" size="20" type="text" /></form><br />
<br />
Whereas a <span style="color: #993399;">width size="30"</span> and <span style="color: #993399;">value="Go"</span> will give you this:-<br />
<br />
<form action="http://tips-for-new-bloggers.blogspot.com/search" id="searchthis" method="get" style="display: inline;"><strong>Search Here</strong><input id="b-query" maxlength="255" name="q" size="30" type="text" /></form><br />
<div class="almost_half_cell" id="gt-res-content"><div dir="ltr" style="zoom: 1;"><span class="" id="result_box" lang="id"><span class="hps">Jangan lupa untuk mengganti</span> <span class="hps">URL</span> <span class="hps">BLOG</span> <span class="hps">ANDA</span> <span class="hps">ke</span> <span class="hps">URL atau alamat web</span> <span class="hps">dari</span> <span class="hps">Blog Anda.</span> <span class="hps">AlThe</span> <span class="hps">ukuran</span> <span class="hps">dari kotak pencarian</span> <span class="hps">adalah masalah</span> <span class="hps">penampilan.</span> <span class="hps">Anda mungkin telah memperhatikan</span> <span class="hps">bahwa</span> <span class="hps">MaxLength</span> <span class="hps">yang =</span> <span class="hps atn">"</span><span>255</span><span>".</span> <span class="hps">Hal ini menunjukkan bahwa</span> <span class="hps">pengguna dapat</span> <span class="hps">memasukkan hingga</span> <span class="hps">255 karakter</span> <span class="hps">di kotak pencarian</span><span>, yang menurut saya</span> <span class="hps">sudah cukup</span> <span class="hps">dan tidak perlu</span> <span class="hps">diubah.</span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps"> </span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps"> </span></span></div><div dir="ltr"><span class="" id="result_box" lang="id"><span class="hps">selamat mencoba </span></span></div></div><span class="" id="result_box" lang="id"><span class="hps"> </span></span><span class="" id="result_box" lang="id"><span class=""> </span></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-72343931997748708982012-03-11T18:05:00.000-07:002012-03-11T18:05:28.885-07:00Script Salam Pembuka Pada Blog<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Tips yang akan <a href="http://avirablog.blogspot.com/"><b>Tips Trik Blog</b></a> sajikan pada postingan kali ini adalah <b>tips membuat salam pembuka pada blog</b> yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada di antara new blogger yang masih membutuhkan accessories blog yang tidak akan membuat blog Anda berat.</div><a name='more'></a><br />
<span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Oleh katena itu, untuk lebih lengkapnya, Anda dapat mengkombinasikan sendiri dari tips-tips tersebut juga tips yang disajikan berikut ini.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Intinya pengunjung “dimohon” untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka kita.</div><div class="MsoNormal"> </div><div class="MsoNormal">Scriptnya adalah seperti di bawah ini.</div><div class="alert"><script type='text/javascript'><br />
var name = prompt("<span style="color: red;">Selamat Datang!! Boleh Tahu Namanya?</span>", "Nama Anda ");<br />
alert("<span style="color: red;">Salam Kenal </span>"+name)<br />
alert("<span style="color: red;">Selamat Surfing di Blog Saya, Semoga Berkenan!!</span>")<br />
</script></div><div class="MsoNormal">Teks yang berwarna <span style="color: red;">merah</span> dapat Anda kita ganti sesuai keinginan kita. </div><div class="MsoNormal"> </div><div class="MsoNormal">Kemudian copy script tersebut pada side bar bar Anda, dengan langkah sebagai berikut.</div><div class="MsoNormal"> </div><div class="MsoNormal">Login ke <a href="http://blogger.com/">http://blogger.com</a> >> <i>Dasbor >> Tata Letak (layout) >> Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >> Simpan Perubahan >> Selesai.</i></div><div class="MsoNormal"> </div><div class="MsoNormal">Hasilnya dilihat pada blognya masing-masing, ya!!</div><div class="MsoNormal"><br />
</div><div class="MsoNormal"> </div><div class="MsoNormal">Baca juga yang ini</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-45195345690183660962012-03-11T18:03:00.000-07:002012-03-11T18:03:02.844-07:00Tips Sapaan Pengunjung (bag. Kedua)<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Tips kali ini merupakan lanjutan yang sekaligus modifikasi (pengembangan) dari <b>Tips Sapaan Pengunjung </b>sebelumnya. Jika Anda mungkin kurang tertarik dengan tips tersebut, Anda dapat mencoba <b>Tips Sapaan Pengunjung Bagian Kedua</b> ini. Pada tips kali ini, kita akan membuat teks sapaannya menjadi berjalan dengan menggunakan <b>Aplikasi Marquee. </b></div><a name='more'></a><br />
<span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"><b> </b></div><div class="MsoNormal" style="text-align: justify;">Sekali lagi, sebelum melangkah lebih lanjut, silakan baca postingan sebelumnya <a href="http://avirablog.blogspot.com/2012/03/script-alert-sapaan-pengunjung.html"><b>di sini</b>.</a> Pada tips kali ini juga terdiri dari dua <i>script</i> yang sama dengan postingan sebelumnya, hanya pada script yang kedua diberikan sedikit modifikasi, yaitu ditambahkan dengan <b>efek teks berjalan (marquee)</b>.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Dengan demikian hasil sapaan pengunjung lebih <i>atraktif</i> dengan <b>efek teks berjalan</b> tersebut. </div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Login ke <a href="http://blogger.com/">http://blogger.com</a></div><div class="MsoNormal" style="text-align: justify;">Masuk <b>Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript</b> kemudian ketikkan script pertama seperti di bawah ini kemudian lanjutkan dengan <b>Simpan Perubahan</b>.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Script Pertama</b></div><div class="MsoNormal" style="text-align: justify;"> </div><div style="border: 5px solid rgb(153, 153, 153); height: 75px; overflow: auto; text-align: left; width: 415px;"><script type="text/javascript"><br />
var yourName = prompt("<span style="color: red;">Boleh Tahu Namanya?</span>", "<span style="color: red;">Nama Anda</span>");<br />
</script> </div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Anda dapat mengganti teks yang berwarna <b><span style="color: red;">merah</span></b> dengan kalimat sendiri sesuka Anda.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Kemudian tambahkan lagi <b>HTML/Javascript</b> lagi dan kemudian ketikkan <b>script kedua</b> seperti di bawah ini kemudian dilanjutkan dengan <b>Simpan Perubahan</b>. </div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Script Kedua</b></div><div class="MsoNormal" style="text-align: justify;"> </div><div style="border: 5px solid rgb(153, 153, 153); height: 270px; overflow: auto; text-align: left; width: 415px;"><marquee direction=”<span style="color: blue;">left</span>” scrollamount=”2”><br />
<div class="MsoNormal" style="text-align: left;">Selamat Datang <span style="color: lime;"><font size=”3”></span> <span style="color: purple;"><b></span> <span style="color: red;"><script type="text/javascript">document.write(yourName)</script> </span><span style="color: purple;"></b></span>! <span style="color: lime;"></font></span>. Suatu kehormatan bagi Tips & Trik blog atas kunjungan <span style="color: lime;"><font size=”3”></span> <span> </span><span style="color: purple;"><b></span> <span style="color: red;"><script type="text/javascript">document.write(yourName)</script> </span><span style="color: purple;"></b> </span><span style="color: lime;"></font&gt</span><span style="color: red;"> </span>ini. Tips & Trik Blog sangat berharap kunjungan <span style="color: lime;"><font size=”3”></span> <span style="color: purple;"><b></span> <span> </span><span style="color: red;"><script type="text/javascript">document.write(yourName)</script><span> </span></span><span style="color: purple;"><b></span> <span style="color: lime;"></font></span> berikutnya.</div><div class="MsoNormal" style="text-align: left;"> </div><div class="MsoNormal" style="text-align: left;"></marquee></div></div><div class="MsoNormal" style="text-align: justify;"> </div><ul style="text-align: justify;"><li>Anda dapat meletakkan script berwarna <span style="color: red;">merah</span> di mana Anda mau pada kalimat yang dapat atur sendiri sesuka Anda.</li>
<li>Anda dapat berkreasi dengan marquee, ya <b>di sini</b>.</li>
<li>Kode <span style="color: purple;"><b> </span>dan <span style="color: purple;"></b> </span>untuk memberi efek bold (tebal)</li>
<li>Kode <span style="color: lime;"><font size=”3”> </span>dan <span style="color: #33cc00;"></font></span> untuk efek ukuran huruf (font)</li>
<li>Silakan Anda berkreasi sendiri, misalkan warna dan jenis font-nya.</li>
</ul><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Selamat Mencoba</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com0tag:blogger.com,1999:blog-3638497761858672577.post-90677802716447740502012-03-11T17:59:00.000-07:002012-03-11T17:59:34.312-07:00Script Alert Sapaan Pengunjung<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Suatu ketika pasti Anda pernah datang ke bank atau kantor <b>pelayanan public</b> lainnya, bukan. <i>Customer service</i> biasanya akan menyapa dengan ramah kepada para klien atau nasabahnya dengan menyebut bapak/ibu diikuti dengan namanya. Dalam blog pun kita bisa melakukan hal serupa sedemikian rupa sehingga lebih<i> personal</i> dengan <b>Tips Alert Sapaan Pengunjung </b>atau <b>Tips Service Excellent Pengunjung</b> atau <b>tips apalah </b>berikut ini.</div><a name='more'></a><br />
<span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Oh, iya,..sebelum melangkah pada langkah-langkah membuat <b>Tips Sapaan Pengunjung </b>ini<b>, </b><span> </span>bagi pengunjung yang baru saja mampir ke blog ini, silakan membaca <b>Tips Memasang Script Alert Pada Blog</b> dan <b>Tips Script Alert (Pesan) Konfirmasi </b>yang telah <b>Tips Trik Ngeblog</b> posting sebelumnya di mana tips tersebut masih satu tema dengan tips kali ini, yaitu <b>Tips Script Alert Pada Blog</b>, kemudian dapat dijadikan sebagai alternative (opsi) yang dapat dipilih pengunjung untuk menghiasi blognya.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><span style="color: purple;">Tips kali ini terdiri dari <i>dua script</i> di mana <b>script yang pertama</b> <b>“bertugas”</b> meminta pengunjung untuk mengetikkan namanya kemudian dengan data tersebut (nama yang diketikkan tersebut) digunakan <b>script yang kedua</b> untuk memberikan sapaan atau ucapan yang lain yang dapat dikustomasi sendiri sesuai dengan kehendak kita. </span></div><div class="MsoNormal" style="text-align: justify;"><span style="color: purple;"> </span></div><div class="MsoNormal" style="text-align: justify;">Langkah-langkahnya adalah sebagai berikut.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Login ke <a href="http://blogger.com/">http://blogger.com</a></div><div class="MsoNormal" style="text-align: justify;">Masuk <b>Panel Kontrol >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript</b> kemudian ketikkan script pertama seperti di bawah ini kemudian lanjutkan dengan <b>Simpan Perubahan</b>.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Script Pertama</b></div><div class="MsoNormal" style="text-align: justify;"> </div><div style="border: 5px solid rgb(153, 153, 153); height: 60px; overflow: auto; text-align: left; width: 415px;"><script type="text/javascript"><br />
var yourName = prompt("<span style="color: red;">Boleh Tahu Namanya?</span>", "<span style="color: red;">Nama Anda</span>");<br />
</script> <div class="MsoNormal"> </div></div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Anda dapat mengganti teks yang berwarna <b><span style="color: red;">merah</span></b> dengan kalimat sendiri sesuka Anda.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Kemudian tambahkan lagi <b>HTML/Javascript</b> lagi dan kemudian ketikkan <b>script kedua</b> seperti di bawah ini kemudian dilanjutkan dengan <b>Simpan Perubahan</b>. </div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Script Kedua</b></div><div class="MsoNormal" style="text-align: justify;"> </div><div style="border: 5px solid rgb(153, 153, 153); height: 160px; overflow: auto; text-align: left; width: 415px;">Selamat Datang <span style="color: red;"><script type="text/javascript">document.write(yourName)</script></span>! Suatu kehormatan bagi Tips & Trik blog atas kunjungan <span style="color: red;"><script type="text/javascript">document.write(yourName)</script> </span>ini. Tips & Trik Blog sangat berharap kunjungan <span style="color: red;"><script type="text/javascript">document.write(yourName)</script><span> </span></span>berikutnya</div><div class="MsoNormal" style="text-align: justify;">Anda dapat meletakkan script berwarna <span style="color: red;">merah</span> di mana Anda mau pada kalimat yang dapat atur sendiri sesuka Anda.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Catatan :</div><div class="MsoNormal" style="text-align: justify;">Anda harus meletakkan <b>Script Pertama</b> pada <i>gadget HTML/Javascipt</i> lebih dahulu kemudian diikuti <i>Gadget HTML/Javascript</i> untuk <b>Script Kedua</b>. Tidak harus berurutan yang penting posisi gadget untuk script pertama diletakkan di atas gadget untuk script kedua.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Ini screenshot ketika pengunjung diminta untuk mengetikkan namaya.</div><div class="MsoNormal" style="text-align: justify;"> </div><div align="center" class="MsoNormal" style="text-align: center;"><a href="http://1.bp.blogspot.com/_dATSF_iv-iw/SPNtRX2yjaI/AAAAAAAAB1s/qTdDJiz5Br4/s1600-h/alert+sapaan.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5256665335300525474" src="http://1.bp.blogspot.com/_dATSF_iv-iw/SPNtRX2yjaI/AAAAAAAAB1s/qTdDJiz5Br4/s200/alert+sapaan.png" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a></div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Ini screenshot sapaan yang tampil di side bar.</div><div class="MsoNormal" style="text-align: justify;"> </div><div align="center" class="MsoNormal" style="text-align: center;"><a href="http://2.bp.blogspot.com/_dATSF_iv-iw/SPNtRffTQlI/AAAAAAAAB10/URCd1i-MK1o/s1600-h/alert+sapaan01.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5256665337349489234" src="http://2.bp.blogspot.com/_dATSF_iv-iw/SPNtRffTQlI/AAAAAAAAB10/URCd1i-MK1o/s200/alert+sapaan01.png" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a></div><div class="MsoNormal" style="text-align: justify;"> </div><div align="center" class="MsoNormal" style="text-align: center;">Selamat Mencoba!!</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-67765885323533122882012-03-11T17:56:00.001-07:002012-03-11T17:58:15.173-07:00Tips Script Alert (Pesan) Konfirmasi<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"></h3><div class="MsoNormal" style="text-align: justify;">Jika pada postingan yang lalu, <b></b> <b>Tips memasang script alert</b> atau <b>pesan pembukaan</b> pada blog di mana pengunjung harus menekan OK untuk masuk ke halaman blog tersebut, pada postingan kali ini akan diberikan <b>Tips Memasang Script Alert (Pesan) Konfirmasi </b>di mana pengunjung diberikan dua opsi antara melanjutkan dan membatalkan untuk masuk pada <b>halaman blog</b> kita.</div><a name='more'></a><br />
<span class="fullpost"> </span><br />
<div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Saat ini banyak situs atau blog yang menjamur dan bertebaran di internet dengan berlainan tema atau <i>conten</i>, ada yang berisi tema atau <i>conten</i> yang dapat dinikmati oelh semua kalangan umur dan ada juga blog yang berisi tema atau <i>conten</i> yang hanya dan boleh dinikmati oleh kelompok umur tertentu.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Sehubungan dengan hal tersebut, pemilik blog atau situs yang berisi <b>conten dewasa</b> dapat memasang <b>Button</b> <b>Alert (Pesan) Konfirmasi</b> ini sebagai bentuk rasa tanggung jawab terhadap etika dalam dunia per-<b>blog</b>-an dan <b>berinternet</b> <b>ria</b> pada umumnya.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost"><i>Script</i>-nya adalah seperti di bawah ini.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div style="border: 5px solid rgb(153, 153, 153); height: 200px; overflow: auto; text-align: left; width: 410px;"><span class="fullpost"><script type="text/javascript"></span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">confirm('<span style="color: red;">Blog ini berisi conten dewasa. Apakah Anda yakin untuk melanjutkan?</span>');</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">if (confirm('<span style="color: red;">Blog ini berisi conten dewasa. Apakah Anda yakin untuk melanjutkan?</span>')) {</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">window.location = "<b><span style="color: #3333ff;">http://avirablog.blogspot.com/</span></b>";</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">}</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">else {</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">window.location = "<b><span style="color: #ff6600;">http://avira-gogo.blogspot.com/</span></b>";</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">}</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost"></script></span></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost"><b><u>Keterangan</u></b></span></div><ol style="text-align: justify;"><li><span class="fullpost">Teks berwarna <span style="color: red;">merah</span> dapat Anda ganti sesuka Anda</span></li>
<span class="fullpost">
<li>URL blog berwarna <span style="color: blue;">biru</span> dapat Anda ganti dengan blog atau situs Anda yang ingin Anda pasang <i>alert</i> konfirmasi tersebut.</li>
<li>URL blog berwarna <span style="color: #ff6600;">orange</span> dapat Anda ganti dengan URL blog Anda yang lain atau dengan situs yang aman (safe site).</li>
<li>Dari contoh di atas, pengunjung yang menekan OK, akan dibawa masuk ke <a href="http://avirablog.blogspot.com/">http://avirablog.blogspot.com/</a> sedangkan pengunjung yang menekan Cancel (Batal) akan dibawa <a href="http://onoid.blogspot.com/">http://avira-gogo.blogspot.com/</a>. </li>
</span></ol><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Contohnya, seperti screenshot di bawah ini.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost"><a href="http://2.bp.blogspot.com/_dATSF_iv-iw/SOtHXBm0y8I/AAAAAAAAByU/RJbsuRtqKt0/s1600-h/alert+konfirmasi.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5254371851151657922" src="http://2.bp.blogspot.com/_dATSF_iv-iw/SOtHXBm0y8I/AAAAAAAAByU/RJbsuRtqKt0/s200/alert+konfirmasi.png" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a></span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Untuk membuatnya di blogspot, login ke http://blogger.com >> <span style="font-weight: bold;">Panel Kontrol</span> >> <span style="font-weight: bold;">Tata Letak </span>>> <span style="font-weight: bold;">Tambah Gadget</span> >> <span style="font-weight: bold;">Tambahkan HTML/Javascript</span> >> Pastekan script tersebut >> <span style="font-weight: bold;">Simpan Perubahan</span> >> <span style="font-weight: bold;">Selesai</span></span></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost">Selamat Mencoba!!</span></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-34056133817054807752012-03-11T17:53:00.001-07:002012-03-11T18:00:15.437-07:00Tips Memasang Script Alert pada Blog<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Sering kali kita menjumpai <b>pesan pembukaan </b>atau <b>alert </b>pada blog atau situs yang kita kunjungi. Kita pun dapat memasang <b>accessories</b> tersebut pada blog kita sehingga dapat memberi kesan special. Jika tertarik, silakan ikuti <b>tips memasang script alert atau pesan pembukaan </b>yang <b>Tips dan Trik Blog</b> dapatkan dari <a href="http://avira-go./"><b>avira-go</b>.</a> </div><span class="fullpost"> </span><br />
<div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Sebelum memasangnya, Anda dapat melihat <i>screenshot</i>nya seperti di bawah ini.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost"><a href="http://3.bp.blogspot.com/_dATSF_iv-iw/SOrsyP96iRI/AAAAAAAAByM/YerjFBa1Ap0/s1600-h/alert.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5254272263304939794" src="http://3.bp.blogspot.com/_dATSF_iv-iw/SOrsyP96iRI/AAAAAAAAByM/YerjFBa1Ap0/s200/alert.png" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a></span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Setiap kali masuk ke <b>halaman blog</b> atau situs kita, maka pengunjung akan “<b>disuguhi</b>” <b>alert atau pesan pembukaan</b> tersebut. Dan pesan tersebut akan hilang ketika pengunjung mengklik pesan tersebut. Asyik, bukan?! (gak asyik, ya?)</span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Ok, tertarik atau tidak, <b>Tips dan Trik Blog</b> tetap akan memberikan <b>tips memasang script alert</b> tersebut. (maksa, ya?)</span></div><div class="MsoNormal" style="text-align: justify;"></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost"><span style="font-style: italic;">Script</span>-nya seperti di bawah ini.</span></div><div align="center" class="MsoNormal" style="text-align: center;"></div><div style="border: 5px solid rgb(153, 153, 153); height: 90px; overflow: auto; text-align: left; width: 410px;"><div class="MsoNormal"></div><div class="MsoNormal"><span class="fullpost"><script type="text/javascript"></span><br />
<span class="fullpost">alert('<span style="color: red;">Selamat Hari Raya Idul Fitri 1429 H, Mohon Maaf Lahir n Batin</span>')</span><br />
<span class="fullpost"></script></span></div><div class="MsoNormal"></div></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Teks yang berwarna <b><span style="color: red;">merah</span></b> dapat diganti dengan teks kesukaan Anda</span></div><div class="MsoNormal" style="text-align: justify;"></div><ol><li><span class="fullpost">Kemudian login ke <a href="http://blogger.com/" style="font-weight: bold;">http://blogger.com</a> hingga masuk <b>Panel Kontrol</b></span></li>
<span class="fullpost">
<li>Klik <b>Tata Letak (layout)</b> </li>
<li>Tambahkan <b>Gadget</b></li>
<li>Tambahkan <b>HTML/Javascript</b></li>
<li>Pastekan script di atas tersebut</li>
<li><b>Simpan Perubahan </b></li>
<li><b>Selesai</b></li>
</span></ol><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Hasil dari contoh tersebut seperti <span style="font-style: italic;">screenshot</span>nya di atas.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Baca juga yang ini</span></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-3829308489293242672012-03-11T17:51:00.000-07:002012-03-11T17:51:32.351-07:00Script Efek Windows Shake<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;"><b>Tips Membuat Efek Windows Shake atau Windows Bergoyang</b> : Pada kesempatan kali ini, perkenankan <b>Tips Trik Blog</b> untuk mengetengahkan script yang dapat membuat Windows menjadi bergoyang dan bergerak dari kiri ke kanan. Ketika pengunjung mengunjungi atau membuka blog kita, mereka akan mendapatkan Windowsnya menjadi seperti bergoyang. , pengunjung dapat mencobanya sendiri pada blog masing-masing. Tertarik??? Silakan ikuti tipsnya berikut ini.</div><a name='more'></a><br />
<span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Untuk <b>mendapatkan efek Windows Shake</b> tersebut tidak diperlukan langkah-langkah yang sulit kok. Kita hanya mencopy paste script tersebut pada widget/gadget blog dan selesai. Dan jika suatu saat sudah tidak berkenan lagi, kita dapat “menyingkirkannya” dengan menghapus widget/gadget tersebut. Praktis dan mudah, kan. </div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Langkah-langkahnya sebagai berikut.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Pertama</b>, login ke <a href="http://blogger.com/">http://blogger.com</a> hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget </div><div class="MsoNormal" style="text-align: justify;"><b>Kedua</b>, pilih atau tambahkan <i>HTML/Javascript</i></div><div class="MsoNormal" style="text-align: justify;"><b>Ketiga</b>, copy pastekan kode di bawah ini.</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="alert"><script language="JavaScript1.2" src="http://www.geocities.com/yono_pati/windowsshake.js"><br />
</script></div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;"><b>Keempat</b>, klik simpan perubahan</div><div class="MsoNormal" style="text-align: justify;"><b>Kelima</b>, selesai</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Sekarang, refreshlah blog kita dan pastikan kita telah memperoleh <b>efek Windows Bergoyang</b> tersebut. Berhasil, kan!!</div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Selamat Mencoba-coba!!</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-16135513778367654182012-03-11T17:49:00.000-07:002012-03-11T17:49:16.464-07:00Script Efek Salju (bag. Kedua)<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Kali ini, perkenankan kembali <b>Tips dan Trik Blog</b> untuk men-<i>sharing</i> <b>Script Efek Salju keren </b>, dan untuk ini, saya mohon izin untuk men-<i>sharing </i>kepada pengunjung blog. <b>Efek salju</b> kali ini berbeda dari sebelumnya yang pernah diposting <b>d</b> yaitu berukuran lebih besar sehingga akan terasa lebih mantab jika membentur kepala kita, he,.. he,..</div><span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Berikut <i>script</i>-nya.</div><br />
<div style="border: 5px solid rgb(153, 153, 153); height: 170px; overflow: auto; text-align: left; width: 420px;"><script language="JavaScript"<br />
src="http://www.geocities.com/yono_pati/salju01.js"><br />
/***********************************************<br />
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br />
* Please keep this notice intact<br />
***********************************************/<br />
</script></div><div class="MsoNormal" style="text-align: justify;"> </div><div class="MsoNormal" style="text-align: justify;">Untuk memasukkan ke dalam sidebar, langkah-langkahnya seperti biasanya, sebagai berikut.</div><div class="MsoNormal" style="text-align: justify;"> </div><ul><li>Masuk ke <a href="http://blogger.com/">http://blogger.com</a> hingga memasuki <b>Panel Kontrol</b></li>
<li>Klik <b>Tata Letak (layout)</b></li>
<li>Kemudian <b>Tambahkan Gadget</b></li>
<li>Kemudian <b>Tambahkan HTML/Javascript</b></li>
<li>Kemudian pastekan script di atas tersebut</li>
<li><b>Simpan Perubahan</b></li>
<li><b>Selesai</b></li>
</ul><div class="MsoNormal"> </div><div class="MsoNormal">Hasilnya, silakan di coba pada blog masing-masing, ya!!</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com0tag:blogger.com,1999:blog-3638497761858672577.post-54611426120445595942012-03-11T17:46:00.000-07:002012-03-11T17:46:47.245-07:00Membuat Efek Salju (Snow)<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Ketika mengadakan “<b>lawatan</b>” ke salah satu blog teman, <b>Tips dan Trik Blog</b> menemukan blog <b>Blogingismylife</b> dengan <b>EFEK SALJU-</b>nya. Nah, pada postingan ini perkenankan untuk men<b>sharing tips</b> <b>efek salju (snow)</b> tersebut kepada pengunjung yang belum mengetahuinya, siapa tahu bermanfaat. </div><span class="fullpost"><div class="MsoNormal" style="text-align: justify;">Langkah-langkahnya, mudah kok.</div><a name='more'></a><br />
<br />
<ul><li><div class="MsoNormal" style="text-align: justify;">ini java scripnya</div><div class="MsoNormal" style="text-align: justify;"><br />
</div><div class="MsoNormal" style="text-align: justify;"><br />
</div><div class="MsoNormal" style="text-align: justify;"> <script type="text/javascript" src="http://pamungkaz.googlepages.com/snow.js"><br />
<br />
/***********************************************<br />
* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript<br />
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br />
* Please keep this notice intact<br />
***********************************************/<br />
<br />
</script></div></li>
</ul><ul><li>Login ke <b>blogger.com</b> hingga masuk <b>Panel Kontrol</b></li>
</ul><div class="MsoNormal" style="text-align: justify;"> </div><ul><li>Kemudian klik <span style="font-weight: bold;">Tata</span> <b>Letak > Tambah Elemen Halaman</b></li>
</ul><div class="MsoNormal" style="text-align: justify;"> </div><ul><li>Kemudian Tambahkan <b>HTML/Javascript</b></li>
</ul><div class="MsoNormal" style="text-align: justify;"> </div><ul><li><div class="MsoNormal" style="text-align: justify;">Kemudian pastekan <i>script</i> yang didapat dari <b>download</b> tadi. </div></li>
</ul><ul><li><div class="MsoNormal" style="text-align: justify;">Kemudian <b>Simpan Perubahan.</b></div></li>
</ul><div align="center" class="MsoNormal" style="text-align: center;">Selamat Mencoba!!</div></span><br />
<br />
<br />
<br />
</div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com0tag:blogger.com,1999:blog-3638497761858672577.post-59194319896391526682012-03-11T17:43:00.000-07:002012-03-11T17:43:04.612-07:00Efek Roaming Window<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;"><b>Tips Membuat Efek Roaming Window</b> : Sebenarnya, sudah lama <a href="http://avirablog.blogspot.com/"><b>Tips Trik Blog</b></a> ingin memposting tentang efek roaming window ini. Karena kesibukan akhirnya menjadi lupa dan sekarang baru ingat. Oh, iya script untuk menciptakan efek tersebut saya dapatkan ketika jalan-jalan di blog <a href="http://avirablog.blogspot.com/"><b>avira-blog</b></a>. Pada kesempatan ini, perkenankanlah saya untuk memposting ulangnya, siapa tahu ada blogger lain membutuhkannya. </div><a name='more'></a><br />
<span class="fullpost"> <div class="MsoNormal" style="text-align: justify;"><span>Efek roaming </span><span>window yang dimaksud di sini adalah efek </span><span>seperti window yang menggulung dan bergerak memutar </span><span>dengan durasi sekitar satu hingga dua detik. Untuk lebih jelasnya, mungkin pengunjung harus mencoba sendiri.</span><span style="font-weight: bold;"><br />
</span></div><div class="MsoNormal" style="text-align: justify;"><span style="font-weight: bold;">Untuk mendapatkan</span> <b>efek roaming window</b> ini tidak diperlukan langkah-langkah yang rumit, yang diperlukan hanya <i>copy paste</i> terhadap <i>script </i>yang akan saya sampaikan berikut ini pada gadget/widget blog kita. Jika suatu saat sudah tidak menginginkan lagi, kita tinggal menghapus gadget/widget tersebut. Mudah dan praktis, bukan!!</div><div class="MsoNormal" style="text-align: justify;">Tertarik, silakan ikuti tipsnya berikut ini.</div><div class="MsoNormal" style="text-align: justify;">Langkah-langkahnya adalah sebagai berikut.</div><div class="MsoNormal" style="text-align: justify;"><b>Pertama</b>, login ke <a href="http://blogger.com/">http://blogger.com</a> hingga masuk <i>Dasbor >> Tata Letak (layout) >> Tambah Gadget >> </i></div><div class="MsoNormal" style="text-align: justify;"><b>Kedua</b>, tambahkan <i>HTML/Javascript</i></div><div class="MsoNormal" style="text-align: justify;"><b>Ketiga</b> copy kode berikut ini </div><div class="alert"><script language="JavaScript1.2" src="http://www.geocities.com/yono_pati/roamingwindow.js"><br />
</script></div><div class="MsoNormal" style="text-align: justify;"><b>Keempat</b>, Simpan Perubahan.</div><div class="MsoNormal" style="text-align: justify;"><b>Kelima</b>, selesai</div><div class="MsoNormal" style="text-align: justify;">Sekarang, <i>refresh </i>blog Anda dan pastikan Anda mendapati efek roaming window tersebut. </div><div class="MsoNormal" style="text-align: justify;">Bagi yang tertarik, selamat mencoba, ya!!!</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-1397302319724861392012-03-11T17:41:00.000-07:002012-03-11T17:41:07.876-07:00Script Effect Kembang Api<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div class="MsoNormal" style="text-align: justify;">Seperti sudah menjadi kebiasaan, pada <b>bulan Puasa </b>seperti sekarang ini, anak-anak suka bermain kembang api. Anda pun yang mempunyai blog, dapat membuat effect yang menyerupai kembang api. Untuk memasang effect ini cukup mudah, tinggal copy paste saja. Ikuti <b>tips script effect kembang api</b> yang <b>Tips dan Trik Blog</b> <i>sharing</i> dari <a href="http://avirablog.blogspot.com/">avira-blog</a><a href="http://jurukunci.blogspot.com/" style="font-weight: bold;" target="_blank"></a>. Untuk ini, tidak lupa <b>Tips Blog</b> mengucapkan terima kasih kepada beliau. </div><span class="fullpost"> <div class="MsoNormal">Berikut <i>script</i> Effect Kembang Api tersebut.</div><a name='more'></a><br />
<div style="border: 5px solid rgb(153, 153, 153); height: 160px; overflow: auto; text-align: left; width: 420px;"><script src="http://www.geocities.com/yono_pati/kembangapi.js" type="text/javascript"><br />
<br />
/***********************************************<br />
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br />
* Please keep this notice intact<br />
***********************************************/<br />
</script></div><br />
Untuk memasang pada sidebar blog, seperti biasanya dengan langkah-langkah sebagai berikut.<br />
<div class="MsoNormal"> </div><div class="MsoNormal"> </div><ul><li>Masuk ke <a href="http://blogger.com/">http://blogger.com</a> hingga memasuki <b>Panel Kontrol</b></li>
<li>Klik <b>Tata Letak (layout)</b></li>
<li>Kemudian <b>Tambahkan Gadget</b></li>
<li>Kemudian <b>Tambahkan HTML/Javascript</b></li>
<li>Kemudian pastekan script di atas tersebut</li>
<li><b>Simpan Perubahan</b></li>
<li><b>Selesai</b></li>
</ul><div class="MsoNormal"> </div><div class="MsoNormal">Hasilnya, silakan di coba pada blog masing-masing, ya!!</div></span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-42112535271038456542012-03-11T17:39:00.001-07:002012-03-11T17:39:38.993-07:00Tips Efek Burung Terbang<div dir="ltr" style="text-align: left;" trbidi="on"><div class="MsoNormal" style="text-align: justify;">Postingan <b>Tips dan Trik Blog</b> kali ini masih berhubungan dengan <b>accessories</b> yang dapat memperindah tampilan <b>“wajah” blog</b> Anda yaitu dengan script yang tidak terlalu mempengaruhi loading blog Anda. Adalah <b>script efek burung terbang</b> yang dapat Anda pasang pada sidebar blog. Siapa tahu ada blogger yang cocok dan tertarik dengan accessories ini. Ikuti tipsnya berikut ini.<br />
<a name='more'></a></div><span class="fullpost"> </span><br />
<div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost"><b>Script efek burung terbang </b>yang saya sharing ini berasal dari <b>avira-blog</b> dan kepada beliau saya mohon izin untuk memposting tentang tips ini, siapa tahu bermanfaat terutama bagi <i>newbie</i>.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Langsung saja, script-nya adalah seperti berikut ini.</span></div><div class="MsoNormal" style="text-align: justify;"></div><div style="border: 5px solid rgb(153, 153, 153); height: 170px; overflow: auto; text-align: left; width: 400px;"><span class="fullpost"><script language="JavaScript1.2"</span><br />
<span class="fullpost">src="http://www.geocities.com/yono_pati/burung.js"></span><br />
<span class="fullpost">/***********************************************</span><br />
<span class="fullpost">* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/</span><br />
<span class="fullpost">* Please keep this notice intact</span><br />
<span class="fullpost">***********************************************/</span><br />
<span class="fullpost"></script> </span><br />
<div class="MsoNormal"></div></div><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Tempatkan script di atas pada side bar blog Anda, dengan langkah-langkah sebagai berikut.</span></div><div class="MsoNormal" style="text-align: justify;"></div><ul><li><span class="fullpost">Login ke <a href="http://blogger.com/" target="_blank">http://blogger.com</a> hingga masuk <b>Panel Kontrol</b></span></li>
<span class="fullpost">
<li>Klik <b>Tata Letak (layout)</b></li>
<li>Klik <b>Tambah Gadget</b></li>
<li><b>Tambahkan HTML/Javascript</b></li>
<li>Pastekan s<i>cript</i> seperti tersebut di atas</li>
<li>Kemudian <b>Simpan Perubahan</b></li>
<li><b>Selesai</b></li>
</span></ul><div class="MsoNormal" style="text-align: justify;"></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost">Jika ingin mengetahui burungnya adalah seperti di bawah ini. Yang jelas tidak mirip dengan “<b>burung</b>” kita, kan?!!</span><br />
<span class="fullpost"><i><br />
</i></span></div><div class="MsoNormal" style="text-align: justify;"><span class="fullpost"><i>(sumber : </i><i>jurukunci.blogspot.com)</i></span></div><div class="MsoNormal" style="text-align: justify;"></div><div align="center" class="MsoNormal" style="text-align: center;"><span class="fullpost">Selamat Mencoba</span></div></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1tag:blogger.com,1999:blog-3638497761858672577.post-15740610238255216862012-03-11T17:37:00.000-07:002012-03-11T17:37:06.573-07:00Efek Bunga Bertaburan Pada Blog<div dir="ltr" style="text-align: left;" trbidi="on"><h3 class="post-title entry-title"> </h3><div style="text-align: justify;"><span style="font-weight: bold;">Script Efek Blog Bertaburan Bunga </span>: Jika bosan dengan efek yang telah digunakan selama ini, kita dapat mencoba script yang lain, seperti yang akan <span style="font-weight: bold;">Tips dan Trik Blog</span> sampaikan berikut ini. Dengan memasang script tersebut, kita akan mendapatkan efek bunga bertaburan pada blog kita. Jika tertarik, silakan ikuti tipsnya berikut ini.</div><span class="fullpost"><br />
Langkah-langkah untuk memasang script tersebut adalah sebagai berikut.<a name='more'></a><br />
<br />
<span style="font-weight: bold;">Pertama</span>, login ke account blogger hingga masuk <span style="font-style: italic;">Dasbor >> Tata Letak >> Edit HTML</span><br />
<span style="font-weight: bold;">Kedua</span>, cari dan temukan kode<span style="color: red;"> <body></span><br />
<span style="font-weight: bold;">Ketiga</span>, kemudian letakkkan script berikut ini di bawah kode <span style="color: red;"><body></span> tersebut.<br />
<br />
<div class="alert"><script language=”Javascript” src=”http://www.geocities.com/yono_pati/bunga.js”> </script></div><br />
<span style="font-weight: bold;">Keempat</span>, Simpan Template<br />
<span style="font-weight: bold;">Kelima</span>, selesai<br />
<br />
<div style="text-align: justify;">Jika langkah-langkah tersebut dirasa kurang praktis, kita dapat menambahkan script tersebut pada gadget, dengan langkah-langkah seperti di bawah ini.</div><br />
<span style="font-weight: bold;">Pertama</span>, login account blogger hingga masuk <span style="font-style: italic;">Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript >></span><br />
<span style="font-weight: bold;">Kedua</span>, copykan script yang telah disebutkan di atas tersebut.<br />
<span style="font-weight: bold;">Ketiga</span>, simpan perubahan<br />
<span style="font-weight: bold;">Keempat</span>, selesai<br />
<br />
<div style="text-align: justify;">Sekarang, refresh blog kita dan pastikan blog kita sudah “bertaburan bunga”. Oh, iya untuk tips selanjutnya, Tips dan Trik Blog akan mengetengahkan script yang membuat blog bertaburan “bunga bank”, pasti lebih seru, he,..he,..</div><br />
<br />
Selamat Mencoba!!</span></div>avira-gohttp://www.blogger.com/profile/17878121302295893232noreply@blogger.com1