Pada kesempatan kali ini saya akan share template terbaru, yang saya namakan 'IR-AKAZINE', oia curhat dikit yah,. jadi saya sngaja memberi awalan nama template saya 'IR' karena it nma orang yang special dalam hidup saya, stidaknya bisa diingat lah.hehee,..
Baiklah Template saya kali ini sangat berbeda dari template2 sy sebelumnya, krn ini pertma klinya saya mendesign template yang berukuran besar mksudnya lebar template ini 960, sdangkan template2 saya yang lalu2 cm rata2 860. nah disamping it, template ini memiliki tampilan yang elegan. semoga diantra sobat2 tertarik dgn template IR-AKAZINE ini. :D
Feature :
- Sweet Menu
- Right Sidebar
- 3 Kolom Footer
- Animasi Zommer
- Custum Populart Post
- Threaded Comments Keren
- Gallery Image Slider
- dll.
Nah Jika sobat menyukainya, silahkan follow my blog terlebih dahulu yah..!! dan dukung utta untuk trus berkreasi.!
dan silahkan beri komentar anda mengenai template utta ini.trims
Setting Layer Blue Blogger Template:::
1. Setting Menu
Go to Layout > Edit HTML and find this code :
<div id='default'>
<a href='/' id='default_home'>Home</a>
<a href='https://www.facebook.com/uttamelanikz' id='default_about' target='_blank'>About</a>
<a href='#' id='default_services' target='_blank'>Services</a>
<a href='#' id='default_contact' target='_blank'>Contact</a>
</div>
And
<div class='bottommenu-akautta'>
<ul id='panelthree'>
<li class='mask'>LOOK MENU</li>
<li class='linkAnimationOne'><a href='#'>CSS</a></li>
<li class='linkAnimationTwo'><a href='#'>SEO</a></li>
<li class='linkAnimationThree'><a href='#'>jQUERY</a></li>
<li class='linkAnimationFour'><a href='#'>WIDGET</a></li>
<li class='linkAnimationFive'><a href='#'>TEMPLATE</a></li>
<li class='linkAnimationSix'><a href='#'>INFO UNIQX</a></li>
<li class='linkAnimationSeven'><a href='#'>LINK EXC...</a></li>
<li class='linkAnimationaka'><a href='#'>STREAMING</a></li>
<li class='linkAnimationaka1'><a href='#'>GUEST BOOKS</a></li>
</ul>
</div>
Change red color with your link and title..
2. Setting Gallery Image :
Go to Layout > Edit HTML and find this code :
<div id='background'>
<!-- Featured Content Slider Started -->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='slide'>
<div id='gallerycover'>
<ul>
<!-- Featured Slide 1 Code Start -->
<li>
<a href='LINK-HERE-1'>
<img class='slidim' src='http://picturestack.com/421/22/UhrslideruttamKw.jpg'/>
<span>
<p>Your descriptions feature slide image here, please replace these with your own descriptions! Creative design akaUTta visit me : www.ut2-4down.blogspot.com[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 1 Code End -->
<!-- Featured Slide 2 Code Start -->
<li>
<a href='LINK-HERE-2'>
<img class='slidim' src='http://picturestack.com/421/58/gZHslideruttaAZJ.jpg'/>
<span>
<p>Your descriptions feature slide image here, please replace these with your own descriptions! Creative design akaUTta visit me : www.ut2-4down.blogspot.com[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 2 Code End -->
<!-- Featured Slide 3 Code Start -->
<li>
<a href='LINK-HERE-3'>
<img class='slidim' src='http://picturestack.com/421/91/Q13slideruttaMGC.jpg'/>
<span>
<p>Your descriptions feature slide image here, please replace these with your own descriptions! Creative design akaUTta visit me : www.ut2-4down.blogspot.com[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 3 Code End -->
<!-- Featured Slide 4 Code Start -->
<li>
<a href='LINK-HERE-4'>
<img class='slidim' src='http://picturestack.com/421/186/pxoslideruttaeOd.jpg'/>
<span>
<p>Your descriptions feature slide image here, please replace these with your own descriptions! Creative design akaUTta visit me : www.ut2-4down.blogspot.com[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 4 Code End -->
<!-- Featured Slide 5 Code Start -->
<li>
<a href='LINK-HERE-5'>
<img class='slidim' src='http://picturestack.com/421/162/Dz3slideruttaKxT.png'/>
<span>
<p>Your descriptions feature slide image here, please replace these with your own descriptions! Creative design akaUTta visit me : www.ut2-4down.blogspot.com[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 5 Code End -->
</ul>
</div>
</div>
</b:if></b:if>
3. Setting Subcribe to Email and Twitter :
Go to Layout > Edit HTML and find this code :
<b:widget id='HTML15' locked='false' title='Subscribe To Us' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='sub-box' id='socialbookmark'>
<ul>
<li><a class='tooltip' href='http://www.facebook.com/uttamelanikz' rel='nofollow' target='_new' title='Find me On Facebook'><img alt='Facebook' src='http://2.bp.blogspot.com/-g3-LDmUu7hI/T2X3d3k7cYI/AAAAAAAABMY/oBM9HzXfyRw/s1600/facebook.png'/></a><br/>Facebook</li>
<li><a class='tooltip' href='https://twitter.com/uttakracker15' rel='nofollow' target='_new' title='Follow me On Twitter'><img alt='Twitter' src='http://1.bp.blogspot.com/-LrgUE4P20cs/T2X3fbQWOqI/AAAAAAAABMo/4OHiU4aunbc/s1600/twitter.png'/></a><br/>Twitter</li>
<li><a class='tooltip' href='/feeds/posts/default' rel='nofollow' target='_new' title='Subscribe RSS Feed'><img alt='Subscribe RSS' src='http://3.bp.blogspot.com/-lXWmbWyrFF4/T2X3esEPFfI/AAAAAAAABMc/7gPWA9scsxA/s1600/rss.png'/></a><br/>RSS</li>
<li class='last'><a class='tooltip' href='https://plus.google.com/112804133967399358173' rel='nofollow' target='_new' title='Join on Google+'><img alt='Google+' src='http://3.bp.blogspot.com/-iSYFrJgyTJo/T2X20L-32xI/AAAAAAAABMQ/bcFXbl5vYx4/s1600/google+.png'/></a><br/>Google+</li>
</ul><br class='clear'/>
<div id='socialbookmarkbottom'>
</div>
<div style='text-align: left; display: inline-block;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ut2a-4downnet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='ut2a-4downnet'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailtext' id='email' name='email' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width: 123px; font-size: 12px;' type='text' value='Enter Your Email here..'/>
<input al='' class='ebutton' title='' type='submit' value='Subscribe'/>
</form>
</div>
</div>
<div class='clear'/>
<data:content/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!
Posting Komentar