Tweety Bird Blogger Template

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

Alhamdulillah setelah sekian bulan berlalu terbitnya template perdanadesain 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:

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfOWM4k-h8MqVFUskKGrPPMb9EyORpyAegBTKixSdgdnoRzF0y5gCmrmeIuWpHB6NG3hMO5QbJEORFp6g3NVRSr2i0QR0Sb0SfBfcU7oRnM53mccw8yw0zWhHyR0BFHJGXSkEjrm_PbY4/s400/twitter_lg2.jpg" /></div>
<p>If you aren’t using twitter as a way of generating free traffic to your website, you’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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja_qKfjkW5AGTUD4DaCz_AEJqLuhYMUCqvINBl6qKDswaI_HZJ0SUzFiVHi7CZi8SeloIMaZMu-JrS5tZzB8D2W9K6WdDTAoocSen5vv6qYnaUtZ8KUGN7ip7bQgoB4uASMcNAj-Az_WWU/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92Y3k_qLn1F7eHF3IdKErXgozRicgtwpo7gIjMuV53E9nR2KJ0eT5Sz1QT-K9FE-x62yFBGCId2Mjwwvnu_HeotxJkHfTrhNIp2BvBk50Zz5WLgTQTiOT9Ij5ecWTs9dX1D25xl2P1vLt/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN-lAvVES2HI0wEdAX_pl0vtDn_P0kLCoaCsNhQ1q6GVJHd08nbq3hfAhJM8rZw2iE8UUZRoLOSSS-VeDXnAdvFm4aPMYC8xvR8u2_BphWgmyivQxq-K62TLs0fvJ7xkqnzmSgSSosMPOf/s400/downloadreport.jpg" /></div>
<p>Gauher Chaudhry, the man behind Pay Per Click Formula, has just released an 89 page insider’s guide to CPA marketing profts for FREE!
That’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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifhWWVzghzibyIhZVGQSa6qcYWVdaR27v_mlS3u5aUQO1CyG60MG-wXb1agtzuc2tkf7NMOU7tOWz4xV-N16Dz-qvduGRD2SGpFQb0MSWAPVTRlusCCzvd6XMyGeLk4aJkpy6M_aizR6fq/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>

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">

<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>


<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>


<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>

</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.