Menu yang ini nih
Cara bikinnya:
- Tentu saja log in dulu ke blogger.
- Kalo udah nyampe dashboard, pilih menu “tata letak”. Kayak gambar di bawah nih.
- Abis itu klik “tambah gadget”. Terserah link tambah gadget mana yang akan dilipih. Yap, contohnya gambar di bawah.
- Lalu pilih “HTML/JavaScript”
- Untuk judulnya terserah mau diisi apa, kalau kayak contoh di atas itu dikosongin judulnya.
- Nah, kontennya diisi kode HTML. Sebenarnya di sini juga bebas mau diisi kode HTML apa aja. Tapi untuk contoh di atas, berikut kodenya.
<font face="covered by your
grace" size=5>
<img
src="http://oi47.tinypic.com/nysgmo.jpg" height="35"
width="35" />
<a
href="http://say-nisa.blogspot.com">
Home
</a><br />
<img
src="http://oi48.tinypic.com/34zx10g.jpg" haight="30"
width="30" />
<a
href="http://say-nisa.blogspot.com/2012/10/kamu-mau-memanggilku-apa.html"
target="_blank">
Call me
</a><br />
<img
src="http://oi49.tinypic.com/33z5hd2.jpg" width="30"
height="30" />
<a
href="http://twitter.com/sayyidatunnisa"
target="_blank">
My twitter
</a><br />
<img
src="http://i49.tinypic.com/2mxq51d.png" border="0"
alt="Image and video hosting by TinyPic" width="27"
height="27" />
<a
href="http://facebook.com/sayynisa" target="_blank">
My facebook
</a><br />
<img
src="http://oi50.tinypic.com/16k4ygh.jpg" width="30"
height="30" />
<a
href="http://say-nisa.blogspot.com/2012/11/blog.html"
target="_blank">
About this blog
</a>
</font>
Penjelasannya di sini:
Sebagai contoh aku ambil yang menu twitter.
<img src="http://oi49.tinypic.com/33z5hd2.jpg" width="30"
height="30" />
<a href="http://twitter.com/sayyidatunnisa" target="_blank">
My twitter
</a><br />
·
Bagian yellow highlighted adalah
url icon twitter.
·
Width dan height adalah
ukuran gambar icon.
·
Bagian dengan green highlighted
adalah url yang akan dituju.
·
Bagian blue highlighted
yaitu fungsi untuk membuka web yang dituju di new tab.
·
“My twitter” adalah teks
sebagai link.
·
</a> adalah pasangan
atribut <a href>
· <br> untuk ganti
baris atau enter.
Untuk menu yang lain
sebagaimana manu twitter.
Oh iya, kode HTML yang
paling ada itu ada
<font face="covered by your grace"
size=5>
Font
face adalah atribut untuk jenis font yang digunakan, sedangkan size adalah
ukuran font nya. Dan paling akhir itu ada
</font>
adalah pasangan atribut <font>
Oh iya, jangan lupa klik simpan kalau udah. Dan jadi deh...
0 comments:
Post a Comment