Cara Membuat Template Blogspot: Membuat Menu(Video)

<div style='background-color: none transparent;'></div>
Halo sobat,

Pasti udah gak pada sabaran nih buat lihat tutorial yang selanjutnya. Pada posting kali ini saya akan membahas tentang "Cara Membuat Template Blogspot: Membuat Menu". Kalau bagi blogger professional membuat menu hanya hitungan menit. Tapi kalau newbie belum tentu tau. Oleh sebab itu saya membuat tutorial ini.



Tutorial-tutorial saya nantinya akan menjadikan anda mahir dalam membuat template blogspot. Jadi jangan lupa langganan artikel saya. Biar gak ada yang ketinggalan. Langsung aja deh kita lihat tutorialnya di bawah ini.




Untuk Resourcenya Silahkan Copy Code Dibawah ini:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    background-color: #FFFFFF;
    margin: 0px;
}
#menu {
    height: 50px;
    width: auto;
    background-color: #242424;
}
#menu #navigasi {
    float: right;
    height: 50px;
    width: 600px;
}
#menu #navigasi a {
    display: block;
    float: left;
    margin: 0px;
    padding: 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
}
#menu #navigasi a:hover {
    color: #999999;
    background-color: #333333;
}
-->
</style>
</head>

<body>
<div id="menu">
<div id="navigasi">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
<a href="#"><img src="image/logo.png" alt="ilove" border="0" /></a></div>

</body>
</html>
Untuk resource gambarnya tinggal download aja logo ini:

Nah bagi temen-temen yang ngerasa tutorial ini sangat berguna, Ajak teman-temanmu untuk datang ke blog ini dengan memasang banner yang ada di posting :

Pasang Banner Ini Jika Anda Peduli Blogger Indonesia.Wajib Dibaca!
Jangan lupa tinggalkan komentarnya ya.

9 komentar:

Cheat Game4u mengatakan...

oh iya gan. saya belum mengerti tentang Id . misalnya #menu ,#menu #navigasi a . apa ini sudah ada aturannya ?? dimna saya bisa mempelajari mengenai Id ini ?? :bingung

intuts mengatakan...

Oke. nanti saya bahas sob secara lengkap di posting.

Lowongan 2011 mengatakan...

Makasih infonya sangat berguna dan ada videonya lagi..

pastimenghasilkan.blogspot.com mengatakan...

ijin mempraktekkan,mas bro...thanks

Game mengatakan...

Gan ane msih bingung nie.. trus kalog udah jdi codenya trus cra masukin nya gmn?.....

jacob bayu mengatakan...

gan waktu di unggah ke blog pesan errornya banyak bgt

Maximum mengatakan...

masbro monggo dilanjut tut-tuts nya ... saya yakin pemirsa blogger masih banyak yg penasaran, saya sendiri jg sedang mengerjakan proyek template, masbro akan saya kreditkan di template saya sbg apresiasi terima kasih.

pito aghilz mengatakan...

baru dapet ampe part 2 nih videonya... ada part 3-nya gak...??
kalau ada minta linknya gan....!!!
>> di tunggu

remo-xp.net mengatakan...

saya mendesain template blogspot dengan dreamwaver sudah selesai menghasilkan .html dan gambar dalam folder images ... bingung bagaimana ngeupload ke blogger, agar tema tersebut bisa di pake di blogspot saya.... apakah harus ada settingan atau langkah2 lagi??

gmana gan?? tau ngak caranya?

Posting Komentar

Kirimkan komentar yang berbobot untuk membangun kredibilitas anda, Komentar dengan link sampah/spam akan saya hapus.