D2 Blue Color Template

Assalamu Alaikum Wr.Wb.
Pada kesempatan kali ini saya akan share template terbaru, yang saya namakan 'D2 Blue Color', awalnya sih template ini saya khususkan untuk temn saya Dewi yang dia request tuk dibuatin yang berwarna pink, sobat bisa kunjungi blognya disini,ato sklian difollow gan,hehee,.. nah mka dri it saya membuat satu lagi yang berwarna Biru tjuannya untuk bisa saya share,ngitung2 nambah koleksi lgi. :D , baiklah yang paling gue suka dri template mode ini, adlah warna yang saya gunakan pda beberpa letak warna, dengan memanfaatkan 'css gradient ellipse cover', sehingga hasil warna yang dihasilnya bnar2 menarik.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 'D2 Blue Color' Blogger Template:::

1. Setting Sosial Icon

Go to Layout > Edit HTML and find this code :

<div id='total-wrapper'>
 <div id='interwebz-wrapper'>

<!-- Start - Social Links  -->
  <ul class='interwebz'>
   <li class='icon-feed'>
     <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Feed</a>
   </li>
   <li class='icon-facebook'>
     <a href='http://facebook.com' target='_blank'>Facebook</a>
   </li>
   <li class='icon-twitter'>
     <a href='http://twitter.com' target='_blank'>Twitter</a>
   </li>
   <li class='icon-gplus'>
     <a href='https://plus.google.com' target='_blank'>GPlus</a>
   </li>
   <li class='icon-youtube'>
     <a href='http://youtube.com' target='_blank'>Youtube</a>
   </li>
   <li class='icon-flickr'>
     <a href='http://flickr.com' target='_blank'>flickr</a>
   </li>
   <li class='icon-lastfm'>
     <a href='http://last.fm' target='_blank'>Last.fm</a>
   </li>
   <li class='icon-instagram'>
     <a href='http://instagr.am' target='_blank'>Instagram</a>
   </li>
   <li class='icon-skype'>
     <a href='http://www.skype.com' target='_blank'>Skype</a>
   </li>
  </ul>
<!-- End - Social Links  -->

2. Setting Menu

Go to Layout > Edit HTML and find this code :

<div id='navbarmenuleftx'>
<ul id='navx'>
<li><a href='/'>Home</a></li>
<li><a href='#YOURLINK'>Menu 1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1.1</a></li>
<li><a href='#YOURLINK'>Menu 1.1.2</a></li>
<li><a href='#YOURLINK'>Menu 1.1.3</a></li>
<li><a href='#YOURLINK'>Menu 1.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.2.1</a></li>
<li><a href='#YOURLINK'>Menu 1.2.2</a></li>
<li><a href='#YOURLINK'>Menu 1.2.3</a></li>
<li><a href='#YOURLINK'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.3.1</a></li>
<li><a href='#YOURLINK'>Menu 1.3.2</a></li>
<li><a href='#YOURLINK'>Menu 1.3.3</a></li>
<li><a href='#YOURLINK'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1.1</a></li>
<li><a href='#YOURLINK'>Menu 2.1.2</a></li>
<li><a href='#YOURLINK'>Menu 2.1.3</a></li>
<li><a href='#YOURLINK'>Menu 2.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.2.1</a></li>
<li><a href='#YOURLINK'>Menu 2.2.2</a></li>
<li><a href='#YOURLINK'>Menu 2.2.3</a></li>
<li><a href='#YOURLINK'>Menu 2.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.3.1</a></li>
<li><a href='#YOURLINK'>Menu 2.3.2</a></li>
<li><a href='#YOURLINK'>Menu 2.3.3</a></li>
<li><a href='#YOURLINK'>Menu 2.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1.1</a></li>
<li><a href='#YOURLINK'>Menu 3.1.2</a></li>
<li><a href='#YOURLINK'>Menu 3.1.3</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.2.1</a></li>
<li><a href='#YOURLINK'>Menu 3.2.2</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.3.1</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 4</a></li>
<li><a href='#YOURLINK'>Menu 5</a></li>
<li><a href='#YOURLINK'>Menu 6</a></li>
<li><a href='#YOURLINK'>Menu 7</a></li>
<li><a href='#YOURLINK'>Menu 8</a></li>
<li><a href='#YOURLINK'>Menu 9</a></li>
</ul>

3. Setting Slider Image (940x300):

Go to Layout > Edit HTML and find this code :

<div class='jd-slideshow-wrap' id='jd-slideshow-1'>
<div class='jd-slideshow' style='width:940px; height:300px;'>
<!-- ============= Slider Edit Start =============== -->
<div class='ss-item' style='background-image: url(URL-IMAGE1);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE2);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE3);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE4);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE5); '>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE6);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE7);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE8);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE9);'>
</div>

<div class='ss-item' style='background-image: url(URL-IMAGE10);'>
</div>
<!-- ============= Slider Edit End =============== -->

4. Setting Tweet Update :

Go to Layout > Edit HTML and find this code :

<div class='tweet'>
<div id='tweets-bg'/>

<ul id='twitter_update_list'>
<li style='display:none;'/>
</ul>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/uttakracker15.json?callback=twitterCallback2&amp;count=2' type='text/javascript'/>

Jika ada yang ingin ditanyakan silahkan berkomentar diforum.!
Silahkan anda laporkan jika ada link yang rusak atau beberapa tutorial yang tidak bekerja, karena saya akan segera memperbaikinya, dan berhubung saya baru mengganti themes blog, jadi pasti banyak artikel yang berantakan! Saya harap anda dapat membantu saya untuk memperbaiki semuanya dengan berkomentar di artikel yang bermasalah.. thanks sebelumnya sudah berkunjung keblog utta yang sederhana ini...
Please rate this article:
{[['', '']]}
{["Useless", "Boring", "Need more details", "Perfect"]}

Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!

thumbnail
About The Author

Hai,.. I am just an ordinary man who just might share the knowledge that I know ahead of you, No one is more perfect. Always keep learning and sharing of knowledge, Just be Yourself and be The Unique that makes them know who you are.!!


11 Comments
Comments

+ komentar + 11 Diskusi pada 'D2 Blue Color Template'

  1. Anonim10:11 PM

    pertamax gan :b

    BalasHapus
  2. °°°hEhEhE°°° jEmPoL bUaT kA UtTa°°°
    tRuS bEr-KrEaSi YaH°°°

    BalasHapus
  3. @dewi djayadiningrat :b thanks yah! btw, sy bru gnti template dewi lg, soalnya yg prtma it byk yg error, mkany dganti lg, :q tp tng aj wrnanya ttp pink koQ.

    BalasHapus
  4. ketigax . . .


    ajalin bkin template ginian donk soho :(

    BalasHapus
  5. @← Ⓐкα UTτα`

    wih that good,,,, di lantut gan,,
    ane ksh cendol gan liat dua 1 bulan lgi gan blog ente bklan sama tingkatannye sama ane,
    ,,

    @dewi: waw keep blogging lah trus berkarya,,, dan ramaikan blogmu dngan news post,,, cendol gan ,,, :rock:

    ane akan bntu biar cpet naek tangga,,,
    wokey,

    BalasHapus
  6. maz kok gk bisa di download....

    BalasHapus
  7. @Admin thanks , hemm,.. smga aj yah :s

    BalasHapus
  8. Anonim7:05 PM

    very nice :b

    BalasHapus
  9. kok ga bisa gan ?

    BalasHapus

Tolong memberi komentar yang tidak melanggar norma-norma. Kami berhak menghapus komentar yang kasar, mengejek, bersifat menyerang, dan tidak berhubungan dengan artikel di atas. Oleh sebab itu, kiranya dapat menggunakan bahasa yang jelas!

Pedoman wajib untuk memasukkan komentar:
1. Tidak boleh memakai lebih dari satu kolom komentar.
2. Pertanyaan/masukan harus berhubungan dengan uraian diatas.
3. Sebaiknya satu atau dua pertanyaan dalam satu kolom komentar.
4. Hanya menggunakan bahasa Indonesia yang umum dan dimengerti semua orang.
5. Tidak diperbolehkan menggunakan huruf besar untuk menekankan sesuatu.
6. Tidak diijinkan mencantumkan hyperlink dari situs lain.

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya utta minta maaf yg sebsr2Nya jka komentar anda blm sempat dibls. ^^