Membuat Burung Twitter Terbang Di Blog mungkin bagi sebagian sobat Blogger bukanlah hal yang baru lagi, tapi tidak ada salahnya jika saya sedikit berbagi tentang bagaimana cara Membuat Burung Twitter Terbang Di Blog. Pernahka anda melihat burung terbang ketika anda mengunjungi salah satu blog, itu lah yang akan saya bahas kali ini.
Ini merupakan salah satu widget dari situs jejaring sosial twitter, twitter merupakan situs jejaring sosial yang terbaik selain facebook dan yang terbaru Google +. Jika anda belum mempunyai account di twitter sebaiknya buat dulu disini. Setelah selesai membuat account twitter ikuti petunjuk di bawah ini.
1. Pertama Log in account Blogger anda, pada Dashboard klik "Rancangan", di menu "Elemen Laman" silahkan klik "Tambah Gadget" dan pilih "HTML/JavaScript".
2. Setelah itu Copy kode script di bawah ini dan Paste di kolom HTML/JavaScritp tadi.
<!-- floating twitter Bird -->
<script type="text/javascript" src="https://sites.google.com/site/ivennuary/script-ivennuary/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RAcIdS_6YE0AW8TyRmVjto8_aicWxcfWHeZHsi0MW6X01S-irOchO1Aa99DO_w0Rj1S0842tF_ofGHYbOoJ7ltFlrKFXw2bT-FqXjKJgyLJ1A9PRHuMdLBRPqXDWaxrDFQDD3UNrMnw/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/harajuku_OL";
var tweetThisText = "Twitter - UserID http://harajuku-online.blogspot.com/";
tripleflapInit();
</script>
<script type="text/javascript" src="https://sites.google.com/site/ivennuary/script-ivennuary/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RAcIdS_6YE0AW8TyRmVjto8_aicWxcfWHeZHsi0MW6X01S-irOchO1Aa99DO_w0Rj1S0842tF_ofGHYbOoJ7ltFlrKFXw2bT-FqXjKJgyLJ1A9PRHuMdLBRPqXDWaxrDFQDD3UNrMnw/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/harajuku_OL";
var tweetThisText = "Twitter - UserID http://harajuku-online.blogspot.com/";
tripleflapInit();
</script>
3. Simpan HTML/JavaScript yang anda buat tadi dan lihat hasilnya.
Ket: Ganti harajuku_OL dengan alamat twitter anda, jika anda ingin mengganti warna Burung Twitter dengan pilihan warna lain silahkan ganti teks yang berwarna Biru. Berikut ini beberapa pilhan warna yang dapat anda gunakan.
Warna Biru, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQR4v4lcdqx7rx9X_RZ30amtH1hKdrieb6QUhv__4ZjZvgbCmHCi08Ybm2E2tBDBJ39arThods5COeGxfU7gqsshwZFrRloZ46BkFhtBrktlq3p4_nngOxPOPAz3j3TClcyjSyoK9wmqc/s1600/Blue+bird.png
Warna Coklat, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQxTYrrNfJH6cWCB41KenXH2rnlmetRgkIEyOeNv2GFhQFSpW98vulR7ntfyTLnrVhf8b4tnymHsKIwwVXqFCnA4BneoGhmb6SrCNOOA1Qio2vkpBPM76A5dh1fUHOFRD3x2v6rbHssUI/s1600/brown+bird.png
Warna Hijau, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zIjtFV2gjcRUi6YaxGvHmQgZJ3vP5iAaaLCuRda2x0SqmUxlNGrv2AdVxUMGR6hfmV55QOydzldQdVMiBMtEzhwDbHkMWxW4zZRMNQvW6hKthWw-5P1wLHiU9S6gzrzo1v2V2-V1Hp0/s1600/Green+bird.png
Warna Hitam, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4-UkeWFwQYpLP2e9sTBmb-YtCyyMSnCm359pzb4MvzLQESRNvJAuciQQh2-NFyi7h3DqklCKj-or1LmPDwCDGXWlyaorxIc6e8Cc_-GjM_L-L8j7kXYf_XNlO82tCCiwAneaOoqDDVc8/s1600/black+bird.png
Warna Kuning, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPYAHI_WO0VYh_hFMzq4Z34V-P2-VX-FqDkoXextpPQ_p8tw2l-k9ACgbGjUKWBIUL977r1dtXGV5d_ECZd49fMPysnjQP2jiLN78ASEZ_8UwPtAd21AAaVe6r3iP7wu2MFIckyHbyEg/s1600/yellow+bird.png
Warna Merah, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfNVTPilV2QsJgRJ8H1QTi4FkfJpdTtTNxv-b-IH-8qRiTW-gRGeJe7T8XF4ZggkqbM7dAwNEw0c3DWnX5UaiCIypd7cd8gXp2ArMpMDLLrM-bzaHgl1IZh12-6qFfGEkVy-FikUUG5KE/s1600/red+bird.png
Warna Putih, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA4YnaEsBg9wRKj1ru3omwtDLwPr21IclSfu2b3evPZHYR_lGxeOlWpIb0COhmAAa4TksdrCNvIdyFZAtkStXoY610yz6-hiEdmk36BSXu721ZOsyKZMIL2-E2AriUl1j_I3i1hN-6HPQ/s1600/white+bird.png
Warna Ungu, preview warna klik disini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-m-4sgm9swYvBGSgjEj4X6uMDAB1PDHkK3JnZCw6TRJK6y7P018MnaqFBQyYySuXUIRAN1FcvqL_1dA9ycHUk5nATN-PRX4HDzesHVcI1VIvChrcrA76RXGKPlrIhkZJqsQ1VWRY4b4/s1600/purple+bird.png
Semoga tips Membuat Burung Twitter Terbang Di Blog ini bermanfaat bagi para sobat Blogger.
Tidak ada komentar:
Posting Komentar