Pastinya anda sudah membaca postingan sebelumnya tentang Cara Cepat Membuat/Memasang Button Twitter Follow Blog (Screenshot) dan postingan yang akan saya berikan ini tentang hal yang sama tetepi ada sedikit modifikasi didalamnya. jika sebelumnya hanya terdiam di tempat, untuk ini follower akan terbang melayang disamping layar anda. hehe terlalu lebai bahasanya.
Kembali ke topic. mengapa menggukan widget seperti ini. pastinya untuk membuat visitor/pengujung untuk follow twitter kita dan itu tujuan utama dari pemasangan
widget follow twitter melayang.
Membuat Widget Twitter Follow Us "Melayang"
Login ke Blogspot anda.
Dashboard >> Tata Letak >> Tambahkan Gadget HTML/Javascript >>
Paste Kode Script berikut.
Kode Script
<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpRhqO-MXWyqpywBWOd67ygzgVu3Y0ac8UiHQYFiQlru4Ck8GxlsWY6RnyAT2J2J3Z2S7qGnGSGTcRjB2pn3vGM9WkOPtQzNkA3rDoqyWARyTkouvnr6kqg3f8yxLR3AnEvIyReUO1myr/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_-DLPor27QikvhpWjKVjVKA2_mevaICUcRzn1KyaMv1NeelNYDSQ7iTWeo6u2EGB_2rCEdnEJpDfiYTRmQZZuNpY1Hp33KbhqQ4xzDTrhUijnTA5y6xdue9ZxkTuVKz8e8s0TbN9y9Mm/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
Pastekan Code TwitterCounter Anda
</div>
</div>
Jika belum tau
Code TwitterCounter silahkan baca
disini
Save Widget, reload page atau refresh halaman brower anda.
Script code @alvindwiputra0
<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpRhqO-MXWyqpywBWOd67ygzgVu3Y0ac8UiHQYFiQlru4Ck8GxlsWY6RnyAT2J2J3Z2S7qGnGSGTcRjB2pn3vGM9WkOPtQzNkA3rDoqyWARyTkouvnr6kqg3f8yxLR3AnEvIyReUO1myr/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_-DLPor27QikvhpWjKVjVKA2_mevaICUcRzn1KyaMv1NeelNYDSQ7iTWeo6u2EGB_2rCEdnEJpDfiYTRmQZZuNpY1Hp33KbhqQ4xzDTrhUijnTA5y6xdue9ZxkTuVKz8e8s0TbN9y9Mm/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
//code counter twitter saya
<a href="https://twitter.com/alvindwiputra0" class="twitter-follow-button" data-show-count="true" data-lang="id" data-dnt="true">Ikuti @alvindwiputra0</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
Mudah dan praktis bukan, kalau kurang jelas silahkan komentar dan Terimakasih sudah berkunjung.
Baca artikel sebelumnya =>
Cara Cepat Membuat/Memasang Button Twitter Follow Blog (Screenshot)
