Memang karya-karya Maskolis keren banget seperti cara memasang widget twitter,
apalagi templatenya yang sangat bagus dan cocok sekali untuk dipasang
di blog anda. Saya akan review pada postingan ini mengenai 2 model
widget twitter yang keren buatan Maskolis. Dua widget twitter
ini sebenarnya sama, perbedaannya cuma pada gambar twitternya aja. Anda
nantinya bisa pasang salah satu aja yang paling cocok dan anda sukai
yang sesuai dengan blog anda.
Berikut cara memasang widget twitter :
1. Login ke Blogger
2. Pilih tata letak => Tambah Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan letakkan kedalamnya
Model twitter yang pertama kodenya :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLgwiwi4jg3bOz9XRJpoRZZ-3dlbgFRaRXJ3W7_ScF-T4i6QQ0O4E7PbhNIMOCyEiVwXT-6Tjvs-HRSQG5femyhNSKeFMHhXfzYlQbqrhXHSUFLQecyhK5eQeX__yWO8c3LkoFbzl6qw/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('freizsky').start();
</script>
</div>
Keterangan:
Silahkan ganti freizsky dengan ID twitter atau username twitter anda
Model Twitter yang kedua kodenya :
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXoIuU0M5klToeUNtsoo8CELj6UrP2cnU0PUz-MuYu4gd8BskwVAJ7zmK_a9d9Y8Vhm3SCtFK48aCmyeeXnGeV0C1CndAyMkQHz9B5BH2aKPsH2DnVjRyd-Y1POMGt2M5mR8sp8CIpjM/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('freizsky').start();
</script>
</div>
Keterangan:
Silahkan ganti freizsky dengan ID twitter atau username twitter anda
Model Twitter versi freizsky kodenya :
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0SCr9AMsDdoypVj_VH6IDwfklVpE51TUw8o44VAcp_ZjN4GETBJAeuwkx9O2YNFZFuvSv-9JwjGKU6Ul_ZFkC0BF90L2jGWQEIj_Qgx5OOLJ3_urjtn0eRom-TSPRBOMn_BBWyWTXIk/s300/tweet.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('freizsky').start();
</script>
</div>
Keterangan:
Silahkan ganti freizsky dengan ID twitter atau username twitter anda
Nah begitulah ulasan yang begitu singkat tentang cara pasang widget twitter keren di blog, selamat mencoba dan pilih salah satu yang cocok dengan blog anda.
0 komentar:
Posting Komentar