U-Special Dark Shadow Edition Template

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:::


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/AVvXsEhhYUoZiQQ1c4dBr97SFxxBiYY9yNBoaoEwZ93TNPxC-QFpV3fW82nwglvbFN0ibHpcvKuK3lTHYAKXpK2CBzaFKOsFHqW5VWEk8PKFVDkflY1dsQfP-g1XnHOqBfhBGIjgs5mS6LDNvUzf/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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ut2a-4downnet&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email here...&quot;;}' onfocus='if (this.value == &quot;Enter your email here...&quot;) {this.value = &quot;&quot;;}' 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&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></p>
</div>

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>

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>

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/AVvXsEiHZ1deGT7uO2izYG-xdOKnIEWSzCmyrJS8YXGopz3OndllT8KG7JIJZ39G7T9XRuaIk0sNtNkF99tcdrKVFDXUyeKbvA8cIucF1vOtmV6_mHcoA2Wd-R0TTa39weX2nK70Z5KuGK5UqiA/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'/>
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ut2a-4down.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&amp;&amp;max-results=20&quot;&gt;&lt;/script&gt;

5. Setting Recent Posts :

Go to Layout > Edit HTML and find this code :

<b:widget id='HTML52' locked='false' title='Artikel Terbaru' type='HTML'>
&lt;script&gt;var numposts = 20; var showpostdate = false; var readmore = false; var showpostsummary = false; var numchars = 100; &lt;/script&gt;&lt;script src=&quot;http://ut2a-4down.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt; &lt;/script&gt;

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 it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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'>
&lt;script type=&#39;text/javascript&#39;&gt;
getTwitters(&#39;twitters&#39;, {
id: &#39;uttakracker15&#39;,
clearContents: true,
count: 5,
withFriends: true,
ignoreReplies: false,
template: &#39;&lt;span class=&quot;prefix&quot;&gt;&lt;img height=&quot;17&quot; width=&quot;17&quot; src=&quot;%user_profile_image_url%&quot; /&gt; &lt;a href=&quot;http://twitter.com/%user_screen_name%&quot;&gt;%user_name%&lt;/a&gt; said: &lt;/span&gt; &lt;span class=&quot;status&quot;&gt;&quot;%text%&quot;&lt;/span&gt; &lt;span class=&quot;time&quot;&gt;&lt;a href=&quot;http://twitter.com/%user_screen_name%/statuses/%id_str%&quot;&gt;%time%&lt;/a&gt;&lt;/span&gt;&#39;
  });
&lt;/script&gt;

7. Setting Threaded Comments (Replay) :

Go to Layout > Edit HTML and find this code :

<a expr:href='&quot;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&amp;boxtag=55rxsq&amp;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&amp;boxtag=55rxsq&amp;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.


Please rate this article: