Cara memasang twiiter update (custom)

Cara memasang twiiter update (custom)

Assalamualaikum wr wb
Alhamdulillahhirobbil alamin di malam yang penuh rahmat dan penuh anugerah ini saya masih di beri semangat oleh tuhan yang maha esa untuk membagikan sebuah ide bagus untuk kawan-kawan twitterholic.
Kali ini saya akan share tentang widget update twitter terakhir menarik untuk blog kalian.

Baiklah tanpa panjang lebar mari kita pasang widget update twitter di blog.

Pertama-tama login ke blogger > Dashboard > Pilih Rancangan > Template Designer> lalu pilih Advanced > Add Css

Lalu pastekan kode CSS di bawah ini,
#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; }


Setelah CSS terpastekan kemudian terapkan pada blog dengan mengklik apply to blog

Sekarang kembali ke elemen laman kemudian tambah gadget > HTML/javacript

Pastekan kode di bawah ini :
<ul id="twitter_update_list"><li>Loading Tweets..</li> </ul><a title="Follow Me" href="http://www.twitter.com/namamu" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHnrTu9AV4mjb8ZcfeBadXdYq0MT_78XR_ZhgpNiJpPzeO2XG0Cbrw2ajgSNBECKPWnjCoyy6JLy5hrxJarW15wsIBZyrNA6_9yBSjfKChGZidx4gcM1ee-C0nocDgghyphenhyphenQ6xwdJY1bj7Lp/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/namamu.json?callback=twitterCallback2&count=1"></script>

PENTING!
Perhatikan kode “.twitter.com/namamu” dan “/statuses/user_timeline/namamu.json” ganti namamu dengan username akun twittermu.
Lalu simpan widgetnya.
Sekarang anda bisa membagikan tweet anda ke pengunjung blog anda dah, , hehehe
Jangan lupa follow saya -> mention ntar tak follback:)
Semoga bermanfaat, terimakasih sudah melihat tutorial cara memasang twitter update di blog.

---

PERHATIAN!! silahkan mengcopas artikel di atas dan mempublikasikannya. dengan sarat anda menyertakan sumber artikel dengan link hidup yang mengarah ke artikel ini. contoh: http://dhiibhiehh.blogspot.com/,terima kasih