Membuat Menu Pribadi - Tugas TIK

Yap, sebagaimana postingan sebelumnya, ini adalah tugas ICT. Nah kan kami harus posting cara bikin widget di  blogger. Jadi aku mau ngepost cara bikin menu pake HTML.
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

My Instagram