Pada kesempatan kali ini saya akan share lagi template terbaru, yang saya namakan 'Special Dark Gamer'. baiklah untuk contoh sobat bisa lihat gambar berikut.
Feature :
- Best Menu Lavalamp.
- Sosial Icon.
- Right Sidebar.
- 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 'Special Dark Gamer' Blogger Template:::
1. Setting Sosial Icon
Go to Layout > Edit HTML and find this code :
<div id='topbar'>
<ul>
<a href='https://www.facebook.com/uttamelanikz' rel='nofollow' target='_blank' title='Join us on Facebook'><img alt='Facebook' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlP3bejo7nhwBjP1i-lU6A6YyucDpMGDQuenQJzWv-9zSYZ0A_SwJYBOBQ3eLpLSMihbMAcitAq5KxivUuXNAiSaWI0f0LGjxWu29E7FSMRcvhVVaIXjo-jP3xC7Dkm9Kw48DbOIhFsrs/s32/facebook500.png' width='25'/></a>
<a href='https://twitter.com/uttakracker15' rel='nofollow' target='_blank' title='Join us on Twitter'><img alt='twitter' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6jWDqeNK9eY3n4hSfmsi_OOonfC_Wj57e7rQDHchuwSjEVhT9JC9sxeFBrM7aIvAVPoJiiTUamsq34RZZUSAtIWFnOaidQtvsw-5IRCSZK42xwWzPWXPXrKoGUUVF5rKU1JRAwCF_th4/s32/twitter.png' width='25'/></a>
<a href='https://plus.google.com/112804133967399358173' rel='nofollow' target='_blank' title='Join us on Google Plus'><img alt='google' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2MaIj8zfIf-FXFYXTMUQiAcqK-xb1AS-eoO27yv2MTu9GQzHAZ57ta9Ro9Mu8FVt3sWt-wDaJkuANCVRx2xUtgTqGxjCRAqAgyVeJPoqSvl2PpwDwkBGaAF6qEEkpv1YkHjdndMAl1Q/s32/googleplus-revised.png' width='25'/></a>
<a href='Your rss link' rel='nofollow' target='_blank' title='Rss Feed'><img alt='rss' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHWfMj3ib_hWi6XncqYKZVYP1XFjssm73ytj5aPnDSHwjJOp2ulLME44kbF8mH29Khg9Bo_zjM9uJqXUiK_Bs2BmgelbAeStKKQqTeFofi5XJLekfFV1lY7tOSIU1wXlMHU8BofvCzK1c/s32/rss.png' width='25'/></a>
</ul>
2. Setting Menu Atas :
Go to Layout > Edit HTML and find this code :
<div id='akaUTnavmenu2'>
<ul id='akaUTnav2'>
<li class='current-cat'><a href='http://ngawicybers.blogspot.com/'>Menu</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 2</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 3</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 4</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 5</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 6</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 7</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 8</a></li>
<li><a href='http://ngawicybers.blogspot.com/'>Menu 9</a></li>
3. Setting Menu Bawah :
Go to Layout > Edit HTML and find this code :
<!-- Start Menu -->
<ul class='sf-menu'><li><a expr:href='data:blog.homepageUrl' style='background:#000;color:#00b4ff;'>Home</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Site Maps'>Site Maps</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Tips-Triks'>Tips-Triks</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Handphone'>Handphone</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Info UniQx'>Info UniQx</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Entertainment'>Entertainment</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='Blogger Template'>Blogger Template</a></li>
<li><a href='http://ngawicybers.blogspot.com' target='_blank' title='TV Online'>TV Online</a></li>
<li><a href='http://ngawicybers.blogspot.com/2012/02/tukeran-link-banner-exchange.html' target='_blank' title='Link Banner'>Link Exchange</a></li>
<li><a href='http://ngawicybers.blogspot.com/2012/02/chat-room.html' target='_blank' title='Buku Tamu'>Guest Book</a></li>
</ul>
4. Setting Slider Image 978x330 :
Go to Layout > Edit HTML and find this code :
<div class='akaUT-slides'><!-- Slide 1 Code Start -->
<div class='akaUT-slides-items'>
<div class='fp-thumbnail'>
<a href='http://ngawicybers.blogspot.com/'><img src='http://picturestack.com/359/687/nNGsniperghos4yF.jpg'/></a>
</div>
<div class='akaUT-content-wrap'>
<div class='akaUT-content'>
<h3 class='akaUT-title'>
<a href='http://ngawicybers.blogspot.com/'>Sniper 2 Ghost Warrior</a>
</h3>
<p>
Sniper 2 Ghost Warrior - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='akaUT-prev-next-wrap clearfix'>
<a class='akaUT-next' href='#akaUT-next'/>
<a class='akaUT-prev' href='#akaUT-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='akaUT-slides-items'>
<div class='fp-thumbnail'>
<a href='http://ngawicybers.blogspot.com/'><img src='http://picturestack.com/358/857/12QnfsmanianfTtR.jpg'/></a>
</div>
<div class='akaUT-content-wrap'>
<div class='akaUT-content'>
<h3 class='akaUT-title'>
<a href='http://ngawicybers.blogspot.com/'>NFS Hot Pursuit</a>
</h3>
<p>
NFS Hot Pursuit - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='akaUT-prev-next-wrap clearfix'>
<a class='akaUT-next' href='#akaUT-next'/>
<a class='akaUT-prev' href='#akaUT-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='akaUT-slides-items'>
<div class='fp-thumbnail'>
<a href='http://ngawicybers.blogspot.com/'><img src='http://picturestack.com/360/867/e2VPrinceOfPeyQg.jpg'/></a>
</div>
<div class='akaUT-content-wrap'>
<div class='akaUT-content'>
<h3 class='akaUT-title'>
<a href='http://ngawicybers.blogspot.com/'>Prince Of Persia The Two Thrones</a>
</h3>
<p>
Prince Of Persia The Two Thrones - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='akaUT-prev-next-wrap clearfix'>
<a class='akaUT-next' href='#akaUT-next'/>
<a class='akaUT-prev' href='#akaUT-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='akaUT-slides-items'>
<div class='fp-thumbnail'>
<a href='http://ngawicybers.blogspot.com/'><img src='http://picturestack.com/361/384/8aKdota2wallpKon.jpg'/></a>
</div>
<div class='akaUT-content-wrap'>
<div class='akaUT-content'>
<h3 class='akaUT-title'>
<a href='http://ngawicybers.blogspot.com/'>Dota 2</a>
</h3>
<p>
Dota 2 - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class='akaUT-prev-next-wrap clearfix'>
<a class='akaUT-next' href='#akaUT-next'/>
<a class='akaUT-prev' href='#akaUT-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='akaUT-slides-items'>
<div class='fp-thumbnail'>
<a href='http://ngawicybers.blogspot.com/'><img src='http://picturestack.com/362/415/K1ndarksidersvnZ.jpg'/></a>
</div>
<div class='akaUT-content-wrap'>
<div class='akaUT-content'>
<h3 class='akaUT-title'>
<a href='http://ngawicybers.blogspot.com/'>Darksiders II</a>
</h3>
<p>
Darksiders II - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
5. 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><script src=" http://ngawicybers.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>
Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!
Posting Komentar