[TUTORIAL] Cara membuat template blogspot

gelar tiker ah mastah

 

ninggalin jejak dulu aaah,...
btw masukin juga yah conditional tag, id n class css yg digunaiin di blogger.
pengen belajar,..

 

Makasih gan, lumayan buat optimasi blogspot biar keren wkwk

 

gelar tiker, ngabuburit dimari ah...
thanks mastah

 

ijin nyoba gan....menuju tekape

 

boleh d coba, , ,

 

bikinnya bisa pake notepad atau text editor lain, atau bisa langsung di editornya blogger.
berhubung tutorialnya TS ini adalah yg template classic (kalau dilihat dari template blanknya TS) maka blogspotnya hrs di set ke template classic.

 

ikut nyimak, setahuku klo template yang TS buat ini itu moder HTML 5, klo classic tag bloggernya beda .. maaf klo salah, masih pemula

 

ikutan nyimak jg ya masbro

 

Mantabb neh mastah, kebetulan ane juga mau belajar bikin theme blogspot biar ga kembaran ama yg laen..hehe....

 

jempol meluncur mastah

 

Menunggu kelanjutannya Gan

 

Wah, bermanfaat sekali ni om bos, tutorialnya

Subscribed!!


Sent from my iPhone using Tapatalk

 

Ninggalin jejak.. penting nih

 

newbie numpang duduk mastah...ijin nyimak

 

belum komplit bener gan

moga cepet ya gan updetnya

 

Membut menu Horizontal
sory baru bisa dilanjutkan soale kemarin lagi ada order
oke skarang kita lanjutkan cara bikin menu navigasi pastikan sudah ikuti caranya dari awal biar gak bingung
Setelah Kemarin Kita membahas tentang Style header dan logo kini kita lanjutkan ke bagian menu navigasi

menu navigasi berfungsi untuk menunjukan kepada pengunjung agar lebih mudah apa yang mereka cari, biasanya menu di tujukan untuk menampilkan kategory artikel atau artikel penting yang terdapat pada blog misalnya Home about, contact us dan lainya.

oke langsung saja kita buat stylenya, Cari kode berikut :

Code:

]]></b:skin>

kemudian copy code berikut ini diatasnya:

Code:

#menu-wrapper{background: #558701;margin:0 auto;text-align: left;color:#fff;width:900px;height:30px;}
#menu,#menu  ul{list-style-type:none;list-style:none;position:relative;text-align:left;font-size:12px;font-family:Arial;font-weight:bold;padding:0px  1px;}
#menu  a{height:24px;display:block;color:#fff;text-decoration:none;background:none;padding:5px  6px 1px 6px;border-right:1px solid #fff;}
#menu a:hover{ color:#000;}
#menu li{float:left;position:relative;padding:0px 0px}

kemudian kita akan buat kode HTML nya, cari kode ini :

Code:

<section id='mainwrap'>

kemudan copy kode ini diatasnya :

Code:

<div id='menu-wrapper'>
<ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='/'>About</a></li>
<li><a href='/'>Contact Us</a></li>
<li><a href='/'>Edit sendiri ya gan</a></li>
</ul>
</div>

Save dan lihat hasilnya
sampe sini dulu tutorialnya besok kita lanjut lagi ya gan

 

Mas ^
Kalau mau mengetengahkan menu horizontal tanpa mendefinisikan lebar "UL" gimana ya. Navigasi pada umumnya kan rata-rata ada dikiri, sedangkan ul tidak bisa menggunakan property margin:0 auto, belum lagi tidak ada property float:center kan? Jadi gimana?

 

wih mantap om, penjelasannya jelas dan mudah dimengerti
thanx udah share

 

gelar tiker dl
mw blajar lg HTML
hhe