Membuat menu blog menggunakan gambar Zlatan Ibrahimovic

HaiSob apa kabar? Menu Blog berikut ini berbeda dengan menu-menu blog yang telah di bagikan sebelumnya, karna kita akan membuatnya dari gambar pesepak bola top Zlatan Ibrahimovic. Menu Blog seperti ini benar-benar unik karena lain dari menu blog biasanya.

Menu Blog seperti ini bisa digunakan untuk situs-situs yang memuat konten tentang selebriti atau situs pribadi kamu, situs web portofolio, tergantung juga jika anda tertarik ingin memasangnya disitus seperti apa. Untuk blog seperti saya, menu standar adalah pilihan terbaik karena kita harus memberikan pengunjung kita pengalaman pengguna yang lebih baik.

Menu Blog Menggunakan Gambar Zlatan Ibrahimovic
Menu Blog Menggunakan Gambar Zlatan Ibrahimovic


HTML

<div id="zlatan-menu">
<center>
<a href="http://www.haisob.com" target="_blank"  ><img title="HomePage" class="masterTooltip" id="one" src="http://1.bp.blogspot.com/-TSRr4K1fsEs/VfgEQc1dmVI/AAAAAAAAFK4/buPCXEvTiQY/s1600/zlatan-menu-1.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="About Zlatan" class="masterTooltip" id="two" src="http://2.bp.blogspot.com/-SpXQ8TT_bMM/VfgERb5PGvI/AAAAAAAAFLI/dseRG560KGY/s1600/zlatan-menu-2.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="His Skills" class="masterTooltip" id="three" src="http://3.bp.blogspot.com/-4W22j4J9tHY/VfgEQp9QVtI/AAAAAAAAFK8/3h1N0HWuoZo/s1600/zlatan-menu-3.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="His Career"  class="masterTooltip"id="four" src="http://3.bp.blogspot.com/-2eznjodMfVM/VfgER2nRUeI/AAAAAAAAFLM/IVoOUV7S2Xc/s1600/zlatan-menu-4.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="His Background"  class="masterTooltip"id="five" src="http://2.bp.blogspot.com/-G6MzD_8MiNo/VfgESMHxTXI/AAAAAAAAFLU/mrAvFsfJP3o/s1600/zlatan-menu-5.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="Top Goals Of All Time" class="masterTooltip" id="six" src="http://3.bp.blogspot.com/-JMgFflpXeqA/VfgESVjmAEI/AAAAAAAAFLc/Sn9_b6tcU8c/s1600/zlatan-menu-6.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="His Skills" class="masterTooltip" id="seven" src="http://2.bp.blogspot.com/-GOaGskjhOxQ/VfgESkzS5_I/AAAAAAAAFLg/O1XVtL8-BLk/s1600/zlatan-menu-7.png" /></a>
<a href="http://www.haisob.com" target="_blank" ><img title="Current Team" class="masterTooltip" id="eight" src="http://3.bp.blogspot.com/-RHtBOj2rCRw/VfgESzc4gcI/AAAAAAAAFLs/kouxhFEring/s1600/zlatan-menu-8.png" /></a>
</center>
</div>

CSS

#one {
  position: relative;
  top: -180px;
  right: -300px;
  z-index: 100;
}
#two {
  position: relative;
  top: 76px;
  right: -130px;
  z-index: 99;
}
#three {
  position: relative;
  top: 100px;
  left: -350px;
  z-index: 100;
}
#four {
  position: relative;
  top: 14px;
  left: -118px;
  z-index: 101;
}
#five {
  position: relative;
  top: 215px;
  left: -418px;
  z-index: 100;
}
#six {
  position: relative;
  top: 125px;
  right: -70px;
  z-index: 101;
}
#seven {
  position: relative;
  top: 132px;
  right: -27px;
  z-index: 100;
}
#eight {
  position: relative;
  top: 100px;
  left: -450px;
}


Jika sobat ingin mencobanya jangan lupa ganti link www.haisob.com dengan link bog kamu. Kamu juga bisa menggantinya gambar di menu ini dengan gambar saleb kesukaan kamu seperti Cristiano Ronaldo misalnya, tapi gambarnya juga harus dipotong menjadi beberapa bagian seperti diatas. Ok, Silahkan kamu edit dan modif sesuka kamu.
Join This Site