X-Zine Dark Shadow Template

Assalamu Alaikum Wr.Wb.
Pada kesempatan kali ini saya akan share lagi template terbaru, yang saya namakan 'X-Zine Dark Shadow'. baiklah untuk contoh sobat bisa lihat gambar berikut.

Feature :

• Best Menu Lavalamp.
• Sosial Icon.
• Right Sidebar.
• Tabber
• 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 Dark Shadow' Blogger Template:::

1. Setting Sosial Icon

Go to Layout > Edit HTML and find this code :

<div id='sidebar-wrapper'>
      <div class='social'>
<ul>
             <li class='google'><a href='https://plus.google.com/u/0/YOUR_USERNAME' title='Add Our Google+'>Google+</a></li>
             <li class='facebook'><a href='http://www.facebook.com/YOUR_USERNAME' title='Add Our Facebook'>Facebook</a></li>
             <li class='twitter'><a href='http://twitter.com/YOUR_USERNAME' title='Follow Our Twitter'>Twitter</a></li>
             <li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RS feed blog'>RSS Feed</a></li>
           </ul>

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 &#187;</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 &#187;</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 &#187;</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 &#187;</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 &#187;</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 Posts :

Go to Layout > Edit HTML and find this code :

<b:widget id='HTML50' locked='false' title='Recent Posts' type='HTML'>
<script>var numposts = 6; var showpostdate = false; var showpostsummary = true; var numchars = 0; </script>&lt;script src=&quot; http://ngawicybers.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt; &lt;/script&gt;

Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!