Bagaimana cara menambahlan Icon Burung Terbang Twitter pada Halaman web atau Blog?
Ini sangat simple, siapapun bisa melakukannya, tidak sampai lima menit kita dapat membuat nya.
Pasti sobat bertanya-tanya, kalau mudah kenapa blog ini tidak masang ya? Hehe, memang disengaja, ini blog udah berat, load time nya udah lama...jadi tidak dipasang. Kalau sobat ingin liat hasilnya, silahkan berkunjung ke blog saya yang ini. Oke, back to topic.. Jadi bagaimana caranya?
Hal pertama yang harus kita lakukan adalah mempersiapkan halaman yang akan ditambahkan Icon Burung Terbang Twitter . Jika Sobat menggunakan platform Blogger, berikut adalah langkah-langkahnya:
1. Login ke Blogger Anda.
2. Klik Edit HTML
3. Tempatkan kode JavaScript di bawah di antara tag <body> dan </body>
4. Klik save!
Ini sangat simple, siapapun bisa melakukannya, tidak sampai lima menit kita dapat membuat nya.
Pasti sobat bertanya-tanya, kalau mudah kenapa blog ini tidak masang ya? Hehe, memang disengaja, ini blog udah berat, load time nya udah lama...jadi tidak dipasang. Kalau sobat ingin liat hasilnya, silahkan berkunjung ke blog saya yang ini. Oke, back to topic.. Jadi bagaimana caranya?
Hal pertama yang harus kita lakukan adalah mempersiapkan halaman yang akan ditambahkan Icon Burung Terbang Twitter . Jika Sobat menggunakan platform Blogger, berikut adalah langkah-langkahnya:
1. Login ke Blogger Anda.
2. Klik Edit HTML
3. Tempatkan kode JavaScript di bawah di antara tag <body> dan </body>
4. Klik save!
Code:
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgytw5snSlcsn8b-dSotlhPkwRxm3hse_sW-6fxOYXYxMYPjHv5pRzJbyR0X2wCPyaXkrfvjEKvikDtWO3kv6y85foQyiP3btwby6hUVw2Wmvxszkr5ZaCh-aMw-RlR9vEveWmEJdarOEw/"; 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/USERNAME";var tweetThisText = "Twitter - NAMA TWITTER ANDA";tripleflapInit();
</script>
Note:
untuk mengganti warna burung nya, Sobat bisa mengganti URL gambarnya yang yang di bagian birdSprite nya.
- Warna merah : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgytw5snSlcsn8b-dSotlhPkwRxm3hse_sW-6fxOYXYxMYPjHv5pRzJbyR0X2wCPyaXkrfvjEKvikDtWO3kv6y85foQyiP3btwby6hUVw2Wmvxszkr5ZaCh-aMw-RlR9vEveWmEJdarOEw/
- Warna Biru : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJCB56hMPnwhRHIfVdgR40z2Pm6wfvSOLXJ3JDGgpABwttWo0TARWXtixiJ4R27-YpyR0LXEB3yhyli3mBzjU4ORmGiAxS5Chc17YOtrbrj4kWU5oYwCSMWWegmd9DLiC5Za2C5wn6t4/
-Warna Biru Default : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Y5AfoAG9zQRa1QBamMYS76uXIkQ31Jd9CmfUjWdRJs4A0TE1m_K4q903LXyOMjqSzgmE3xEfQATtx9r1UXnkfTj0FtSeqkExbcd1MJTlpFNvwRuxQKe1MGqzVCjeDeMOrp7OheDxFuw/
Cara ini juga berlaku untuk suatu halaman web. Tempatkan kode JavaScript diatas antara tag <body> dan </body> pada halaman web Sobat.
Catatan:
Ganti teks warna merah dengan URL twitter Sobat sendiri, atau URL lain juga boleh.
Tidak hanya untuk twitter, ini berlaku untuk semuanya. Kita dapat menyesuaikan dengan URL lain yang Kita inginkan. Jika Sobat kreatif, Sobat dapat mengedit gambar ikon burung twitter sesuai keinginan sobat. Tapi gambar harus tetap file *. PNG.
Happy Blogging!
:)
:(
;)
:D
;;-)
:-/
:x
:P
:-*
=((
:-O
X(
:7
B-)
:-S
#:-S
7:)
:((
:))
:|
/:)
=))
O:-)
:-B
=;
I-)
8-|
L-)
:-a
:-$
[-(
:O)
8-}
2:-P
(:|
=P~
:-?
#-o
=D7
:-SS
@-)
:^o
:-w
7:P
2):)
:-c
:)]
~X(
:-h
:-t
8-7
X_X
:!!
m/
:-q
:-bd
^#(^
0 comments:
Post a Comment