<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js?ver=3.2.1' type='text/javascript'/>
<script src='https://mycodewebsite.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='https://mycodewebsite.googlecode.com/files/animated-menu.js' type='text/javascript'/>
7. Pergi ke blogger dan klik Layout
8. Klik Tambah Gadget dan pilih "HTML / Javascript"
9. Paste kode di bawah ini.
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}
p{
padding:0px 5px;
}
.subtext{
padding-top:15px;
}
/*Menu Color Classes*/
.green{background:#6AA63B url('http://3.bp.blogspot.com/-3cLBeUu-1R0/UTgpxWnSwKI/AAAAAAAAHIk/2h3-L7TZ_gw/s1600/btrix_green-item-bg.jpg') top left no-repeat;}
.yellow{background:#FBC700 url('http://4.bp.blogspot.com/-EzBNw2YVc7Q/UTgpxf566uI/AAAAAAAAHIo/Sob7Coasfr8/s1600/btrix_purple-item-bg.jpg') top left no-repeat;}
.red{background:#D52100 url('http://3.bp.blogspot.com/-12cl-ExmtYQ/UTgpyR2j_4I/AAAAAAAAHIs/aGoTV2vhII8/s1600/btrix_red-item-bg.jpg') top left no-repeat;}
.purple{background:#5122B4 url('http://1.bp.blogspot.com/-j-GJUBRUWOE/UTgpxW6-ETI/AAAAAAAAHIw/TPHf5UHYokI/s1600/btrix_blue-item-bg.jpg') top left no-repeat;}
.blue{background:#0292C0 url('http://1.bp.blogspot.com/-c-QpLECnz4c/UTgpyg_c_LI/AAAAAAAAHJA/2CxSN50MOiA/s1600/btrix_yellow-item-bg.jpg') top left no-repeat;}
</style>
<ul>
<li style="overflow: hidden; height: 50px; display: block;" class="green">
<p><a href="#">Home</a></p>
<p class="subtext">The front page</p>
</li>
<li style="overflow: hidden; height: 48px; display: block;" class="yellow">
<p><a href="#">About</a></p>
<p class="subtext">More info</p>
</li>
<li style="overflow: hidden; height: 50px; display: block;" class="red">
<p><a href="#">Contact</a></p>
<p class="subtext">Get in touch</p>
</li>
<li style="overflow: hidden; height: 50px; display: block;" class="blue">
<p><a href="#">Submit</a></p>
<p class="subtext">Send us your stuff!</p>
</li>
<li style="overflow: hidden; height: 50px; display: block;" class="purple">
<p><a href="#">Terms</a></p>
<p class="subtext">Legal things</p>
</li>
</ul>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6444047-1");
pageTracker._trackPageview();
} catch(err) {}</script>
Informations :
Ganti tanda # Link kamu.
10. Sekarang menyimpan HTML / Javascript '.
Sekian dulu tentang Artikel Memasang Menu Bar jQuery Efek Bouncing Keren untuk Blogger semoga artikel di atas dapat membantu anda, dan bermanfaat bagi anda.sumber
0 komentar:
Posting Komentar