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 Menggunakan Gambar Zlatan Ibrahimovic

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.

HTML

<div id="zlatan-menu">
<center>
<a href="http://www.seocips.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.seocips.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.seocips.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.seocips.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.seocips.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.seocips.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.seocips.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.seocips.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.seocips.com dengan link anda. Kamu juga bisa menggantinya gambar di menu ini dengan gambar saleb kesukaan kamu seperti Cristiano Ronaldo misalnya, tapi gambarnya juga harus di pecah/potong menjadi beberapa bagian seperti diatas. Ok, Silahkan kamu edit dan modif sesuka kamu.
0 Komentar untuk "Membuat Menu Blog Menggunakan Gambar Zlatan Ibrahimovic's"