Template Blogger

U-Special Dark Shadow Edition Template

Unknown 07:32 A+ A- Print Email

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/ut2a-4downnet'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6TalgMfThSBryP3-LmKd0Vhz_EP0FHmP1USj_V9I1ZOQ717mF7UQNsFDRmPm0SlaZqoDqMTs7QekN4KN8Yykgye8JZEI9600JNHPCUSrTrScKm7hEmBC-CoTSHm60mgnoPbvt5cXflwq/s800/005.png'/></a> <a href='http://feeds.feedburner.com/ut2a-4downnet' 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=ut2a-4downnet', '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='ut2a-4downnet'/><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/ut2a-4downnet'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/ut2a-4downnet?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/AVvXsEgRiADNiLD4WJcNABLJChigJ-QNLS1C2gTSbGBOw8Djaz-Hp4c53NSDvyMNv7oNiW8DpkGUSkgPVNA9BLDxfEWcNV32sVFiMIOKPGt2ANsifMcQ3-cFDJhfwWXi9d3btCcts26tFv-8TRE/s320/gravatar_aka.jpg",
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 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://ut2a-4down.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'>

<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://ut2a-4down.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.!

Post a Comment

Subscribe to: Post Comments (Atom)