Pada kesempatan kali ini saya akan share lagi template terbaru, yang saya namakan 'X-Zine RED Shadow Vol.2'. sebenarnya template saya kali ini sama dengan template yang kemarin saya share yaitu 'X-Zine Dark Shadow', hanya saya menambahkan beberapa fitur baru seperti : Recent Comment, widget Berlangganan Via Email, Tweet Update, Hover Image dan memakai warna Merah.! slebihnya coding dari template tetap sama, hanya membuat tampilan lebih beda aja sih :D. baiklah untuk contoh sobat bisa lihat gambar berikut.
Feature :
- Best Menu Lavalamp.
- Subscribe.
- Right Sidebar.
- Tabber.
- Tweet Update.
- 3 Column Footer.
- Custum Populart Post
- Threaded Comments Keren
- dll..
Nah Jika sobat menyukainya, silahkan follow my blog terlebih dahulu yah..!! dan dukung utta untuk trus berkreasi.!
Dan yang paling penting silahkan beri komentar anda mengenai template ini.trims
Setting Layer 'X-Zine RED Shadow Vol.2' Blogger Template:::
1. Setting Subscribe
Go to Layout > Edit HTML and find this code :
<div class='Networks'>
<h2>Belangganan Via E-Mail</h2>
<p style='text-align:center;'>Cukup Masukkan alamat email Anda untuk berlangganan blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 236 pengikut lainnya...!</p>
<div class='ut2a-emailbox'>
<form action='http://feedburner.google.com/fb/a/mailverify' 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'>
<table width='100%'>
<tr>
<td>
<input class='emailu' name='email' onblur='if (this.value == "") {this.value = "Enter your email here...";}' onfocus='if (this.value == "Enter your email here...") {this.value = "";}' type='text' value='Enter your email here...'/>
</td>
<td width='64px'>
<input class='submitu ut2ared' type='submit' value='Subscribe'/>
</td>
</tr>
</table>
<input name='uri' type='hidden' value='ut2a-4downnet'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
<p style='text-align:center;'><a href='http://feeds.feedburner.com/ut2a-4downnet'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/ut2a-4downnet?bg=D60000&fg=FFFFFF&anim=1&label=listeners' style='border:0' width='88'/></a></p>
2. Setting Menu Atas :
Go to Layout > Edit HTML and find this code :
<div class='lavalampv2_ut sepecialdark'>
<ul>
<li class='active'><a href='/'><span style='color:#eee;text-shadow:0 1px 0 #000;'>Home</span></a></li>
<li><a href='URL-HERE'>Forum</a></li>
<li><a href='/search?max-results=20'>Archive</a></li>
<li><a href='URL-HERE'>SiteMap</a></li>
<li><a href='URL-HERE'>Contact</a></li>
<li><a href='URL-HERE'>Link Exchange</a></li>
<li><a href='URL-HERE'>Guest Book</a></li>
</ul>
3. Setting Menu Bawah :
Go to Layout > Edit HTML and find this code :
<div id='akaUtdropdownmenu'>
<ul id='dropmenuaka'>
<li>
<a href=''>Dropdown »</a>
<ul>
<li><a href='#URL'>Sub Menu 1</a></li>
<li><a href='#URL'>Sub Menu 2</a></li>
</ul>
</li>
<li>
<a href=''>Dropdown 1 »</a>
<ul>
<li><a href='#URL'>Sub Menu 1.1</a></li>
<li><a href='#URL'>Sub Menu 1.2</a></li>
<li><a href='#URL'>Sub Menu 1.3</a></li>
</ul>
</li>
<li>
<a href=''>Dropdown 2 »</a>
<ul>
<li><a href='#URL'>Sub Menu 2.1</a></li>
<li><a href='#URL'>Sub Menu 2.2</a></li>
<li><a href='#URL'>Sub Menu 2.3</a></li>
<li><a href='#URL'>Sub Menu 2.4</a></li>
</ul>
</li>
<li>
<a href=''>Dropdown 3 »</a>
<ul>
<li><a href='#URL'>Sub Menu 3.1</a></li>
<li><a href='#URL'>Sub Menu 3.2</a></li>
<li><a href='#URL'>Sub Menu 3.3</a></li>
</ul>
</li>
<li>
<a href=''>Dropdown 4 »</a>
<ul>
<li><a href='#URL'>Sub Menu 4.1</a></li>
<li><a href='#URL'>Sub Menu 4.2</a></li>
<li><a href='#URL'>Sub Menu 4.3</a></li>
<li><a href='#URL'>Sub Menu 4.4</a></li>
</ul>
</li>
<li><a href='#URL'>Menu 1</a></li>
<li><a href='#URL'>Menu 2</a></li>
<li><a href='#URL'>Menu 3</a></li>
<li><a href='#URL'>Menu 4</a></li>
</ul>
4. Setting Recent Comments :
Go to Layout > Edit HTML and find this code :
<b:widget id='HTML50' locked='false' title='Recent' type='HTML'>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 6,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDryIxklzfZ4GZMmotdQsScMZ1ithh9iM1kVA4hD516BkxOHUiXxZwm179pbtFhZ34RtYZEEPgVO97UEHO4HHSns2Ob3JtAkMGM5rdsEbBj-VUS7kuiLuMvMc9yNLEj-D4MAEun5NZiGM/s320/gravatar_ut.png",
hideCredits = true;
maxfeeds=20,
adminBlog='';
//]]>
</script>
<script src='http://ut2a-4down-blogspot-com.googlecode.com/files/recentcom_noadmin_akaUTta.js' type='text/javascript'/>
<script type="text/javascript" src="http://ut2a-4down.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
5. Setting Tweet Update :
Go to Layout > Edit HTML and find this code :
<div class='tweet'>
<div id='tweets-bg'/>
<script src='http://twitter.com/statuses/user_timeline/uttakracker15.json?callback=twitterCallback2&count=2' type='text/javascript'/>
Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!
Post a Comment