May 20, 2013

Design : Aiizahh Try To Colorful Template



Selamat siang...

Kali ini saya ingin berbagi sebuah template (pertama kalinya, jadi mungkin berantakan... **p ) yang saya desain sendiri, mencoba untuk sedikit berbeda meskipun mengedepankan konsep simple dan colorful. Saya namakan "Aiizahh Try To Colorful" merujuk pada tampilannya yang penuh warna, juga merupakan representasi dari blog ini yang mencoba untuk terus berwarna di dunia blogging.

Template ini sendiri saya desain dengan menggunakan kerangka template nya Mas Taufik, sehingga didalam template saya sertakan juga nama beliau sebagai bentuk terima kasih, karena tanpa kerangka template tersebut saya mungkin akan kesulitan dalam mendesainnya menjadi seperti yang saya ingin buat, disamping banyak juga tutorial dari sana yang saya terapkan.

Bagaimana dengan informasi template ini??

1. Responsif.
2. Mode pencarian cepat.




3. Navigasi halaman AJAX.




4. Emoticon include. :-bd
5. Efek animasi loading. \o/
6. Colorful. 0:)


Bagaimana sob???
Bila tertarik menggunakannya silahkan download pada link dibawah, dan mohon untuk tidak menghapus credit link pada template.


Terima kasih...

54 comments

  1. BOLEH JUGA NIH MBAK Buat koleksi template saya hehehehe !!


    Tak download ya mbak !!!

    ReplyDelete
  2. OK ba terus berkarya dan suksek

    ReplyDelete
  3. keren pokonya.. donlot aaah buat blogku yg satunya :D

    ReplyDelete
  4. Waahhh.. bbaguusss.. tp saya kurang sreg sama background luarnya.. penilaian pribadi loh ini yaa,, jangan ngambek ya mbak, hehe
    coba dibuat lebih matching sm background utama pasti lebih cucok..hihihi

    ReplyDelete
    Replies
    1. :D begitu ya, itu saran yang bagus... \o/ mungkin kalau saya berencana bikin template lagi saya terapkan sarannya mba ayu... :-bd :-bd :-bd

      Delete
  5. dilihat dari screenshotnya template ini emang bagus mbak, sukses selalu dengan template berikutnya..

    ReplyDelete
  6. Bagus juga sob templatenya, cuma menurut saya kayaknya bagian header harusnya dikasih background warna juga... hehe.....

    ReplyDelete
    Replies
    1. sebenarnya header nya sudah diberi kombinasi warna biru dan putih sob, tp sarannya selalu saya terima... :-bd :-bd :-bd

      Delete
  7. keren nie mbak bro...jadi pgen ganti template!
    sukses selalu ya dan jangan berhenti untuk terus berkaria! http://anrhy.blogspot.com/

    ReplyDelete
  8. cantik banget templatenya mbak, ijin dunlut yah :D

    ReplyDelete
  9. Selamat atas kreasi templatenya, ijin untuk melihat lebih detail. siapa tahu saya berminat.

    ReplyDelete
    Replies
    1. terima kasih gan dan silahkan dilihat2 dulu... ^_^

      Delete
  10. Replies
    1. terima kasih gan, tp maaf ni nama yg agan pakai ga enak dibaca... :D :D :D

      Delete
  11. :D iya nih gan, saya pengen menerapkan beberapa ide dalam sebuah template yang mungkin bisa digunakan oleh blogger2 lain (kalo berminat), hehehe makanya nyambi bikin template gan...

    ReplyDelete
  12. Download ahh ,buat koleksi hehehe :-bd

    ReplyDelete
  13. Halo Alia, waa... kamu hebat skali bisa desain template ini, tante suka deh.. mau download tapi tante sukanya warna pink :)
    sukses ya buat kamu,terus bekarya.

    :)

    ReplyDelete
    Replies
    1. terima kasih atas apresiasi nya...
      kalau yang pink sedang digarap tante :) belum kelar2 pusing liat kode-kode... **p

      Delete
    2. pagi admin cantik... :)
      kunjungan pagi nie hehehe :)

      semoga sehat dipagi ini

      Delete
    3. ane suka tu mbak sama kotak admin nya bagi2 donk scripnya hehehe :)

      Delete
    4. taruh kode berikut diatas kode <div class='post-footer'> : <!-- Kotak Admin -->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='admin-tulisan'>
      <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> Lokasi: Sumpiuh, Banyumas</h4>
      <div class='kontainer'>
      <img src='http://1.bp.blogspot.com/_yGa4b5VGx6w/Skrkk_0ByLI/AAAAAAAAAC8/gJy0GYR_M08/S220/toilet.jpeg'/>
      Artikel <a expr:href='data:post.url'><data:post.title/></a>, diterbitkan oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan Anda. <data:post.author/> adalah seorang penulis mahadahsyat yang masih suka pipis di celana dan maunya nenen sama mama. Suka minta jajan yang aneh-aneh dan suka kentut di depan mikrofon.
      <div style='clear:both;'/>
      </div>
      </div>
      </b:if>
      <!-- Akhir Kotak Admin -->

      lalu, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya :
      .admin-tulisan {
      display:block;
      width:98%;
      background:#CFE2E0;
      border:2px solid #fff;
      -webkit-box-shadow:0 1px 3px #000;
      -moz-box-shadow:0 1px 3px #000;
      box-shadow:0 1px 3px #000;
      padding:0;
      margin:30px auto 10px auto;
      font:normal 11px Arial, Sans-Serif;
      color:#222;
      }

      .admin-tulisan .kontainer {padding:5px;}

      .admin-tulisan h4 {
      background:#8A9C04;
      border:none;
      border-bottom:1px solid #699019;
      color:#fff;
      text-transform:uppercase;
      text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
      font:bold 11px Arial,Sans-Serif;
      padding:5px 10px;
      margin:0 0 0 0;
      display:block;
      }

      .admin-tulisan h4 a {color:#FEEA83;}

      .admin-tulisan img {
      width:70px;
      height:70px;
      margin:0 10px 0 0;
      float:left;
      border:1px solid #954B02;
      padding:4px;
      background:#C36702;
      -webkit-box-shadow:none;
      -moz-box-shadow:none;
      box-shadow:none;
      }

      Semoga membantu :) :) :)
      Sumber : DTE:]

      Delete
    5. trima kasih mbak alya udah saya coba.. :)

      Delete
    6. :-bd :-bd :-bd sama-sama...

      Delete
  14. mbak.. pengen template seperti di blog detik ada gak ya.

    ReplyDelete
    Replies
    1. hehe, kurang tau saya kalau seperti blogdetik... shake

      Delete
  15. makasih banyak buat tulisannya..,.
    ditunggu templet lainnya ya... :)

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. sama-sama gan...
      http://aiizahh.blogspot.com/2013/05/design-aiizahh-simple-blue-template.html

      Delete
  16. Templatenya lumayan keren, sedang mencari template yang cocok dengan tema blog saya yang simpel dan ringan dan pastinya juga enak dilihat.

    ReplyDelete
  17. This comment has been removed by a blog administrator.

    ReplyDelete
  18. This comment has been removed by a blog administrator.

    ReplyDelete
  19. This comment has been removed by a blog administrator.

    ReplyDelete
  20. wah keren nih templatenya, mau ikutan sumbang artikel yang keren gak ?, tentang tutorial blogger.
    http://yoga-tc.blogspot.com/p/kumpulan-tutorial-blogger.html

    ReplyDelete
    Replies
    1. wah, kayaknya belum cocok jadi kontributor gan, tutorial2 yg disini pun semua biasa saja, mungkin nanti boleh lah gan...

      Delete