Assalamu Alaikum Wr.Wb.
Pada kesempatan kali ini saya akan share lagi template terbaru, yang saya namakan U-Special Dark Shadow Edition. template ini sama dengan tema yang saya gunakan sekarang, saya sengaja membuat replikanya, karena saya berencna untuk beralih ke mode "BLOGZINE", yaa ngitung2 buat koleksi deh.hohooo,.. baiklah untuk contoh sobat bisa lihat gambar berikut.

Feature :
- Best Menu Lavalamp.
- Subscribe.
- Right Sidebar.
- Tabber.
- Tweet Update.
- Pagenavigation.
- 3 Column Footer.
- Toggle footer (jQuery).
- Slide Guest Book.
- 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 U-Special Dark Shadow Edition Blogger Template:::
1. Setting Subscribe
Go to Layout > Edit HTML and find this code :
<div id=subscribeaka>
<div class=feedatas>
<div class=rss>
<p>Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 245 pengikut lainnya...!</p>
<div style=font:normal 13px Oswald;><a href=http://feeds.feedburner.com/net><img src=http://lh3.ggpht.com/_15FopxVONSo/TCXI_jBHdlI/AAAAAAAADPY/Rh5cFsxiV4A/s800/005.png/></a> <a href=http://feeds.feedburner.com/net style=color:#0089e0; target=_blank>GET UPDATE VIA RSS</a></div>
</div>
<form action=http://feedburner.google.com/fb/a/mailverify method=post onsubmit=window.open('http://feedburner.google.com/fb/a/mailverify?uri=net', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true target=popupwindow><input class=input 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.../>
<input name=uri type=hidden value=net/><input name=loc type=hidden value=en_US/><input class=sbutton type=submit value=Subscribe/></form>
</div>
<br/>
<br/>
<p><a href=http://feeds.feedburner.com/net><img alt= height=26 src=http://feeds.feedburner.com/~fc/net?bg=0099FF&fg=FFFFFF&anim=1&label=listeners style=border:0 width=88/></a></p>
</div>
2. Setting Menu Lavalamp :
Go to Layout > Edit HTML and find this code :
<div class=lavalampv2_ut sepecialdark>
<ul>
<li class=active><a href=/><span style=color:#0089e0;text-shadow:0 0 2px #0089e0;>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=#bukuutta id=link-bukuutta><span style=color:#A50000 !important;text-shadow:0 0 2px #A50000;>Guest Book</span></a></li>
</ul>
3. Setting Menu Dropdown :
Go to Layout > Edit HTML and find this code :
<ul id=menu>
<li><a href=# title=Click>Drop Down 1</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 1.1</a></li>
<li><a href=URL-HERE>Sub-Menu 1.2</a></li>
<li><a href=URL-HERE>Sub-Menu 1.3</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 2</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 2.1</a></li>
<li><a href=URL-HERE>Sub-Menu 2.2</a></li>
<li><a href=URL-HERE>Sub-Menu 2.3</a></li>
<li><a href=URL-HERE>Sub-Menu 2.4</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 3</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 3.1</a></li>
<li><a href=URL-HERE>Sub-Menu 3.2</a></li>
<li><a href=URL-HERE>Sub-Menu 3.3</a></li>
<li><a href=URL-HERE>Sub-Menu 3.4</a></li>
<li><a href=URL-HERE>Sub-Menu 3.5</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 4</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 4.1</a></li>
<li><a href=URL-HERE>Sub-Menu 4.2</a></li>
<li><a href=URL-HERE>Sub-Menu 4.3</a></li>
<li><a href=URL-HERE>Sub-Menu 4.4</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 5</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 5.1</a></li>
<li><a href=URL-HERE>Sub-Menu 5.2</a></li>
<li><a href=URL-HERE>Sub-Menu 5.3</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 6</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 6.1</a></li>
<li><a href=URL-HERE>Sub-Menu 6.2</a></li>
<li><a href=URL-HERE>Sub-Menu 6.3</a></li>
<li><a href=URL-HERE>Sub-Menu 6.4</a></li>
<li><a href=URL-HERE>Sub-Menu 6.5</a></li>
<li><a href=URL-HERE>Sub-Menu 6.6</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 7</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 7.1</a></li>
<li><a href=URL-HERE>Sub-Menu 7.2</a></li>
<li><a href=URL-HERE>Sub-Menu 7.3</a></li>
<li><a href=URL-HERE>Sub-Menu 7.4</a></li>
<li><a href=URL-HERE>Sub-Menu 7.5</a></li>
<li><a href=URL-HERE>Sub-Menu 7.6</a></li>
<li><a href=URL-HERE>Sub-Menu 7.7</a></li>
<li><a href=URL-HERE>Sub-Menu 7.8</a></li>
</ul>
</li>
<li><a href=# title=Click>Drop Down 8</a>
<ul class=submenu>
<li><a href=URL-HERE>Sub-Menu 8.1</a></li>
<li><a href=URL-HERE>Sub-Menu 8.2</a></li>
<li><a href=URL-HERE>Sub-Menu 8.3</a></li>
<li><a href=URL-HERE>Sub-Menu 8.4</a></li>
</ul>
</li>
</ul>
4. Setting Recent Comments :
Go to Layout > Edit HTML and find this code :
<b:widget id=HTML51 locked=false title=Komentar Sahabat type=HTML>
<script type=text/javascript>
//<![CDATA[
// Recent Comments Settings
var
numComments = 20,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ84ur2OVzWJzVZrg1mvd3ZPW0thtms4kfjYJdagoIF1Zc2vmsg7SPqSCw5J-jzaq48lycIU2b1KrsLAYX_I6S_HRTHDXR3B0E8AVgQjzV78Uc-IwuQqdtvutU0m9mKU7y6AUAIBd2spE/s320/gravatar_aka.jpg",
hideCredits = true;
maxfeeds=20,
adminBlog=;
//]]>
</script>
<script src=http://-blogspot-com.googlecode.com/files/recentcom_noadmin_akaUTta.js type=text/javascript/>
<script type="text/javascript" src="http://.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
5. Setting Recent Posts :
Go to Layout > Edit HTML and find this code :
<b:widget id=HTML52 locked=false title=Artikel Terbaru type=HTML>
<script>var numposts = 20; var showpostdate = false; var readmore = false; var showpostsummary = false; var numchars = 100; </script><script src="http://.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>
6. Setting Tweet Update :
Go to Layout > Edit HTML and find this code :
<b:widget id=HTML53 locked=true title=Tweet Update type=HTML>
<b:includable id=main>
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/><div class=tweetuttaji>
<li><a class=akatweet href=http://twitter.com/#!/uttakracker15 target=_blank title=Follow me on Twitter/></li></div></h2>
</b:if>
<div class=widget-content>
<script type='text/javascript'>
getTwitters('twitters', {
id: 'uttakracker15',
clearContents: true,
count: 5,
withFriends: true,
ignoreReplies: false,
template: '<span class="prefix"><img height="17" width="17" src="%user_profile_image_url%" /> <a href="http://twitter.com/%user_screen_name%">%user_name%</a> said: </span> <span class="status">"%text%"</span> <span class="time"><a href="http://twitter.com/%user_screen_name%/statuses/%id_str%">%time%</a></span>'
});
</script>
7. Setting Threaded Comments (Replay) :
Go to Layout > Edit HTML and find this code :
<a expr:href="https://www.blogger.com/comment.g?blogID=6306020181878613933
NB::>>
Silahkan sobat ganti ID diatas dengan ID Blog sobat:

8. Setting Your Guest Book (Buku Tamu) :
Go to Layout > Edit HTML and find this code :
<div class=slidenyautta id=bukuutta>
<br/>
<br/>
<center><table cellpadding=10 cellspacing=10><tbody><tr>
<td align=justify valign=top width=auto>
<div style=background:none repeat scroll 0 0 rgba(0,137,224,0.70);border:1px solid #0089E0;box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;-moz-box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;-webkit-box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;color:white;font-family:Terminal Dosis Light;font-size:15px;font-weight:bold;margin:0 0 10px 2px;padding:5px 1px;text-align:center;width:99%>
Guest Book <a href=http://.blogspot.com/>UT24-WEB.INFO</a> Silahkan Tinggalkan Jejak Disini, Tapi Ingat Jagalah Kesopanan...!!</div>
<div class=star style=background:none repeat scroll 0 0 #fff;border:1px solid #fff;box-shadow:0 0 5px #000 inset,0px 0 3px #000;-moz-box-shadow:0 0 5px #000 inset,0px 0 3px #000;-webkit-box-shadow:0 0 5px #000 inset,0px 0 3px #000;margin:0 0 0 2px;padding:10px 1px;width:99%>
<div id=cboxdiv style=text-align:center;line-height:0>
<div><iframe allowtransparency=yes frameborder=0 height=340 id=cboxmain5-686094 marginheight=2 marginwidth=2 name=cboxmain5-686094 scrolling=auto src=http://www5.cbox.ws/box/?boxid=686094&boxtag=55rxsq&sec=main width=950/></div>
<div><iframe allowtransparency=yes frameborder=0 height=90 id=cboxform5-686094 marginheight=2 marginwidth=2 name=cboxform5-686094 scrolling=no src=http://www5.cbox.ws/box/?boxid=686094&boxtag=55rxsq&sec=form width=400/></div>
</div>
</div>
<div style=background:none repeat scroll 0 0 rgba(0,137,224,0.60);border:1px solid #0089E0;box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;-moz-box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;-webkit-box-shadow:0 0 3px #0089E0,0 0 6px #0089E0,0 0 9px #0089E0;color:white;font-family:Terminal Dosis Light;font-size:15px;font-weight:bold;margin:10px 0 0 2px;padding:5px 1px;text-align:center;width:99%>
.:: Happy Blogging ::.</div>
</td>
</tr></tbody></table></center>
<ul id=navigationslide>
<li><a href=#close id=link-close>Click here to close</a></li></ul>
<div style=clear:both;/>
</div>
NB::>>
Teks yang berwarna kuning diatas adalah script dari Buku tamu milik saya, silahkan sobat ganti dengan script buku tamu masing-masing.
Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!
0 komentar:
Posting Komentar