widget twitter bird untuk blog

salam sahabat blogger.

kali ini mau posting widget twitter bird.
widget ini akan menampilkan tweet terbaru atau terakhir kamu di blog.

jangan lupa untuk membackup data blog kamu sebelum merubah template cara membackup data pada blog
nah langsung aja.

1. dari dashbord klik > template > sesuaikan > tingkat lanjut > tambahkan CSS

2. copy code di bawah ini di samping kanan gambar di atas


#twitter_update_list{ list-style:none; } #twitter_update_list li{ background: #f4f8f9; /* Old browsers */ background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */ box-shadow: 1px -1px 2px #bbc6c8; -webkit-box-shadow: 1px -1px 2px #bbc6c8; -moz-box-shadow: 1px -1px 2px #bbc6c8; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:15px; width:250px; } #twitter_update_list::after { content: ""; position: relative; left: 30px; border-width: 15px 15px 0; border-style: solid; border-color: #e8f0f2 transparent; display: block; width: 0; }

Terapkan ke Blog.

3. kembali ke dashbord > tata letak > tambah gedget > HTML/javascript dan copy kode ini.


<ul id="twitter_update_list">
<li>Loading Tweets..</li>
</ul>
<a title="Follow Me" href="http://www.twitter.com/zakykhutby" target="_blank"><img src="http://2.bp.blogspot.com/-4AGdDmbmgME/TlaB48rCL6I/AAAAAAAAE8M/
LGVBmA81n2E/s1600/twitter-bird-gadget.png" /></a>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/zakykhutby.json?callback=twitterCallback2&count=1"></script>



jangan lupa ganti zakykhutby dengan username twitter anda.

5. seve dan walah. widget tweet bird sudah terpasang di blog anda.

sekian postingan saya kali ini mudah mudahan bermanfaat.

happy blogging