Saturday, April 9, 2011

Membuat Animasi untuk Twitter

Mempercantik blog suatu keharusan bagi kita yang betul-betul emang hidup di dunia Blogger, tapi jangan lupa isi dan yang di tampilkan benar-benar harus sesuai keinginan bagi pengunjung apalagi di kunjungi oleh berbagai negara, nah mari kita lanjutkan dari pada ngomong terus nanti blognya gak jadi












1.Silahkan masuk ke blog anda Clik Edit HTML



2. Centang dulu  Expand Widget Templates



3. cari Code dengan Ctrl+F </head>  tag



4. Lalu paste kode dibawah ini sebelum code  </head> tag









<!--TWITTER-FOLLOW-ME-STARTS-->

<style type='text/css'>

.feedbacktw {

width: 31px;

height: 116px;

display: block;

font-size: 10px;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjysalVRevPRj-9je8Ila7iskdeD0l7khPjJ-9U2AMOyNuYBBOx1QC9YcZadBTJI_YrU0nbZ7-6c5qebbcyz-kC49NLOf3VMW6qx2dpIS3hhv4AEm84-LbsWsr8gN-_Mk7devX-ycU4I8/);

position:fixed;

top:20%;

right:2px;

}



.feedbacktw:hover {

width: 31px;

height: 116px;

display: block;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjysalVRevPRj-9je8Ila7iskdeD0l7khPjJ-9U2AMOyNuYBBOx1QC9YcZadBTJI_YrU0nbZ7-6c5qebbcyz-kC49NLOf3VMW6qx2dpIS3hhv4AEm84-LbsWsr8gN-_Mk7devX-ycU4I8/);

position:fixed;

top:20%;

right:10px;

}

</style>

<!--TWITTER-FOLLOW-ME-STOPS-Widget-by-http://www.bloggertricksandtoolz.com-->


5.Lalu simpan



6.Silahkan Clik Elemen Laman



7.Clik  'Add a Gadget'



8.Cari  'HTML/Javascript' Copy Paste Code dibawah ini dan lihat hasilnya



<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/Your profile" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->


Jangan Lupa ganti YOU Profil  dengan accound Twitter kamu



Selamat Berkreasi

dan Berikan Komentar anda

No comments:

Post a Comment