Berkreasi pada Navigasi Menu agar tampil melayang

Melanjutkan Artikel saya sebelumnya yaitu Navigasi Menu Blogbego gaya punya, sekarang yang akan saya share-kan sama kawan yaitu Berkreasi pada Navigasi Menu blogbego gaya punya biar tampil melayang, melayang lagi - melayang lagi [ya untuk menghemat tempat disamping tampilan blog biar jangan menoton], :r   kalau kawan  tertarik silahkan lanjutkan untuk membaca sampai tuntas  :s  

Kawan masih ingat dengan artikel saya tentang cara membuat elemen melayang di tempat :@   itulah yang akan saya kombinasikan dengan Navigasi Menu sekarang, yang cara pembuatannya disesuaikan dan lebih simpel [tidak perlu menambah css pada template cukup kode pada HTML sebelumnya] :z

Kawan pasti akan bertanya, apakah tidak memberatkan blog - jawabannya sudah tentu pasti, karena apapun yang kita tambahkan pada template [Blog] sudah pasti memberatkan, :# kalau boleh saya bertanya : Adakah  Css, JavaScript, HTML atau yang lainnya tanpa memberatkan loading blog ?  jawabannya sudah pasti, semuanya memberatkan ! :d  

Okey kawan, mari langsung saja ke Cara pembuatannya : 

• Kawan cukup menambahkan kode berikut pada setiap elemen yang akan kawan bikin melayang dan ditutup dengan </div>  Nah gampang kan.

<div style="position: fixed; top: 30px; left: 20px; cursor: pointer; opacity: 1;" title="Beranda">  

• Kawan cukup mengganti text yang saya beri warna merah [disesuaikan] dengan keinginan kawan, sebagai gambaran kawan saya berikan contoh : 

1. fixed; top: 30px; left: 20px; dan title="Beranda" - artinya elemen tersebut berada di sudut kiri atas dengan title Beranda / Home atau apalah namanya
2. Untuk menambahkan elemen berikutnya kawan cukup menyesesuaikan [mau yang berjejer ke kanan atau berjejer menurun] kawan tinggal mengganti nilainya, dan text tittle disesuaikan dengan Link elemen tersebut

Konkritnya saya kasi contoh di blog ini saja :

• Posisi di Kiri atas berjejer menurun : 

<div style="position: fixed; top: 30px; left: 20px; cursor: pointer; opacity: 1;" title="Beranda">

<li><a href='http://tips-blogbego.blogspot.com'> 

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0TiRFo8DymVOqQ8CyMguGMAqOmpRGnnNq3Dy0-gUR6IkX9G9m-IYyLIIBNRZBRYKdEcAqo86cyS1-uExK_AOavwWzainTY8V7h2u2cpSN0FFONTIaSzGSb2ll4qD1S1-Q1T1SxR9usPdS/s1600/Home%253D.png" /></a></li></div> 

<div style="position: fixed; top: 110px; left: 20px; cursor: pointer; opacity: 1;" title="Siapa Saya">

<li><a href='http://tips-blogbego.blogspot.com/2010/05/siapa-saya.html'  target="_blank">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeh63ArHtBye5WV_BFXcRe6VMM0rXPunf7x5rCVejVeTKufJob-itFTBs11ziAfaV_lT3btoNWWNOTKk2DjcSThJQ61lGrDWFQU318iAXW0ApqjwOyHh44Blnu__zIArJeQYLoLv3-Cn4M/s1600/Profil-.png" /></a></li></div>

•  Begitu juga untuk menempatkan elemen ini  di tempat lain [misalnya kanan, kiri, atas, bawah], kawan cukup mengganti  : top / bottom atau left / right  dan angka / nilainya yang memakai ukuran pixel [px] nya saja 
• Kalau kawan mau berkreasi, kode tersebut tidak hanya untuk Navigasi Menu saja....!!!  :#