Hi semua!
Excited nak launch template pertama yang Mai buat khas untuk followers blog www.noormaizan.com yang teringin nak pakai template dengan Chic Style yang simple tapi tetap cantik.
Udeanna Template |
VIEW | DOWNLOAD
Syarat-syarat :
1 - Like Fanpage 'Blog Mayy Jie'
2 - Dilarang menghapus / mengedit / memalsukan footer credit link. Hargailah karya orang lain, jika anda ingin dihargai.
3 - Template ini hanya untuk kegunaan sendiri, tidak dibenarkan menjual semula kepada orang lain.
Masuk ke Dashboard > Theme > Backup/Restore
Upload file 'Udeanna-FreebiesbyMai.xml' dan klik upload.
2 - Dilarang menghapus / mengedit / memalsukan footer credit link. Hargailah karya orang lain, jika anda ingin dihargai.
3 - Template ini hanya untuk kegunaan sendiri, tidak dibenarkan menjual semula kepada orang lain.
Cara Pasang Udeanna Template
Cara Upload Template UdeannaMasuk ke Dashboard > Theme > Backup/Restore
Upload file 'Udeanna-FreebiesbyMai.xml' dan klik upload.
Author
<center><img title="title text" src="http://78.media.tumblr.com/8069c49fa18705583fde675c5edce234/tumblr_oh5wkzonuj1r4xnm9o1_1280.jpg" alt="alt text" width="200" height="200" /><center>
<br />
<div style="text-align: center;">
For Collaboration, Contact Me At</div>
<div style="text-align: center;">
blogmayyjie@gmail.com</div>
<br />
<div id="socialicons">
<a class="icon" href="LINK" title="Follow with Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
<a class="icon" href="LINK" title="Follow with Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
<a class="icon" href="LINK" title="Follow with Instagram" target="_blank"><i class="fa fa-instagram"></i></a>
<a class="icon" href="mailto:LINK" title="Email Me" target="_blank"><i class="fa fa-envelope"></i></a>
</div></center></center>
Tukar :
Merah : Url Gambar
Biru : Ayat
Hitam : Link Laman Sosial
Menu
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:200px;
text align:center;
list-style-type: ;
font: 15px Open Sans Condensed;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000 /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #333;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script><center>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK">HOME</a></li>
<li><a href="LINK">ABOUT ME</a></li>
<li><a href="LINK">TUKA</a></li>
<li><a href="LINK">DISCLAIMER</a></li>
</ul>
</div></center>
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:200px;
text align:center;
list-style-type: ;
font: 15px Open Sans Condensed;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000 /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #333;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script><center>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK">HOME</a></li>
<li><a href="LINK">ABOUT ME</a></li>
<li><a href="LINK">TUKA</a></li>
<li><a href="LINK">DISCLAIMER</a></li>
</ul>
</div></center>
Related Post
Follow
17 Comments
nice :)
ReplyDeleteMenarik dan simple ye.saya suka
ReplyDeleteTerima kasih untuk pendapat. :)
DeleteTengok nama template terus teringat Udin huhu
ReplyDeleteHahaha of course inspire by Udin. kehkehkeh. Pandaiiiiiinya awak ni!
Deletenice
ReplyDeleteHihihi, template akak dh cantik la..
ReplyDeleteThanks semua :)
ReplyDeleteWah! Serius cantik Mai. Mai ni mengoda akak... Akak memang sensitif sikit bab2 template ni. Hehe...
ReplyDeletecantik. tp xboleh guna lagi. hehehe tunggu dah bosan denganyang ini baru kite guna template kakak ^_^
ReplyDeleteCantik..tp saya baru je tukar template, keep on sharing Mai :)
ReplyDeleteSangat cantik dan simple. Macam teringin nak pakai tapi belum ada masa nak tweak coding lagi. Kalau saya jadi guna nanti saya inform ^^
ReplyDeleterabia guna ni
ReplyDeleterabia guna template ni
ReplyDeletehehe...dedicated utk Udin yee..simple n nice
ReplyDeleteHeee,betul U|M[O-
DeleteUmi* haha anak buah kacau tgh type, adoi.
Delete