X White Elegant Template

Assalamu Alaikum Wr.Wb.
Baiklah kali ini saya akan share lagi template terbaru, yang saya namakan 'X White Elegant'. baiklah untuk contoh sobat bisa lihat gambar berikut.


Feature :
 


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 White Elegant' Blogger Template:::

1. Setting Sosial Icon

Go to Layout > Edit HTML and find this code :

<!-- start layout-footer --><div id='akabawah-3'>
  <!-- start #credit-wrapper--> <div id='credit-wrapper'>
  <!-- start #credit-wrap--> <div id='credit-ut'>
  <!-- start #social-networking--> <ul id='social-networking'>

<li><a href='#' id='twitter-link' title='twitter'><span class='twitter social-icon'/></a></li>
<li><a href='#' id='facebook-link' title='facebook'><span class='facebook social-icon'/></a></li>
<li><a href='#' id='flickr-link' title='flickr'><span class='flickr social-icon'/></a></li>
<li><a href='#' id='vimeo-link' target='_blank' title='vimeo'><span class='vimeo social-icon'/></a></li>
<li><a href='#' id='youtube-link' title='youtube'><span class='youtube social-icon'/></a></li>
<li><a href='#' id='linkedin-link' title='linkedin'><span class='linkedin social-icon'/></a></li>
<li><a href='#' id='googleplus-link' title='googleplus'><span class='googleplus social-icon'/></a></li>
<li><a href='#' id='dribbble-link' title='dribbble'><span class='dribbble social-icon'/></a></li>
<li><a href='#' id='tumblr-link' title='tumblr'><span class='tumblr social-icon'/></a></li>
<li><a href='#' id='skype-link' title='skype'><span class='skype social-icon'/></a></li>
<li><a href='#' id='delicious-link' title='delicious'><span class='delicious social-icon'/></a></li>
<li><a href='#' id='digg-link' title='digg'><span class='digg social-icon'/></a></li>
<li><a href='#' title='rss'><span class='rss social-icon'/></a></li>
            </ul>    <!-- end #social-networking-->

2. Setting Menu

Go to Layout > Edit HTML and find this code :

<div id='menuakaspesial'>
<div id='menuspecial'>

<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH09MVHC4k0vRCsaQvCZVE9Bb3rVPrsqJVqm6IohLk2a84bxCzpLIdc8aUkjUgRpyj5E8vPuW-gXN3pojCehlwCbpZ94MH55dhyphenhyphenSvaAdoyKOcQYLUN9WV476tPtnMlXJCxcCrHHDR6Jcs/s1600/home_white.png' style='padding:0px;'/></a></li>
<li><a href='#'>About Us</a></li>
<li><a class='trigger' href=''>Contact Us</a>
<ul>
<li><a href='URL-HERE'>Contact on Google +</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Contact on Twitter</a></li>
</ul>
</li>
<li><a class='trigger' href=''>Blog Tools</a>
<ul>
<li><a href='URL-HERE'>Parse HTML</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>CSS Convert</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>SEO Quality</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>HTML Color Code</a></li>
</ul>
</li>
<li><a class='trigger' href=''>Tips Trik</a>
<ul>
<li><a href='URL-HERE'>Tutorial Blogger</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Tehnik SEO</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Ilmu Photoshop</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Trik Linux</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Tips Windows</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Download</a>
<ul>
<li><a href='http://ngawicybers.blogspot.com/search/label/Template%20Blogger?max-results=10' target='_blank'>Template Blogger</a></li>
<li class='hr'/>
<li><a href='http://ta-movie87.blogspot.com/' target='_blank'>Film Terbaru</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Lagu MP3</a></li>
</ul>
</li>
<li><a class='trigger' href=''>Exchange Link</a>
<ul>
<li><a href='http://ngawicybers.blogspot.com/2012/02/tukeran-link-banner-exchange.html' target='_blank'>Link/Banner</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>My Friends</a></li>
</ul>
</li>
<li><a class='trigger' href=''>Streaming</a>
<ul>
<li><a href='URL-HERE'>Alternatif TV</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Global TV</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>MNCTV</a></li>
</ul>
</li>
<li><a class='trigger' href=''><b>Sepak Bola</b></a>
<ul>
<li><a href='URL-HERE'>Liga Inggris (Liga Premier)</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Liga Italia (Serie A)</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Liga Spanyol (LA LIGA)</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Liga Jerman (Bundesliga)</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Liga Champions</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Piala Dunia 2014</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Prediksi Bola</a></li>
<li class='hr'/>
<li><a href='URL-HERE'>Klasemen Sementara</a></li>
</ul>
</li><li><a href='URL-HERE'>Guest Book</a></li>
</ul>

3. Setting Recent Movies :

Go to Layout > Edit HTML and find this code :

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

3. Setting Recent Posts :

Go to Layout > Edit HTML and find this code :

<b:widget id='HTML55' 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.!