Cara Menulis kode HTML Java Script di Blogger Posting

Kalau kita menulis sebuah kode html javascript di blog posting, kode tersebut akan langsung diproses oleh browser, sebagai contoh jika kita menulis <strike>coret</strike> maka hasilnya akan menjadi  coret.

Pada dasarnya untuk bisa menuliskan kode html javascript di posting cukup mengubah kode

1. > menjadi &gt; 


2. < menjadi &lt; 


3. " menjadi &quot;

Tetapi cara tersebut membutuhkan ketelitian dan waktu yang lama, ada website yang dapat mengubah kode tersebut secara cepat yaitu : http://centricle.com/tools/html-entities/

Cara kerjanya, anda paste script code html yang akan diubah ke web itu, kemudian klik 'encode'. Tunggu sebentar lalu akan muncul code script yang baru, copy-paste ke posting blog anda.

Selamat mencoba. Read More..

Membuat Footer Bar Statis

Footer bar statis yang saya maksudkan adalah tampilan bar yang berada di paling bawah halaman blog ini dan tak tergeser(statis) ketika scroll digerakkan. Yang perlu anda ketahui adalah bahwa kode css di bawah adalah hasil copy-paste dari script css footer bar yang terpasang di blog ini, jadi tampilannya akan sama persis, keculai anda sedikit melakukan perubahan untuk link-linknya.

Baiklah langsung kita mulai, yang pertama anda copy kode css di bawah ini:

#navbar-footer p {

float: left;

margin: 0px;

padding-top:4px;

padding-left:10px;

vertical-align: middle;

line-height: 1.2;

}

#navbar-footer {

align: center;

position: fixed;

border-top: 1px solid #ddd;

border-bottom: 5px solid #ffffff;

background-color: #ddd;

width: 100%;

left: 0px;

text-align: left;

color: #888;

font-family: Verdana;

font-size: 10px;

z-index:10000;

opacity: 0.9;

filter: alpha(opacity: 90);

bottom:0;

}

#footer-right {

text-align:right;

font-family:verdana;

font-size:14px;

font-color:#000000;

padding-right:30px;

}

setelah itu paste-kan kode di bawah tag <![CDATA[



Kemudian copy lagi kode html di bawah ini:

<div id='navbar-footer'>

<p>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>

<tr>

<td align='left' valign='middle' width='40'>

<a href='#' title='Silahkan dibaca walaupun sebentar saja...'>

<img height='50' src='http://www.laymark.com/i/ch/ch011.gif' width='50'/>

</a>

</td>

<td align='left' valign='middle'>&#169; 2008 | <a href='http://yoyokr.purworejo.asia' title='Sebentar Saja'>yoyokr.purworejo.asia</a><br/>

Hosted by <a href='http://www.blogger.com' title='blogger'>Blogger</a><br/>

Subdomain by <a href='http://www.purworejo.asia/2008/12/cara-mendapatkan-subdomainpurworejoasia_17.html' title='Subdomain Gratis'>www.purworejo.asia</a>

</td>

<td align='left' valign='center'>

<div align='right' id='footer-right'>

<a href='http://yoyokr.purworejo.asia'>Home</a>

| <a href='http://draft.blogger.com/'>Login</a></div>

</td>

</tr>

</table>

</p>

</div>

<script type='text/javascript'>

var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);

document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));

</script>

<script type='text/javascript'>

try {

var pageTracker = _gat._getTracker(&quot;UA-6583208-1&quot;);

pageTracker._trackPageview();

} catch(err) {}</script>

Lalu paste-kan di atas tag </body>

Selesai... Read More..