Membuat Menu Navigator pada blogspot

Lama ga posting ne? hehe...Kali ini agoez pengen berbagi cara membuat navigator untuk tampilan menu pada blogspot. Seperti tampilan diatas itu, contohnya tampilan menu horisontal. Langkah awal tentunya login dulu ke blogger.
1. Setelah masuk ruangan, pilih Layout>Edit HTML. Untuk sekedar jaga-jaga edit template kurang sukses, mending dibackup dulu template kamu. Kemudian klik Expand Widget Templates.
2. Selanjutnya cari tulisan seperti ini : ]]></b:skin> dan copy script di bawah ini :

#tabmenu {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabmenu ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabmenu li {
display:inline;
margin:0;
padding:0;
}
#tabmenu a {
float:left;
background: url("http://i284.photobucket.com/albums/ll5/bigfood_2008/bluewhitedown.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabmenu a span {
float:left;
display:block;
background: url("http://i284.photobucket.com/albums/ll5/bigfood_2008/bluewhiteup.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}

#tabmenu a span {float:none;}
/* End IE5-Mac hack */
#tabmenu a:hover {
background-position:0% -42px;
}
#tabmenu a:hover span {
background-position:100% -42px;
}

3. Tulisan yang berwarna biru, dapat kamu ganti dengan alamat gambar sebagai tombolnya. Misal gambar ini :
dan ini :
maka tulisan biru di atas dapat kamu ganti dengan

http://i284.photobucket.com/albums/ll5/bigfood_2008/redwhitedown.gif dan
http://i284.photobucket.com/albums/ll5/bigfood_2008/redwhiteup.gif

4. Membuat nama menu dan link tujuan. Berikut ini script yang bisa kamu pakai :

<div id="tabmenu">
<ul>
<li><a href="http://agus-online.blogspot.com"><span>Home</span></a></li>
<li><a href="http://agus-online.blogspot.com"><span>Bisnis Online</span></a>
<li><a href="http://agus-online.blogspot.com"><span>Free Download </span></a></li>
<li><a href="http://agus-online.blogspot.com"><span>Paypal</span></a></li>
<li><a href="http://agus-online.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

Silakan alamat link tujuan diganti sendiri dengan mengganti http://agus-online.blogspot.com
Script diatas dapat kamu copy di atas code ini :

<div id="content-wrapper">

5. Save
6. Silakan lihat hasilnya

Read More......

Cara Membuat Blog pada Blogger

Hai Sobat semua, kemarin aku ditanya Sahabat aku :

Dab, piye to carane gawe Blog?? warahi to dab. hehe...

Jadi posting ini saya tujukan untuk Sdr. Dudunk di Wonosobo. Umumnya untuk semua para pengunjung blog ini. Ini tutorial membuat blog pada blogspot.
Langkah-langkahnya mudah, simple, dan tidak ribet, hehe..Syarat utama membuat blog di blogspot adalah mempunyai email Google. Jika sobat semua sudah ada email google, ini langkah-langkahnya :

• Buka Blogger.com atau langsung klik di sini.
• Klik CREATE A BLOG seperti seperti gambar dibawah ini :

• Jika berhasil masuk, maka akan ada tampilan seperti ini : masukkan data-data yang ada pada form seperti gambar di atas, seperti email, password, nama tampilan, dan verifikasi kata yang diminta. Setelah semua diisi, centang Acceptance of Term, kemudian klik Continue.
  Jika berhasil, akan berganti halaman seperti ini

• Isikan data-data yang diminta, seperti Judul Blog dan alamat Blog kamu. Alamat Blog ini akan sesuaikan dengan tujuan kamu membuat blog. Misalnya : http://belajarblogon.blogspot.com. Jika diperlukan, akan diminta verifikasi kata seperti halaman awal. Setelah semua diisi, klik CONTINUE.
• Halaman berikutnya adalah memilih template atau layout Blog seperti gambar di bawah ini

• Pilihlah layout yang paling kamu suka. Jika sudah ada yang disukai, klik template tersebut, kemudian klik CONTINUE.
• Halaman terakhir dalam membuat Blog di blogspot adalah seperti di bawan ini :

• Klik START BLOGGING, maka akan ditujukan ke halaman Posting, yaitu tempat kamu membuat isi Blog yang telah kamu buat. Seperti gambar dibawah ini :

• Isi blog kamu lewat halaman di atas. Jika sudah Publikasikan Blog kamu. Nah gampang bukan?? Lihat Blog kamu jika sudah selesai. Misalnya blog yang sudah jadi adalah seperti ini :

Tampilan di atas sesuai dengan template yang sobat pilih...Selamat, Sobat sudah memiliki blog baru. Mohon maaf jika ada yang kurang dimengerti, silakan dikomentari, hehe.. terima kasih ... Read More......