CARA CEPAT MEMBUAT MENU BAR

Hambatan penguasaan bahasa pemograman membuat kita bepikir kembali bagaimana membuat tampilan blog menjadi optimal seperti web site yang di buat dengan bahasa pemograman,untuk itu tips ini buat kalian yang memang belom tau dan males untuk belajar bahasa pemograman untuk mengoptimalkan tampilan blog,ya...seperti saya ini ...males...he...he...he...

oxekkehhh sekarang ikuti langkah2 ini yach....
1.buka alamat url ini http://www.accessify.com/.
2.klik pada option tool & wizard.
3.pilih list-O-Matic.

4.isikan Enter the link details in the table below

contohnya gitu lah....pada link destination kalo km bingung klik aja label blog punya kamu nanti di addresbar kan kelihatan dan tinggal copy aja masukin situ...ok..kalo udah klik next ya ..
link: nama yang akan dipakai di menu bar
Text Link Title : isi dari link /nama tag atau kategory tulisan blog kamu
Link Destination (href): alamat dari label tulisan /category

5.kamu tinggal pilih model menu bar lalu centang salah satu,di tampilan How to identify and style klik id ya.
6.hasil dari menu bar yang kita ingin kan akan kelihatan terus klik GENERATE CODE.
7.OK sekarang kita buka layout klik editHTML danjangan lupa centang Expand Template Widget.
8.cari code ]]></b:skin>
lalu letakkan code the CSS for this list: tepat di atas ]]></b:skin>
save template.
9.terus kita menuju ke ELEMEN HALAMAN.
10.buat halaman baru,Klik HTML/JavaScript dan copykan code HTML for this list:..terus save ya...
11.kalo sudah di save, pada halaman baru yang barusan di buat di tarik diatas menu postingan blog dengan cara di klik tahan terus digeser di letakan di atas menu postingan blog.
12.lihat blog terus di simpan...

untuk mengganti warna tulisan pada code CSS for this list:..kita ubah collor htmlnya..#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

tuh yang warna merah diganti aja dengan code collor HTML yang diinginkan....kalo dah terlanjur di pasang gantinya di editHTML aja ..tapi jangan lupa expand widget dulu ya....
semoga berguna buat semuanya....
download tulisan ini

"BREADCRUM-NAVIGATIONT"di BLOGSPOT

Breadcrumb-navigation adalah sebuah navigasi tampilan sekumpulan link label atau kategory yang seperti dimiliki oleh wordpress ,dan posisinya biasanya berada di atas pstingan atau di bawah judul postingan,gunanya untuk memudahkan dalam pencarian artikel.

Apakah bisa untuk di setting di blogspot ? jawabanya adalah bisa dan mungkin sekali seperti punya saya di atas postingan ini,maka langkah yang perlu andalakukan adalah:

1.klik edit HTML

2.centang Expand Widget Templates

3.cari kode ]]></b:skin>

4.pastekan code di bawah ini sebelum ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
5.kemudian cari lagi kode <div class='post-body'>

6.tempatkan kode di bawah ini tepat dibawah kode <div class='post-body'>pada template anda

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

7.clik save template

8.dan sekarang di lihat

untuk tampilan banyaknya label yang keluar tergantung dari penggunaan labelpada artikel anda
artikel di atas di buat oleh revolution theme created by Brian Gardner dan dipopulerkan oleh kang rohman,tapi mohon maaf karena ada beberapa hal yang saya modifikasi dari artikel kang rohman karena tidak suport untuk blogger new templates seperti blog ini.

READMORE DITAMBAH JUDUL

Readmore.... tentunya tidak asing lagi untuk pra blogger,adanya tips menambahka readmore dengan judul postingan merupakan salah satu aksesoris blog yang akan membantu tampilan blog kita menjadi sempurna dan tidak terkesan kaku dengan tulisan readmore aja>>>>

Langkah yang perlu dilakukan cukup simpel aja:
seperti biasanya menuju ke LAYOUT > EDIT HTML>Expand Widget Templates
2.cari code readmore /selengkapnya...dll.
3.cari tulisan readmore dengan <a expr:href='data:post.url'>Read more.....</a>
4.ganti dengan

<a expr:href='data:post.url'>Read more.....&#8220;<data:post.title/>&#8221;</a>

kemudian save template dan silahkan di lihat
pada intinya cuma menambahkan &#8220;<data:post.title/>&#8221; pada readmore yang hasil jadinya readmore...(judul postingan)

Kalaupun pengen judul saja sebagai tampilan readmore tinggal menghapus readmore aja dan mengganti dengan &#8220;<data:post.title/>&#8221;
dan hasilnya akan menampilkan judul postingan saja tanpa tulisan readmore
selamat mencoba

MENGUBAH BACKGROUND WARNA POSTINGAN

Menambahkan tampilan warna pada tulisan yang dinilai penting akan membuat pembaca artikel/postingan kita merasa diperhatikan,dan akan menambah keindahan postingan.

langkah yang perlu di kerjakan cukup mudah,kita tinggal menambahakan

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
(kalimat yang perlu di kasih background colour )
</div>

dan untuk warna html dan ukuran besar nya kita bisa ganti dengan selera kita.