Belajar Ngeblog

Ada 2 Cara memasang benner berjejer:
Pertama:
Cara memasang Banner Berjejer yang dibutuhkan hanya kode <td> dan </td> yang disisipkan pada script atau kode banner HTML .contohnya seperti ini:

<td>CODE BANNER</td><td>CODE BANNER</td><td>CODE BANNER</td>

Begitu seterusnya, mau jejer 3 atau 4 terserah anda. Setiap awalan menggunakan <td> dan akhiran menggunakan </td>

Kedua:
Seperti contoh pada Google, Yahoo, Youtube, Friendster, copas aja dibawah ini

<p align="left"><table border="0" cellspacing="1"

width="ancho"><tr>

<td width="ancho"><form method="get"

action="LINK URL1"_blank"><p><input type="submit"
value="NAMA URL1"
name="nama url1"></form></td>
<td width="ancho"><form method="get"
action="LINK URL2"target="_blank"><p><input type="submit" value="NAMA URL2"
name="nama url2"></form></td>

<td width="ancho"><form method="get"

action="LINK URL3" target="_blank"><p><input type="submit" value="NAMA URL3"
name="nama url3"></form></td>
<td width="ancho"><form method="get"
action="LINK URL4" target="_blank"><p><input type="submit" value="NAMA URL4"
name="nama url4"></form></td>

</tr></table>

Cara membuat Tombol Kotak seperti Contoh Aset Mandiri 1 dan Aset Mandiri 2

<button style="background-color:green;width:150;height:40"onclick="window.location='LINK URL1'"><b>NAMA LINK1</b></button><button style="background-color:red;width:150;height:40"onclick="window.location='LINK URL2'"><b>NAMA LINK2</b></button>

Cara pertama membuat Blogroll di sidebar:

<div style="height: 200px; overflow: auto; width: 100%;">
<ul>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
</ul>
</div>

Cara ke dua membuat Blogroll di sidebar:

<div style="background: #FFFAF0 ; border: 1px solid rgb(153, 153, 153); height: 100px; overflow: auto; text-align: center; width: 210px;">
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
<li> <a href=" LINK URL " style="color: #009900;"> NAMA LINK </a></li>
</ul>
</div>

Cara membuat menu kategori berjejer tanpa mengedit css:

<a href="LINK URL1" title="NAMA LINK1"><span style="background-color:#9ACD32 ;">NAMA LINK1</span></a> | <a href="LINK URL2" title="NAMA LINK2"><span style="background-color:#9ACD32 ;">NAMA LINK2</span></a> | <a href="LINK URL3" title="NAMA LINK3"><span style="background-color:#9ACD32 ;">NAMA LINK3</span></a> | <a href="LINK URL4" title="NAMA LINK4"><span style="background-color:#9ACD32 ;">NAMA LINK4</span></a> | <a href="LINK URL5" title="NAMA LINK5"><span style="background-color:#9ACD32 ;">NAMA LINK5</span></a> | <a
href="LINK URL6" title="NAMA LINK6"><span style="background-color:#9ACD32 ;">NAMA LINK6</span></a>

Dalam hal ini Nama Link ditulis dua kali. Warna hijau highlight bisa anda rubah, lihat code disini

CARA MEMBUAT MENU NAVIGASI DENGAN MENGGUNAKAN CSS

Untuk mengedit css anda bisa mengikuti panduannya disini atau disini
Kemudian tinggal menambahkan ke gadget html/java scribt, seperti contoh secara vertikal :

<ul class="vertikalmenu">
<li><a href=" LINK URL ">» HOME</a></li>
<li><a href=" LINK URL ">» NAMA LINK </a></li>
<li><a href=" LINK URL ">» NAMA LINK </a></li>
<li><a href=" LINK URL ">» NAMA LINK </a></li>
<li><a href=" LINK URL ">» NAMA LINK </a></li>
<li><a href=" LINK URL ">» NAMA LINK </a></li>
</ul>

ATAU HORIZONTAL :

<div id="tswcsstabs">
<ul>
<li><a href=" LINK URL "> NAMA URL </a></li>
<li><a href=" LINK URL "> NAMA URL </a></li>
<li><a href=" LINK URL "> NAMA URL </a></li>
<li><a href=" LINK URL "> NAMA URL </a></li>
</ul>
</div>

maupun script horisontal lainnya seperti dibawah ini :

<head>
   <link rel="stylesheet" href="/menu/menu_style.css" type="text/css" />
</head>
<div class="menu bubplastic horizontal purple">
   <ul>
       <li class="highlight"><span class="menu_r"><a href=" LINK URL " target="_self"><span class="menu_ar"> HOME </span></a></span></li>
       <li><span class="menu_r"><a href=" LINK URL " target="_self"><span class="menu_ar"> NAMA LINK </span></a></span></li>
       <li><span class="menu_r"><a href=" LINK URL " target="_self"><span class="menu_ar"> NAMA LINK </span></a></span></li>
       <li><span class="menu_r"><a href=" LINK URL " target="_self"><span class="menu_ar"> NAMA LINK </span></a></span></li>
       <li><span class="menu_r"><a href=" LINK URL " target="_self"><span class="menu_ar"> NAMA LINK </span></a></span></li>
   </ul>
   <br class="clearit" />
</div>

Cara meletakkan Banner Di Box Area :

<br />

</center>

</div>

CARA MEMBUAT BINGKAI UNTUK KUMPULAN BANNER :

<div style="overflow:no; width:175px; height:100%px; border:6px solid #80ff00; padding: 5px;"><img border="0" src=" SCRIPT SEMUA CODE BANNER / TEXT LINK "></div>

Atau dengan menggunakan Background Color :

<div style="border: 4px double #6495ED; background-color:#FFFFFF; padding: 5px; width: 150px; height:100%px"><center>
TEXT ANDA DENGAN / TANPA CODE HTML / BLOGROLL/CODE BANNER</center></div>

Tulisan solid atau double bisa anda rubah dengan : dashed; dotted; double; groove; outset; ridge. Untuk melihat contoh anda bisa klik disini atau klik disini

CODE COLOR

Cara menghilangkan tulisan "BERANDA" pada blog:
Edit HTML, jangan lupa beri tanda centang pada Expand Template Widget

Cari code :
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

jika sudah ketemu, hapus code tersebut dan simpan template, jangan pilih yang dekat dengan tanda </div>.

Cara menghilangkan tulisan "Langgan entri atom", cari code :

]]></b:skin>

jika sudah ketemu tempatkan code ini tepat diatas ]]></b:skin> copas saja code dibawah ini :
.feed-links{
display:none;
}

Untuk menghilangkan tulisan Template By Blogger :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Untuk menghilangkan Navbar tambahkan kode :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau lengkapnya :

.feed-links{display:none;}

#Attribution1{height:0px;visibility:hidden;display:none}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Tepat diatas ]]></b:skin>

Cara meng-animasikan navbar, yaitu ketik :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Letakkan tepat diatas ]]></b:skin>

Cara membuat Text Link Exchange Area:

<textarea rows="4" cols="20" name="textarea">CODE BANNER</textarea>

Cara membuat garis: