April 2011

Home > Archives for April 2011

Kode-kode HTML

<li>DOT 3</li>
</ul><hr size="1" />Membuat <b> bullet dot kotak</b> gunakan kode:<br />
<span style="font-weight: bold;"><ul type="square"></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
hasilnya seperti ini:<br />
<ul type="square"><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul><hr size="1" />Membuat<b> bullet dot bulat</b> gunakan kode:<br />
<span style="font-weight: bold;"><ul></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
hasilnya seperti ini:<br />
<ul><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul><hr size="1" />Mengatur <b> posisi bullet </b> gunakan kode:<br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><ul></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
hasilnya seperti ini:<br />
<blockquote><blockquote><blockquote><ul><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul></blockquote></blockquote></blockquote><hr size="1" />Menentukan <b> kombinasi warna,jenis,dan ukuran huruf</b> gunakan kode:<br />
<span style="font-weight: bold;"><p><font style="color: red; font-family: courier new; font-size: 15px;"  >Belajar</font></p></span><br />
hasilnya seperti ini:<br />
<div style="color: red; font-family: courier new; font-size: 15px;">Belajar</div><hr size="1" />Membuat <b> tabel border solid</b> gunakan kode:<br />
<div style="font-weight: bold;"><table border="1" width="200"><br />
<tr><br />
<td style="border-style: solid">Text</td><br />
</tr><br />
</table></div>hasilnya seperti :<br />
<table border="1" style="width: 165px;"><tbody>
<tr><td style="border-style: solid;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border dot</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200"</span><br />
<span style="font-weight: bold;">style="border-style: dotted"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td border="2" style="border-style:</span><br />
<span style="font-weight: bold;">dotted">Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="1" style="border-style: dotted; width: 200px;"><tbody>
<tr><td border="2" style="border-style: dotted;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border dashed</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: dashed"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td style="border-style: dashed">Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="1" style="border-style: dashed; width: 200px;"><tbody>
<tr><td style="border-style: dashed;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border groove</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: groove"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="2" style="border-style: groove; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Ridge</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: ridge"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="1" style="border-style: ridge; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Insert</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: inset"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="2" style="border-style: inset; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Outset</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: outset"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="2" style="border-style: outset; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel Biasa </b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="1"width="200"><td>Text</td></table></span><br />
hasilnya seperti:<br />
<table border="1" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel  berwarna</b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="1"width="200"bgcolor="green"><td>Text</td></tabel> </span>hasilnya seperti :<br />
<table bgcolor="green" border="1" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel  berwarna tak berbingkai</b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> </span>hasilnya seperti:<br />
<table bgcolor="blue" border="0" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Untuk kode-kode <b> HTML</b> yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan <b>HTML.</b><br />
<br />
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)</td></tr>
</tbody></table></div>

Kode-kode dasar HTML Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-...

Membuat Komentar Admin Beda / Highlight Author Comment

Membuat Komentar Blogspot Layaknya <a href="http://pelajaran-blog.blogspot.com/2009/07/menambahkanmembuat-fitur-reply-pada.html">Reply</a> Komentar dari Admin<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><br />
<br />
<div align="justify">Sepertinya,sudah banyak ya gan yang memposting masalah <strong>bagaimana cara membuat komentar admin beda dengan komentar pengunjung</strong> ini.<br />
Mungkin kali ini <a href="http://pelajaran-blog.blogspot.com/" title="pelajaran blog">Pelajaran Blog</a> hanya akan mengulas kembali dan memberikan ide agar tampilan <u>komentar admin yang berbeda dengan komentar pengunjung</u> nanti agar lebih menarik lagi.<br />
<br />
Untuk pic preview-nya,seperti apa sih <em>komentar admin yang beda dengan komentar pengunjung</em> itu,sobat lihat gambar dibawah ini:<br />
</div><center><img alt="komentar admin beda." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TUOM9duynTI/AAAAAAAAAr0/i3KXE1YRFgo/s1600/komentar%2Badmin%2Bbeda%2Bhighlight%2Bcomments%2Bbox%2Bpelajaran%2Bblog.JPG" width="400" /></center><br />
<br />
Kiranya sudah sangat jelas sekali ya gan,apa yang akan dibahas kali ini :D<br />
<br />
<h3>Langkah Cara Membuat Highlight Author Comment / Membuat Komentar Blogger Admin Berbeda dengan Komentar Pengunjung</h3><br />
<br />
<div align="justify">Ok,<u>Pertama</u> tentukan blog milik anda yang mana yang akan di <strong><a href="http://pelajaran-blog.blogspot.com/2009/10/langkah-singkat-cara-me-modifikasi.html">modifikasi kotak komentar</a></strong>-nya agar beda dengan komentar pengunjung,dengan memilih <b>Dasboard</b>,lalu pilih <b>Tata Letak / Rancangan</b> blog terpilih tadi.<br />
</div><center><img alt="membuat komentar admin beda Highlight Author Comment." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" /></center><br />
<br />
<u>Kedua</u>,pilih tab <b>Edit HTML</b>,lalu seperti biasa contreng pada checklist tulisan <b>Expand Widget Templates</b>.<br />
<br />
<center><img alt="modifikasi kotak komentar beda admin dan berbeda." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" /></center><br />
<br />
<center><img alt="modifikasi kotak komentar beda admin dan berbeda." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" /></center><br />
<br />
<u>Ketiga</u>,pada barisan kode CSS sobat atau cari saja kode <code>]]></b:skin></code>,jika sudah ketemu,letakkan kode css berikut,tepat <strong>diatas</strong> kode tersebut.<br />
<br />
<code>.admin-pb-comments{<br />
background:   url(http://2.bp.blogspot.com/_n7xseT2-HDU/TUOJMHKcmhI/AAAAAAAAArs/AxN8AGyHY6E/s1600/pelajaran%2Bblog%2Bbackground.jpg)  no-repeat;<br />
border:1px solid #FF9966;<br />
border-left:1px solid #EEEEEE;<br />
border-right:1px solid #EEEEEE;<br />
margin-left:0;<br />
margin-right:20px;<br />
padding:7px;<br />
color:#ffffff;<br />
}</code><br />
<br />
<u>Keempat</u>,cari lagi kode berikut ini (gunakan Ctrl+F di keyboard sob):<br />
<br />
<strong><code>dd class='comment-body'</code></strong><br />
<br />
Jika sudah ketemu,tepat <strong>diatasnya</strong> letakkan kode berikut:<br />
<br />
<code><b:if cond='data:comment.author == data:post.author'><br />
<dd class='admin-pb-comments'><br />
<p><data:comment.body/></p><br />
</dd><br />
<b:else/></code><br />
<br />
<u>Kelima</u>,sekarang cari kode berikut:<br />
<br />
<strong><code><dd class='comment-footer'></code></strong><br />
<br />
Jika sudah ketemu,tinggal sisipkan kode <strong><code></b:if></code></strong> tepat <strong>diatas</strong> kode <strong><code><dd class='comment-footer'></code></strong> tersebut.<br />
<br />
Setelah itu,<b>Simpan Templates</b> blogger sobat dan cobalah isilah komentar untuk menguji berhasil tidaknya trik <strong>membedakan komentar admin dengan komentar pengunjung</strong> ini.<br />
<br />
Semoga berhasil dan lebih semangat ngeblog ya gan :D</td></tr>
</tbody></table><br />
<br />
<div class="pelajaranblogareakeren"><br />
<small><center>Klik  tombol 'Buat Popular Post' di bawah ini jika anda merasa  konten/postingan yang sedang anda baca sangat menarik dan bermanfaat  bagi anda.</center></small></div></div>

Membuat Komentar Blogspot Layaknya Reply Komentar dari Admin Sepertinya,sudah banyak ya gan yang memposting masalah bagaimana cara membu...

Cara Menjebol / Membobol Rar - Password File Rar Recovery Mantab!!

Software Pembobol Password File Rar<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><br />
<br />
<img align="left" alt="cara menjebol password rar." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TP2fFO0qdoI/AAAAAAAAApI/R1WpfxxFqzA/s1600/pembobol%2Bpassword%2Brar%2Bpelajaran%2Bblog.jpeg" /><div align="justify">Adalah <strong>RAR Password Recovery</strong>,sebuah nama software yang sudah menjadi superstar dalam dunia maya.<br />
<br />
Cara menggunakan juga tidak terlalu ribet bahkan tinggal install saja dan sobat bisa langsung gunakan aplikasinya.<br />
<br />
Sebenarnya ingin memposting panjang lebar masalah <u>cara membobol password rar</u> ini,tapi karena waktu yang tidak memungkinkan terpaksa saya hanya meberikan info link dan screenshotnya saja.<br />
<br />
Untuk langkah dan caranya bisa dilihat dibanyak forum-forum yang membahas masalah <b>membobol password rar</b>,salah satunya yang sudah di posting agan-agan di <u><a href="http://www.indowebster.web.id/showthread.php?t=41594&page=1">www.indowebster.com</a></u>,dll<br />
</div><center><strong><a href="http://www.indowebster.com/download=aha__1&do=j5f4i50484q2">Download RAR Password Recovery</a><br />
(software pembobol file rar)</strong></center><br />
<br />
<em>Mungkin  jika waktu memungkinkan kita akan membahas software pembobol file yang  lain dan mengatasi file selain rar seperti zip juga membuka file-file  ber-ekstention unik seperti *.CHK,*.kgb,dll</em></td></tr>
</tbody></table><br />
<br />
<div class="pelajaranblogareakeren"><br />
<small><center>Klik  tombol 'Buat Popular Post' di bawah ini jika anda merasa  konten/postingan yang sedang anda baca sangat menarik dan bermanfaat  bagi anda.</center></small></div></div>

Software Pembobol Password File Rar Adalah RAR Password Recovery ,sebuah nama software yang sudah menjadi superstar dalam dunia maya. C...

Membuat Jadwal Sholat pada Blog

<a href="http://pelajaran-blog.blogspot.com/2009/02/membuat-jadwal-sholat-pada-blog.html">Membuat Jadwal Sholat pada Blog</a>: "<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><div align="justify">Yuk! belajar menambahkan element baru di <span style="font-weight: bold;">blog</span> kita.</div>Ya,jadwal untuk sholat.<br />
Bagi yang muslim dan ingin meletakkan Jadwal untuk Sholat,ikuti<br />
langkah-langkah berikut ini :<br />
<hr /><ul><li>Silahkan kunjungi situs <a href="http://www.islamicfinder.org/">http://www.islamicfinder.org</a></li>
<li>Klik link yang bertuliskan <b>Add new sevices to your site</b> di halaman bagian bawah</li>
<li>Alihkan perhatian ke nomor pilihan ke dua. Klik menu <b>Dropdown</b> yang bertuliskan <b>Select a Country</b></li>
<li>Klik nama negara, lalu klik <b>Go</b>.</li>
<li>Klik nama <span style="font-weight: bold;">kota</span> .</li>
<li>Klik tombol <b>Generated Code.</b></li>
</ul><hr />Jika sudah mendapatkan kode,anda tinggal meletakkan kode <span style="font-weight: bold;">HTML</span> tadi kedalam halaman <span style="font-weight: bold;">blog</span> anda,tentunya dengan menambahkan element halaman baru dan pilih <b>Add New Widget/Javascript.</b><br />
<span style="font-weight: bold;">Simpan</span>.</td></tr>
</tbody></table></div>

Membuat Jadwal Sholat pada Blog : " Yuk! belajar menambahkan element baru di blog kita. Ya,jadwal untuk sholat. Bagi yang muslim dan...

Tools Pelacak / Melacak IP Adress

<h3 class="post-title entry-title"><div class="pelajaranblogareakeren"><strong><a href="http://pelajaran-blog.blogspot.com/2010/04/tools-pelacak-melacak-ip-adress.html"><br />
</a></strong></div><br />
</h3><div class="post-body entry-content"> <a href="http://pelajaran-blog.blogspot.com/2009/02/tools-pelacak-melacak-ip-adress.html">Tools Pelacak / Melacak IP Adress</a>: "<table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><div align="justify"><span style="font-weight: bold;">Melacak IP</span>? mo ngcrack ya mas? :)</div><div style="margin-bottom: 0pt; margin-top: 0pt;">ga,bcanda. :)</div><div style="margin-bottom: 0pt; margin-top: 0pt;"> </div><br />
<div style="margin-bottom: 0pt; margin-top: 0pt;">Untuk mendapatkan tools itu,kita bisa ngemanfaatin dari situs penyedianya aja yuk!</div><div style="margin-bottom: 0pt; margin-top: 0pt;"> </div><div style="margin-bottom: 0pt; margin-top: 0pt;">Check aja di :</div><ul><li><a href="http://www.danasoft.com/">http://www.danasoft.com</a></li>
<li><a href="http://www.ip2phrase.com/">http://www.ip2phrase.com</a></li>
<li><a href="http://www.ipnow.org/">http://www.ipnow.org</a></li>
</ul><div style="margin-bottom: 0pt; margin-top: 0pt;">Selamat mencoba ya.. :)</div></td></tr>
</tbody></table></div>

Tools Pelacak / Melacak IP Adress : " Melacak IP ? mo ngcrack ya mas? :) ga,bcanda. :) Untuk mendapatkan tools itu,kita bisa ngem...

Menghias / Membuat / Menambahkan Emoticons pada Blog

Yuk! kita menghias <span style="font-weight: bold;">blog</span> dengan<span style="font-weight: bold;"> emoticons </span>yang beragam.Artikel ini saya dapet dari berbagai sumber dan berbagai info sang master<span style="font-weight: bold;"> blog</span> :<br />
<div class="post-body entry-content"><br />
<div style="margin-bottom: 0pt; margin-top: 0pt;">Kode-kode di bawah masing-masing <span style="font-weight: bold;">emoticons </span>yang tertera dibawah ini,adalah kode untuk mendapatkan karakter /<span style="font-weight: bold;">emoticons</span> tersebut.</div><hr /><div style="margin-bottom: 0pt; margin-top: 0pt;"><img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif"></code><br />
<br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif"></code></div><hr /><div style="margin-bottom: 0pt; margin-top: 0pt;">Cool khan?</div><div style="margin-bottom: 0pt; margin-top: 0pt;">Selamat berkreasi ya! <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /></div></div>

Yuk! kita menghias blog dengan emoticons yang beragam.Artikel ini saya dapet dari berbagai sumber dan berbagai info sang master blog : ...

Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana

<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><h3 name="Menu Navigasi Dalam Navigasi Bar">Menu Navigasi Dalam Navigasi Bar (Navbar)</h3><br />
<br />
Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti '<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Home</a>', '<a href="" name="cara membuat menu home,about,daftar isi,links,dll">About</a>','<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Daftar Isi</a>',<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Links</a> dll?<br />
Disini,kita akan belajar membuat navigasi bar (navbar) blogger menu sederhana,seperti kasus diatas.<br />
<br />
Jadi,bukan hanya membuat sebuah navbar,melainkan membuat 'menu navigasi' di dalam navbar itu sendiri.<br />
Bingung?<br />
<br />
Contoh hasil dari kreasi navbar ini,bisa anda lihat seperti gambar di bawah ini [<em>klik gambar untuk hasil yang lebih besar</em>]:<br />
<hr size="1" /><br />
<center><a href="http://4.bp.blogspot.com/_n7xseT2-HDU/SwIem6Awr6I/AAAAAAAAAcA/9JfZaQGylw0/s1600/pelajaran+blog+membuat+navbar+blogger.JPG" target="_blank"><img alt="Navigasi Bar / Navbar Blogger" border="0" src="http://4.bp.blogspot.com/_n7xseT2-HDU/SwIem6Awr6I/AAAAAAAAAcA/9JfZaQGylw0/s200/pelajaran+blog+membuat+navbar+blogger.JPG" style="cursor: pointer; height: 96px; width: 200px;" /></a></center><br />
<hr size="1" />Sedangkan jika anda ingin memastikan seperti apa sih hasil sebenarnya,silakan kunjungi situsnya langsung di <a href="http://pujiantoro.blogspot.com/" target="_blank"><b>SINI</b></a>.<br />
Bagaimana? tertarik untuk membuatnya?<br />
<br />
<h3 name="Langkah Cara Membuat Navbar Blogger Sederhana">Langkah Membuat Navbar Blogger Sederhana</h3><br />
<br />
Sesederhana judul artikel ini,penempatan barisan kode css maupun kode untuk navbarnya,sangat sederhana sekali.<br />
Sekali lagi,tutorial membuat navbar ini hanya untuk blogspot dari blogger saja ya :p<br />
<br />
Pertama,Pergilah ke <strong>Dashboard</strong> blogger anda,lalu pilih <strong>Tata Letak</strong>,selanjutnya seperti biasa pilih tab <strong>Edit HTML</strong>.<br />
Selanjutnya,contreng tulisan <strong>Expand Widget Templates</strong>.<br />
Lalu cari kode berikut:<br />
<hr size="1" /><strong><code></head></code></strong><br />
[untuk membantu,carilah menggunakan keyboard dengan menekan tombol alt+F]<br />
<hr size="1" />Setelah ketemu,letakkan kode css berikut persis di atas kode <code></head></code> tersebut.<br />
<hr size="1" /><code><style type="text/css"><br />
#pelajaranblognav img {<br />
margin: 0px 0px -8px 0px;<br />
vertical-align: middle;<br />
}<br />
#pelajaranblognav {<br />
background-color: #222222;<br />
width: 100%;<br />
left: 0px;<br />
text-align: center;<br />
font-family: Arial, Tahoma, Verdana;<br />
font-size: 12px;<br />
z-index:10000;<br />
bottom:0;<br />
}<br />
#pelajaranblognav ul {<br />
margin: 0px;<br />
padding: 0px;<br />
list-style: none;<br />
color:white;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
#pelajaranblognav a {<br />
background: #222222;<br />
color: #FFFFFF;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav a:visited {<br />
background: #222222;<br />
color: #FFFFFF;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav a:hover {<br />
background: #222222;<br />
color: green;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav li {<br />
float: left;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
#copyright a {<br />
text-decoration: none;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
#copyright {<br />
color: black;<br />
text-decoration: none;<br />
float:right;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
</style></code><br />
<hr size="1" />Jika sudah anda letakkan kodenya css-nya,sekarang cari lagi kode berikut:<br />
<hr size="1" /><code><body></code><br />
<hr size="1" />Jika sudah ketemu,letakkan kode berikut persis di bawahnya.<br />
<hr size="1" /><code><div id="pelajaranblognav"><br />
<table border="0" bgcolor="#222222"><br />
<tr><br />
<br/><ul><li><a href="<strong>#</strong>">Home</a></li><br />
<li><a href="<strong>#</strong>">About</a></li><br />
<li><a href="<strong>#</strong>">Daftar Isi</a></li><br />
<li><a href="<strong>http://pelajaran-blog.blogspot.com/</strong>">Belajar Blog</a></li><br />
<li><a href="<strong>http://cepat-terindex-google.blogspot.com/</strong>">Belajar Seo</a></li><br />
<li><a href="<strong>#</strong>">Links</a></li></ul><br />
<td><br />
<a href="<strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS2_ad3_600by100.jpg</strong>" width="500" height="80"/></a><br />
</td><br />
<td></code><code><center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/><br />
<center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/></code><code><br />
</td></code><code><td></code><br />
<code><center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/><br />
<center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/></code><br />
<code></td></code><br />
<code></tr><br />
</table><br />
</div><br />
<div id="copyright"><br />
Langganan <a href="<strong>http://url_blog_anda.blogspot.com/</strong>feeds/posts/default" target="_self"><b>RSS Artikel</b></a><br />
| Langganan <a href="<strong>http://url_blog_anda.blogspot.com/</strong>feeds/comments/default" target="_self"><b>RSS Komentar</b></a><br />
|  Buat <a  href="http://pelajaran-blog.blogspot.com/2009/11/belajar-membuat-navigasi-bar-navbar.html"  target="blank"><b>Navbar</b></a> Ini Di Blog Kamu<br />
</div></code><br />
<hr size="1" />Setelah itu <strong>Simpan Template</strong>,dan lihat hasilnya sekarang :D<br />
<br />
<u>Keterangan</u>:<br />
<blockquote><ul><li>Untuk tanda <strong><code>#</code></strong>,gantilah dengan url alamat yang ingin anda tuju.</li>
<li>Untuk <strong><code>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</code></strong>,gantilah dengan alamat iklan banner anda.</li>
<li>Untuk <strong><code>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</code></strong>,gantilah dengan url gambar banner anda.</li>
<li>Untuk <strong><code>http://url_blog_anda.blogspot.com/</code></strong>,gantilah dengan url blog anda.</li>
</ul></blockquote>Semoga bermanfaat dan modifikasilah sesuai selera anda masing-masing.<br />
Goosd Luck Ya!</td></tr>
</tbody></table></div>

Menu Navigasi Dalam Navigasi Bar (Navbar) Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti ' Home ', ' ...

Tips Cara Membuat Blog Ringan Saat Loading

Blog Blogger Pemula Sebagai blogger pemula ,saya merasa senang mempunyai sebuah blog,dan sebisa mungkin saya menghias blog tersebut. Bah...

Form Widget untuk Pengunjung

<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><ul><li><a alt="" href="" name=""><h3>Form Praktis untuk Pengunjung Blog</h3></a></li>
</ul><div style="text-align: justify;"><img align="left" alt="Form Widget untuk Pengunjung" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwliDsbXY-ObxwicRnbAFq4T6bjoSYHgJyPIk2Kzr6ShOftlOZmYE4PYpXnfXVb-Mdf_Otv50xmp_5uUJ5ckEP4aQgAT3SJe53yPhU_X8o8bj9okTJNs6aiSr7BlOuMF8L9oQQFcq0o8/s320/blogger+login+form+widget.JPG" title="Form Widget untuk Pengunjung" width="150" />Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat <strong><a href="http://en.wikipedia.org/wiki/Mail" target="_blank">email</a></strong>.<br />
<br />
<br />
Kendalanya biasanya,kita harus repot-repot untuk masuk ke account mail kita,baik itu <strong><a href="http://www.yahoo.com/" target="_blank">Yahoo</a> <a href="http://id.mail.yahoo.com/" target="_blank">mail</a> </strong>maupun <strong><a href="http://mail.google.com/" target="_blank">Gmail</a></strong>.<br />
Akibatnya,respon pengunjung menjadi kurang.<br />
<br />
<br />
Yang akan kita bahas kali ini,yaitu tentang membuat <strong>form</strong> untuk <strong>pengunjung/visitor <a href="http://www.blogger.com/" target="_blank">blog</a></strong>,yang berfungsi untuk memudahkan pengunjung mengirimkan pesan langsung ke email kita,tanpa pengunjung harus <strong><a href="http://en.wikipedia.org/wiki/Login" target="_blank">login</a></strong> dulu ke <strong><a href="http://en.wikipedia.org/wiki/Account" target="_blank">account</a></strong> mail mereka,gimana? praktis khan?</div><hr alt="formwidgetpengunjung" size="1" title="form pengunjung" /><div style="text-align: justify;">Untuk contohnya anada bisa lihat <strong>form</strong> ini,<hr alt="Pelajaran Tentang Blog" size="1" title="Pelajaran Blog|Belajar Membuat Blog|Belajar Menghias Blog" /><center><br />
<br />
<form action="http://www.freedback.com/mail.php" charset="UTF-8" enctype="multipart/form-data" method="post"><table border="0" cellpadding="5" cellspacing="5"><tbody>
<tr><td valign="top"><strong>Name:</strong></td><td valign="top"><input id="name" name="name" size="40" type="text" value="" /></td></tr>
<tr><td valign="top"><strong>Email Address:</strong></td><td valign="top"><input id="email" name="email" size="40" type="text" value="" /></td></tr>
<tr><td valign="top"><strong>Pesan:</strong></td><td valign="top"><input id="field-81262028baa4f4e" name="field-81262028baa4f4e" size="40" type="text" value="" /></td></tr>
<tr><td align="center" colspan="2"><br />
</td></tr>
</tbody></table></form></center></div><br />
<hr alt="pengunjung form widget" size="1" title="widget form" />Sekiranya sudah maksud khan? :D<br />
<br />
<ul><li><a alt="pengunjung form login" href="" name="form widget buat pengunjung"><h3>Membuat Form untuk Pengunjung</h3></a></li>
</ul>Nah! sekarang saatnya kita menuju langkah pertama membuat <strong>form</strong> ini.<br />
Adalah <a href="" name="cara membuat blog">www.freedback.com</a>,suatu situs yang menyediakan jasa ini.Ok! langsung aja..<br />
<hr alt="membuat form login" size="1" title="membuat form untuk login" /><a href="" name="form widget visitor"><em><strong></strong></em></a><ol><a href="" name="form widget visitor"><em><strong>
</strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Pertama,kunjungi situs ’</strong></em></a><em><strong><a href="http://www.freedback.com/" target="_blank">www.freedback.com</a>’</strong></em></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik Tulisan ’Create a Form’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Selanjutnya,isi form sesuai status anda</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik ’Sign Up’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Pergilah ke email dan cek inbox,aktivasi mail dari ’www.freedback.com’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Lalu anda akan dihadapkan halaman ’Edit Form’ dari ’www.freedback.com’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik tulisan Add question,jika anda menginginkan form tambahan,anda bisa tulis "Pesan:","Message",maupun sebuah pertanyaan.</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Ikuti dan dapatkan ’Kode HTML’ nya</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Copy kode tersebut,dan letakkan pada halaman HTML Anda.</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Test! dengan email anda sendiri dan Selesai !</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong>
</strong></em></a></ol><hr alt="for m pengunjung widget blog" style="font-size: 78%;" title="blogger widget form login" />Semoga bermanfaat ya.. :D</td></tr>
</tbody></table></div>

Form Praktis untuk Pengunjung Blog Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat email . Kendala...

Membuat Tanda Tangan Online

Ingin tahu cara membuatnya? Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.L...

Mengatur Warna dan Huruf pada Blog

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari www.blogger.com , yaitu sobat bisa mengatur jenis font (hurup) serta wa...

Membuat Disable Right Click / Anti Klik Kanan

Membuat fungsi klik kanan nonactive/disable right click ,sangat cocok memang untuk menjaga document atau memproteksi gambar yang ada di b...

Memanfaatkan Fungsi Scroll untuk Daftar Artikel

<li>>>  <a href="http://blogyangdituju/">TEXT YANG AKAN TAMPIL</a></li>

<li>>>  <a href="http://blogyangdituju/">TEXT YANG AKAN TAMPIL</a></li>
</ul></div><br />
<hr alt="memanfaatkan scrollbar" size="1" title="Pelajaran Blog" />Untuk langkah pertama,pergilah ke <strong>Dashboard</strong>----><strong>Tata Letak</strong>-----><strong>Edit html</strong>.<br />
Selanjutnya cari kode :<strong> </head></strong><br />
Jika sudah ketemu,tepat diatasnya,letakkan kode ini:<br />
<hr alt="fungsi scroll untuk artikel" size="1" title="Menghias Belajar Blog" /><code><style type='text/css'><br />
#fungsiscroll {<br />
float: left;<br />
width: 100%;<br />
font-family:arial;<br />
font-size:12px;<br />
margin: 6px 0px 6px 0px;<br />
padding:0px;<br />
line-height: 18px;<br />
display:;<br />
}<br />
#fungsiscroll p {<br />
padding: 0px;<br />
margin: 0px;<br />
}<br />
#fungsiscroll a:hover {<br />
color: green;<br />
padding: 0px;<br />
}<br />
#fungsiscroll a {<br />
text-decoration:none;<br />
color:black;<br />
}<br />
#fungsiscroll a img {<br />
border: none;<br />
margin: 0px;<br />
padding: 0px 0px 15px 0px;<br />
}<br />
#fungsiscroll h2 {<br />
color: #000000;<br />
font-size: 14px;<br />
font-family: Arial;<br />
text-align:center;<br />
color:white;<br />
font-weight: bold;<br />
margin: 0px 0px 7px 0px;<br />
padding: 7px 5px 3px 13px;<br />
letter-spacing:0em;<br />
text-transform:normal;<br />
background: #222222;<br />
}<br />
#fungsiscroll ul {<br />
list-style-type:none;<br />
margin: 0px 0px 10px 0px;<br />
padding: 0px;<br />
}<br />
#fungsiscroll li {<br />
list-style-type: none;<br />
margin: 0px 0px 5px 0px;<br />
padding: 0px;<br />
border-bottom : 1px dashed #ccc;<br />
}<br />
#fungsiscroll ul ul {<br />
list-style-type: none;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px;<br />
}<br />
#fungsiscroll ul li li {<br />
background: #FFFFFF url(images/icon.png) no-repeat top left;<br />
padding: 0px 0px 5px 18px;<br />
margin: 0px 0px 0px 0px;<br />
border-bottom:1px solid #ddd;<br />
}<br />
#fungsiscroll ul li ul li {<br />
background: #FFFFFF url(images/icon.png) no-repeat top left;<br />
padding: 0px 0px 5px 18px;<br />
margin: 0px 0px 0px 0px;<br />
border-bottom:1px solid #ddd;<br />
}<br />
#l_fungsiscroll {<br />
background: #FFFFFF;<br />
float: left;<br />
width: 135px;<br />
margin: 0px;<br />
padding: 9px 9px 0px 9px;<br />
line-height: 20px;<br />
display: inline;<br />
border: 1px solid #C0C0C0;<br />
}<br />
#l_fungsiscroll p {<br />
margin: 0px;<br />
padding: 0px 0px 15px 0px;<br />
}<br />
#l_fungsiscroll a img {<br />
border: none;<br />
margin: 0px;<br />
padding: 0px 0px 15px 0px;<br />
}<br />
#l_sidebar ul {<br />
list-style-type: none;<br />
margin: 0px 0px 10px 0px;<br />
padding: 0px;<br />
}<br />
#l_sidebar ul ul {<br />
list-style-type: none;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px;<br />
}<br />
#l_fungsiscroll ul li li {<br />
background: #FFFFFF url(images/icon.png) no-repeat top left;<br />
padding: 0px 0px 5px 18px;<br />
margin: 0px 0px 0px 0px;<br />
}<br />
#l_fungsiscroll ul li ul li {<br />
background: #FFFFFF url(images/icon.png) no-repeat top left;<br />
padding: 0px 0px 5px 18px;<br />
margin: 0px 0px 0px 0px;<br />
}<br />
#r_fungsiscroll {<br />
background: #FFFFFF;<br />
float: right;<br />
width: 135px;<br />
margin: 0px;<br />
padding: 9px 9px 0px 9px;<br />
line-height: 20px;<br />
display: inline;<br />
border: 1px solid #C0C0C0;<br />
}<br />
#r_fungsiscroll p {<br />
padding: 0px 0px 15px 0px;<br />
margin: 0px;<br />
}<br />
#r_fungsiscroll a img {<br />
border: none;<br />
margin: 0px;<br />
padding: 0px 0px 15px 0px;<br />
}<br />
#r_fungsiscroll ul {<br />
list-style-type: none;<br />
margin: 0px 0px 10px 0px;<br />
padding: 0px;<br />
}<br />
#r_fungsiscroll ul ul {<br />
list-style-type: none;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px;<br />
}<br />
#r_fungsiscroll ul li li {<br />
background: #FFFFFF url(images/icon.png) no-repeat top left;<br />
padding: 0px 0px 5px 18px;<br />
margin: 0px 0px 0px 0px;<br />
}<br />
</style></code><br />
<hr alt="Membuat Fungsi scroll pada artikel" size="1" title="Pelajaran Blog" />Setelah itu <strong>simpan</strong>.<br />
<hr alt="scroll untuk artikel" style="font-size: 78%;" title="Belajar Menghias Blog" />Lalu pada <span style="font-style: italic;">Tata Letak </span> <strong>blog</strong>,tambah <strong>element baru</strong> dan pilih <strong>HTML/Javascript</strong>,lalu letakkan kode berikut:<br />
<hr alt="membuat fungsi scrollbar" size="1" title="Belajar Membuat Blog" /><code><script type="text/javascript"></script></code><code><div id="fungsiscroll" class="sidebar section"><br />
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2><br />
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px"><br />
</code><code><</code><code>ul><br />
<li>>>  </code><code><</code><code>a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code><</code><code>/a></code><code><</code><code>/li><br />
</code><code><li>>>  </code><code><</code><code>a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code><</code><code>/a></code><code><</code><code>/li></code><code><br />
</code><code><li>>>  </code><code><</code><code>a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code><</code><code>/a></code><code><</code><code>/li></code><code><br />
</code><code><li>>>  </code><code><</code><code>a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code><</code><code>/a></code><code><</code><code>/li></code><code><br />
</code><code><li>>>  </code><code><</code><code>a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code><</code><code>/a></code><code><</code><code>/li></code><code><br />
</code><code><</code><code>/ul><br />
</code><code style="color: black;"></div></code><code style="color: #009900;"><br />
<div id="fungsiscroll" class="sidebar section"><br />
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2><br />
<div style="OVERFLOW: auto; WIDTH: 95%; HEIGHT: 120px"><br />
</code><code style="color: #009900;"><</code><code style="color: #009900;">ul><br />
<li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li><br />
</code><code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><code style="color: #009900;"><br />
</code><code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><code style="color: #009900;"><br />
</code><code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><code style="color: #009900;"><br />
</code><code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><code style="color: #009900;"><br />
</code><code style="color: #009900;"><</code><code style="color: #009900;">/ul><br />
</code><code style="color: #009900;"></div></code><br />
<code style="color: #009900;">      </code><code style="color: #009900;"></div></code><br />
<code style="color: #009900;">    </code><code style="color: #009900;"></div></code><br />
<code style="color: #009900;"><div id="fungsiscroll" class="sidebar section"><br />
<h2 class="title" align="left">TENTUKAN JUDUL KOLOM</h2><br />
<div style="overflow:auto;width:95%;height:120px;"><br />
<ul></code><code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><br />
<code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><br />
<code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><br />
<code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><br />
<code style="color: #009900;"><li>>>  </code><code style="color: #009900;"><</code><code style="color: #009900;">a href="http://BLOGYANGDITUJU">TEXT YANG AKAN TAMPIL</code><code style="color: #009900;"><</code><code style="color: #009900;">/a></code><code style="color: #009900;"><</code><code style="color: #009900;">/li></code><br />
<code><span style="color: #009900;"></ul></span><br />
</div></div></code><br />
<hr alt="artikel berscrollbar" size="1" title="Belajar Menghias Blog" /></div>Lalu <strong>Simpan.<strong> Selesai.<br />
<br />
**Jika anda ingin membuat satu kolom saja,tinggal hapus kode yang berwarna hijau di atas.<br />
</strong></strong>CSS,memang sangat membantu ya.. :)</td></tr>
</tbody></table></div>

Beberapa hari nggak online/update blog ,saat lihat komentar ada temen kita menanyakan sambil belajar bagaimana membuat fungsi scroll seper...

Al-Qur'an dan Terjemahannya

<div align="justify" style="margin-bottom: 0pt; margin-top: 0pt;"></div><div align="justify" style="margin-bottom: 0pt; margin-top: 0pt;">Sebelum membuka  link dibawah ini, bilamana Operating System pada PC Anda menggunakan Microsoft  Windows, harap install dahulu <a href="http://www.4shared.com/file/N0AD6o2M/QuranFontsSetup10.html" title="http://www.4shared.com/file/N0AD6o2M/QuranFontsSetup10.html"> Original Arabic Qur'an Fonts</a>. Namun bila Anda menggunakan Operating System  selain Microsoft Windows, silahkan copy secara manual font-fontnya, <a href="http://www.4shared.com/file/izfmzZxU/OriginalArabicQuranFonts.html"> silahkan download filenya disini</a>.</div><div align="justify" style="margin-bottom: 0pt; margin-top: 0pt;"><br />
</div><div align="justify" style="margin-bottom: 0pt; margin-top: 0pt;">Perhatian: Khusus  untuk membuka link-link pada menu Al-Qur'an dan Terjemahannya ini,  sebaiknya  menggunakan web browser <b>Microsoft Internet Explorer,</b> karena tampilan text  Qur'annya terlihat lebih baik daripada menggunakan web browser lainnya.</div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">1.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s1_al_faatihah.htm">SURAT  1. AL FAATIHAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">2.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s2_al_baqarah.htm">SURAT  2. AL BAQARAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">3.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s3_ali_imran.htm">SURAT 3.  ALI 'IMRAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">4.<span style="font: 7pt 'Times New Roman';">            <a href="http://opi.110mb.com/haditsweb/quran/s4_an_nisaa.htm">  </a></span><a href="http://opi.110mb.com/haditsweb/quran/s4_an_nisaa.htm">SURAT 4.  AN NISAA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">5.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s5_al_maaidah.htm">SURAT  5. AL MAA-IDAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">6.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s6_al_anaam.htm">SURAT 6.  AL AN'AAM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">7.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s7_al_araaf.htm">SURAT 7.  AL A'RAAF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">8.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s8_al_anfaal.htm">SURAT 8.  AL ANFAAL</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">9.<span style="font: 7pt 'Times New Roman';">              </span><a href="http://opi.110mb.com/haditsweb/quran/s9_at_taubah.htm">SURAT 9.  AT TAUBAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">10.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s10_yunus.htm">SURAT 10.  YUNUS</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">11.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s11_hud.htm">SURAT 11.  HUD</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">12.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s12_yusuf.htm">SURAT 12.  YUSUF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">13.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s13_ar_rad.htm">SURAT 13.  AR RA'D</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">14.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s14_ibrahim.htm">SURAT 14.  IBRAHIM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">15.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s15_al_hijr.htm">SURAT 15.  AL HIJR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">16.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s16_an_nahl.htm">SURAT 16.  AN NAHL</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">17.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s17_al_israa.htm">SURAT  17. AL ISRAA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">18.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s18_al_kahfi.htm">SURAT  18. AL KAHFI</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">19.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s19_maryam.htm">SURAT 19.  MARYAM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">20.<span style="font: 7pt 'Times New Roman';">        <a href="http://opi.110mb.com/haditsweb/quran/s20_thaahaa.htm">  </a></span><a href="http://opi.110mb.com/haditsweb/quran/s20_thaahaa.htm">SURAT 20.  THAAHAA</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">21.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s21_al_anbyaa.htm">SURAT  21. AL ANBYAA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">22.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s22_al_hajj.htm">SURAT 22.  AL HAJJ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">23.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s23_al_muminuun.htm">SURAT  23. AL MU'MINUUN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">24.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s24_an_nuur.htm">SURAT 24.  AN NUUR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">25.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s25_al_furqaan.htm">SURAT  25. AL FURQAAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">26.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s26_asy_syuaraa.htm">SURAT  26. ASY SYU'ARAA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">27.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s27_an_naml.htm">SURAT 27.  AN NAML</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">28.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s28_al_qashash.htm">SURAT  28. AL QASHASH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">29.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s29_alankabuut.htm">SURAT  29. AL'ANKABUUT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">30.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s30_ar_ruum.htm">SURAT 30.  AR RUUM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">31.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s31_luqman.htm">SURAT 31.  LUQMAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">32.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s32_as_sajdah.htm">SURAT  32. AS SAJDAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">33.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s33_al_ahzab.htm">SURAT  33. AL AHZAB</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">34.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s34_saba.htm">SURAT 34.  SABA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">35.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s35_fathir.htm">SURAT 35.  FATHIR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">36.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s36_yassiin.htm">SURAT 36.  YASSIIN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">37.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s37_ash_shaaffaat.htm">SURAT  37. ASH SHAAFFAAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">38.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s38_shaad.htm">SURAT 38.  SHAAD</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">39.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s39_az_zumar.htm">SURAT  39. AZ ZUMAR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">40.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s40_al_mumin.htm">SURAT  40. AL MU'MIN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">41.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s41_al_fushshilat.htm">SURAT  41. AL FUSHSHILAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">42.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s42_asy_syura.htm">SURAT  42. ASY SYURA</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">43.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s43_az_zukhruf.htm">SURAT  43. AZ ZUKHRUF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">44.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s44_ad_dukhaan.htm">SURAT  44. AD DUKHAAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">45.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s45_al_jaatsiyah.htm">SURAT  45. AL JAATSIYAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">46.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s46_al_ahqaaf.htm">SURAT  46. AL AHQAAF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">47.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s47_muhammad.htm">SURAT  47. MUHAMMAD</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">48.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s48_al_fath.htm">SURAT 48.  AL FATH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">49.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s49_al_hujuraat.htm">SURAT  49. AL HUJURAAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">50.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s50_qaaf.htm">SURAT 50.  QAAF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">51.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s51_adz_dzaariyaat.htm">SURAT  51. ADZ DZAARIYAAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">52.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s52_ath_thuur.htm">SURAT  52. ATH THUUR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">53.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s53_an_najm.htm">SURAT 53.  AN NAJM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">54.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s54_al_qamar.htm">SURAT  54. AL QAMAR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">55.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s55_ar_rahmaan.htm">SURAT  55. AR RAHMAAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">56.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s56_al_waaqiah.htm">SURAT  56. AL WAAQI'AH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">57.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s57_al_hadiid.htm">SURAT  57. AL HADIID</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">58.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s58_al_mujaadilah.htm">SURAT  58. AL MUJAADILAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">59.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s59_al_hasyr.htm">SURAT  59. AL HASYR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">60.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s60_al_mumtahanah.htm">SURAT  60. AL MUMTAHANAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">61.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s61_ash_shaff.htm">SURAT  61. ASH SHAFF</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">62.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s62_al_jumuah.htm">SURAT  62. AL JUMU'AH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">63.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s63_al_munaafiquun.htm">SURAT  63. AL MUNAAFIQUUN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">64.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s64_at_taghaabun.htm">SURAT  64. AT TAGHAABUN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">65.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s65_ath_thalaaq.htm">SURAT  65. ATH THALAAQ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">66.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s66_at_tahriim.htm">SURAT  66. AT TAHRIIM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">67.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s67_al_mulk.htm">SURAT 67.  AL MULK</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">68.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s68_al_qalam.htm">SURAT  68. AL QALAM</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">69.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s69_al_haaqqah.htm">SURAT  69. AL HAAQQAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">70.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s70_al_maaarij.htm">SURAT  70. AL MA'AARIJ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">71.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s71_nuh.htm">SURAT 71.  NUH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">72.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s72_al_jin.htm">SURAT 72.  AL JIN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">73.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s73_al_muzzammil.htm">SURAT  73. AL MUZZAMMIL</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">74.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s74_al_muddatstsir.htm">SURAT  74. AL MUDDATSTSIR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">75.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s75_al_qiyaamah.htm">SURAT  75. AL QIYAAMAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">76.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s76_al_insaan.htm">SURAT  76. AL INSAAN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">77.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s77_al_mursalaat.htm">SURAT  77. AL MURSALAAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">78.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s78_an_naba.htm">SURAT 78.  AN NABA'</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">79.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s79_an_naaziaat.htm">SURAT  79. AN NAAZI'AAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">80.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s80_abasa.htm">SURAT 80.  'ABASA</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">81.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s81_at_takwiir.htm">SURAT  81. AT TAKWIIR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">82.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s82_al_infithaar.htm">SURAT  82. AL INFITHAAR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">83.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s83_al_muthaffifiin.htm">SURAT  83. AL MUTHAFFIFIIN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">84.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s84_al_insyiqaaq.htm">SURAT  84. AL INSYIQAAQ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">85.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s85_al_buruuj.htm">SURAT  85. AL BURUUJ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">86.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s86_ath_thaariq.htm">SURAT  86. ATH THAARIQ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">87.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s87_al_alaa.htm">SURAT 87.  AL A'LAA</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">88.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s88_al_ghaasyiyah.htm">SURAT  88. AL GHAASYIYAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">89.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s89_al_fajr.htm">SURAT 89.  AL FAJR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">90.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s90_al_balad.htm">SURAT  90. AL BALAD</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">91.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s91_asy_syams.htm">SURAT  91. ASY SYAMS</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">92.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s92_al_lail.htm">SURAT 92.  AL LAIL</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">93.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s93_adh_dhuhaa.htm">SURAT  93. ADH DHUHAA</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">94.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s94_alam_nasyrah.htm">SURAT  94. ALAM NASYRAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">95.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s95_at_tiin.htm">SURAT 95.  AT TIIN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">96.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s96_al_alaq.htm">SURAT 96.  AL 'ALAQ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">97.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s97_al_qadr.htm">SURAT 97.  AL QADR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">98.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s98_al_bayyinah.htm">SURAT  98. AL BAYYINAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">99.<span style="font: 7pt 'Times New Roman';">          </span><a href="http://opi.110mb.com/haditsweb/quran/s99_az_zalzalah.htm">SURAT  99. AZ ZALZALAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">100.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s100_al_adiyaat.htm">SURAT  100. AL 'ADIYAAT</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">101.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s101_al_qaariah.htm">SURAT  101. AL QAARI'AH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">102.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s102_at_takaatsur.htm">SURAT  102. AT TAKAATSUR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">103.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s103_al_ashr.htm">SURAT  103. AL 'ASHR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">104.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s104_al_humazah.htm">SURAT  104. AL HUMAZAH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">105.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s105_al_fiil.htm">SURAT  105. AL FIIL</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">106.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s106_quraisy.htm">SURAT  106. QURAISY</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">107.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s107_al_maauun.htm">SURAT  107. AL MAA'UUN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">108.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s108_al_kautsar.htm">SURAT  108. AL KAUTSAR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">109.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s109_al_kaafiruun.htm">SURAT  109. AL KAAFIRUUN</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">110.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s110_an_nashr.htm">SURAT  110. AN NASHR</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">111.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s111_al_lahab.htm">SURAT  111. AL LAHAB</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">112.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s112_al_ikhlash.htm">SURAT  112. AL IKHLASH</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">113.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s113_al_falaq.htm">SURAT  113. AL FALAQ</a></div><div class="MsoNormal" style="font-family: Times New Roman; font-size: 12pt; margin: 0cm 0cm 0pt 42.55pt; text-indent: -1cm;">114.<span style="font: 7pt 'Times New Roman';">      </span><a href="http://opi.110mb.com/haditsweb/quran/s114_an_naas.htm">SURAT  114. AN NAAS</a></div>

Sebelum membuka link dibawah ini, bilamana Operating System pada PC Anda menggunakan Microsoft Windows, harap install dahulu Original Ara...

Game Popular di Warnet ***

Masuk FacebookMasuk Facebook
Nonton Video di YoutubeNonton Video di Youtube
Maen Game Friv.comMaen Game Friv.com
Maen Game Kizi.comMaen Game Kizi.com
Maen Game Games.co.idMaen Game Games.co.id
Masuk GemscoolMasuk Gemscool
Masuk MegaxusMasuk Megaxus
Masuk NetmarbleMasuk Netmarble

CyberIndoCyberindo.co.id

GARENA INDONESIAGARENA.CO.ID

Informasi Berguna Lainnya, Silahkan Visit !

Sing due Blogspot (SB) Kumpulan Video Drama Tarling Lawas Klasik Semua Lakon Dari Indramayu-Cirebon ,Tarling Klasik,Video Lostsaga

Monoton27.blogspot.comTutorial Blog,Software,Game Offline Warnet

F B I Fotografer Blusukan Indramayu

A W IAsosiasi Warnet Indramayu

Contoh GampangContoh-Contoh Gampang Tentang apa saja

www.MONOTON27.blogspot.com