32 Tweety Bird Blogger Template

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Tweety Bird Blogger Template, theme tweety Alhamdulillah setelah sekian bulan berlalu terbitnya template perdana desain saya yaitu (Al-Aswad Al-Fateh dan Natural Green Template). Hari ini saya bisa menambahkan koleksi free blogger template di dunia maya ini dengan sebuah template sederhana tweety bird blogger template.

Template tweety ini merupakan template request khusus dari seorang sahabat yang banyak memberikan inspirasi lahirnya berbagai tutorial di blog ini, inspirasi yang hadir dengan banyaknya pertanyaan yang diajukannya :-) Karenanya sebagai satu ungkapan terimakasih padanya saya upayakan dengan segala keterbatasan yang ada untuk memenuhi request tersebut.

Template ini didominasi dengan image tweety mulai dari header, icon pada post dan sidebar titel sampai bullet link serta nuansa warna kuning, karena Suci merupakan fans berat tweety bird dan warna kuning. Sedikit ada tambahan nuansa biru karena selain kuning sobat Suci juga toleran dengan biru dan pink...bukan gtu de suci? Tapi maaf saya tidak memoles pink pada template ade, soalnya blog saya tidak pingin ada saingannya... hehe becanda lagi.

Kategori template: Tiga kolom, featured post slider, tiga kolom footer dan sebuah tab view sederhana.

Berikut sedikit panduan penggunaan:

1. Untuk mengedit menu navigasi horizontal cari kode berikut: <div class='menuhorisontal'> perhatikan jajaran link dibawah kode tadi dengan anchor teksx silahkan diganti dan sesuikan!

2. Untuk menambahkan featured post slider, tentu setelah sign in pada bagian elemen halaman>>> tambah gadget>>> HTML/JavaScript>>> tambahkan kode berikut:

<!-- begin featured -->
<div id="featured">

<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Twitter Traffic </a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMf2_xTsI/AAAAAAAAAW4/eGINX3BxQgI/s400/twitter_lg2.jpg" /></div>
<p>If you aren&#8217;t using twitter as a way of generating free traffic to your website, you&#8217;re missing out on one of the easiest marketing strategies ever to hit the Internet.
With so many social communities online, it is easy to see why Internet Marketers with limited time have been drawn to the simplistic interface and speediness...</p>
<div class="featured-meta">
<span class="featured-date">11th October 2009</span>
<span class="featured-comment"><a href="/#comments">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>

<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Email Marketing</a></h1></div>
<div class="featured-thumb"><img src="http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMfLhD0zI/AAAAAAAAAWo/mNuMhEfOgko/s400/ebook_350.png" /></div>
<p>Online marketing may have developed a sudden surge these past few years, but many in the know how have felt its rise even from way then. As more internet based businesses are put up, the need to develop new marketing skills and knowledge based on this new medium have arisen. More and more marketing strategies...</p>
<div class="featured-meta">
<span class="featured-date">1st October 2009</span>
<span class="featured-comment"><a href="/#comments">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>

<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Get paid to blog at today.com</a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMerjCVhI/AAAAAAAAAWg/2YliGo6vctQ/s400/070125_the_traffic_bully.gif" /></div>
<p>Today.com is a free blogging platform that works like Blogger and Wordpress, except that you will be paid for blogging at Today.com. Payment will be made on the 10th of each month via Paypal or check with $50 minimum payment.
How to Earn Money with Today.com
1. $2.00 per 1000 unique visitors for the first 30 days.
2....</p>
<div class="featured-meta">
<span class="featured-date">25th March 2009</span>
<span class="featured-comment"><a href="/#comments">4 comments</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>

<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Free download CPA marketing guide</a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMgbSDzTI/AAAAAAAAAXA/rGhNuo6t2og/s400/downloadreport.jpg" /></div>
<p>Gauher Chaudhry, the man behind Pay Per Click Formula, has just released an 89 page insider&#8217;s guide to CPA marketing profts for FREE!
That&#8217;s right, FREE as in cost you zero cents to get the most comprehensive guides on CPA marketing and learn the way to earn as much as $100,000 per day with CPA...</p>
<div class="featured-meta">
<span class="featured-date">18th March 2009</span>
<span class="featured-comment"><a href="/#comments">10 comments</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>

<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Delicious ice cream post</a></h1></div>
<div class="featured-thumb"><img src="http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMffUehOI/AAAAAAAAAWw/W8jq0N9vI7Y/s400/ice_cream.jpg" /></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec lorem. Duis erat. Mauris faucibus, nibh sed scelerisque commodo, libero lacus posuere diam, at ornare felis quam vitae mauris. Nam in diam. Cras nec metus. Nam suscipit elementum eros. Mauris ut nibh. Maecenas id velit. Nulla pellentesque porttitor dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing...</p>
<div class="featured-meta">
<span class="featured-date">3rd December 2008</span>
<span class="featured-comment"><a href="/#comments" title="Comment on Delicious ice cream post">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>

</div>
<!-- end featured -->

<!-- more -->

Silahkan ganti isi dari featured post diatas! Simpan widget dan drag diatas main atau kolom posting.

3. Untuk menambahkan isi tab view sederhana, masih pada bagian elemen halaman>>> tambah gadget>>> HTML/JavaScript>>> tambahkan kode berikut:

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs"> 
Disini letakkan kode untuk menu tab 1
</div>
<div style="width: 99%; height: 200px;" class="Pages">
<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>
<!--Akhir Menu 1-->
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>
<!--Akhir Menu 2-->
<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>
<!--Akhir Menu 3-->
</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>

<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href=http://amatullah83.blogspot.com/2009/11/cara-membuat-menu-tab-view.html target="_blank" title="Tabview Widget">Add This Widget To Ur Blog</a></div>

Silahkan isi setiap menu tab, simpan widget drag pada bagian sidebar yang diinginkan. Simpan lagi. Selesai

Download template disini, Untuk preview lihat disini.


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

32 komentar :

  1. horaayy sudah dibolehin berbagi nih? syukron ya..

    salam kenal buat suci juga :)

    BalasHapus
  2. templte yg menyenangkan..

    BalasHapus
  3. cocok buat tweety lover...

    BalasHapus
  4. aduh lucu bgt ukhti eat buatnya...^0^
    maap br mmpir lg y ukhti,maklum sibuk kuliah,,hehe^_^
    ia aq emang sm kya ukhti hobby design tp bs buat templet kya yg ukhti buat ^_^?
    alamt fb n ym bs ukhti liat di bwh guest book y ^_^

    BalasHapus
  5. @ Miss Rinda: Makasih lho ukh ditengah kesibukanx masih nyempatin diri mampir.

    Sy jg belum bisa gtu buat template cute kayak buatan ukhty, krn sy baru aja belajar photoshop.

    Ya ntr ana add ym dan FB ukhty. Syukron Jazaakillahu khoyrn.

    BalasHapus
  6. @ Syifa: Lama baru berkunjung lagi, makasih ukh apresiasinya

    BalasHapus
  7. Templatenya bagus-bagus, dari ketiga template tersebut yang paling saya suka adalah Tweety Bird, selain kuning adalah warna favorite saya juga di sudut kiri bawah ada animasi lucu Tweety.

    BalasHapus
  8. @ Yuda: Syukron Jazaakumullaho khrn apresiasinya. Trnyata yg suka kuning dan tweety bukan hnya Suci nie? Lho Sucix kok blm nongol?

    BalasHapus
  9. tambah keren aja nih desain templatenya

    BalasHapus
  10. keren nih, .. templetenya
    slm kenal ya mb suci....^-^
    oya mb, cara buat slideshow nya aja gmn??
    soalnya q pngen pasangin slidshownya aja kyak di template Tweety di blog aq.. bleh di ajarain gak atau di postingin...
    cara buatnya.. makasi...

    BalasHapus
  11. @ Dedy: khn sudah pernah saya posting cara membuat featured post slider atau slide show yang saya pakai ditemplate tweety trsbt. Lihat aja pada postingan dgn label JQuery. Smg dpt membantu.

    Makasih apresiasinya

    BalasHapus
    Balasan
    1. mau pake ini buat template blog aku tapi kok ga bisa ya ? gimana nih caranya?

      #tweety lovers

      Hapus
  12. hehehe... maklum q blum ngrti Jquery and makasi ya mb, Q dah coba ni, udah bisa,..sekarang..
    ^-^

    BalasHapus
  13. mbak bagus ya templet nya ^^ tapi sekarang saya juga mau nanya mbak... blog saya nggak bisa pake 'enter' di postnya... dalam blog apakah ada kode CSS yang memengaruhi 'enter' dalam post? tetapi dalam laman atau yang lainnya baik baik saja..

    BalasHapus
  14. Wah bagus templatenya, warnanya tidak mengganggu mata...

    Hehehehehe......

    BalasHapus
  15. Template yang sangat keren dan manis sekali.. akan disukai kaum remaja putri... Peace :)

    BalasHapus
  16. terimakasih yah,,saya juga mau donlod ah,,,,makin banyak ilmu di bagikan makin banyak pahalanya hehehe

    BalasHapus
  17. Syukron 'ala kullihaal
    Cara ngilanin berlangganan gratis email nya gmana? Mampir ke blog aku yaaah

    BalasHapus
  18. salam... cantik banget ni
    bisa ngak di ambil template ini buat blog saya?

    BalasHapus
  19. Wah, lucu y templateny bagus bagus..

    BalasHapus
  20. waah terima kasiih ya mbaa...nti aqu mw pake yaa

    tpi kira2 ada yg nyamain gag yaaa nantiii..huhu

    BalasHapus
  21. mbaaaa
    aquu dataaang

    syukroon yg sebesar2 nyaaa yaaaa :)))

    BalasHapus
  22. saya mau cari theme utk mengganti blog saya ada gak saran sob? tks

    BalasHapus
  23. ok thanks klo ada template yng sudah jadi semuanya tab dan isinya ntar kita belajar edit dari situ
    salam bloger
    sukses ya

    BalasHapus
  24. wah kren nih theme..... tks ya sob themenya

    BalasHapus
  25. ijin download ya buat koleksi,,hehe

    BalasHapus
  26. kuning-kuning.. keren ni mbak..
    oya saya mau ambil slide-nya saja seperti di template Al-Aswad Al-Fateh disini ada gak ya tutorialnya??.
    saya tertarik untuk memakainya.

    BalasHapus
  27. i like your website.....so nice

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!