Tuesday, November 29, 2011

Twitter Bird Terbaru Dengan Efek Bubble Di Blogger Anda

widget follow bird terbaru Jika Pada sebelumnya saya pernah juga memposting artikel menambahkan widget follow twitter terbarunya , kini saya akan kembali membuat widget follow twitter terbaru tetapi dalam bentuk twitter bird.
Twitter bird ini sangat menarik bagi saya , memiliki efek bubble disertai status twitter terbaru kita.

Untuk anda yang ingin melihat terlebih dahulu bagaimana demo nya , anda bisa meng-klik view demo dibawah ini.

widget terbaru blogger

Menambahkan widget twitter bird ke blogger anda

1.Masuk ke akun blogger anda  , pada dashboard pergi ke > design > template designer > advanced > add css

gadget , widget follow bird












2. Dalam kotak css yang sudah anda buka di blog anda , anda bisa memasukkan kode dibawah ini kedalam kotak css .


#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;
}


3. Klik aplly to blog , diatas adalah langkah memasukkan kode css kedalam blog anda , dari bagian tadi anda bisa kembali ke blogger anda , lalu pilih design > add gadget > pilih html / javascript.

seo widget blogger css


membuat twitter bird di blogger new






4. Setelah itu , klik save dan selesai . kini widget twitter bird terbaru ini ada di blogger anda.

0 comments:

Post a Comment


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam