Posted by Aak
Aak-share.com Updated at: 3:07:00 AM

Cara Membuat Tombol download Animasi Blink

No comments:
Button Animasi Blink - Animasi bisa dipadukan dengan tombol Download , pada perpaduan ini memiliki effeck blink yang muncul dari image berformat GIF  membuat tampilan tombol menjadi hidup . Image dapat juga di padukan dengan background pada Button .



Berikut ini cara pembuatannya :

1. Anda login keakun Blogger
2. Pilih Template , lalu klik Edit HTML
3. Selanjutnya Anda cari kode ]]></b:skin>
4. Kemudian salin kode dibawah ini dan pasangkan diatasnya

.button_block {
position: relative;
top: 55px;
right: px;
width: auto;
height: auto;
z-index: 4;
background: transparent;
}
#container {
width: 728px;
height: 90px;
overflow: hidden;
position: relative;
background: #FFFFFF;
color: #000;
font-size: 12px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
#Button5 {
left: 0px;
top: -50px;
position: relative;
display: inline-block;
white-space: nowrap;
}
a.left_Button5 {
display: block;
background: url(http://3.bp.blogspot.com/-cpxRqHnWBlc/VMkJhnVvUFI/AAAAAAAAJ3I/npVGHl6b7Z8/s1600/www.aak-share.com-Green.gif) top left no-repeat;
height: 30px;
width: 110px;
font-size: 12px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: center;
padding-left: 1px;
margin-top: -100px;
}
a.left_Button5:hover {
color: #000000 !important;
text-decoration: underline !important;
}

5. Simpan Template
6. Selanjutnya Anda menuju Entri baru , salin kode di bawah ini dan terapkan pada Mode HTML

<span class="button_block">
<span class="spacer_Button">
<!--  -->
<span id="container_Button5">
<span class="right_Button5">
<span class="Button5">
<a class="left_Button5" href="http://www.aak-share.com/" target="_blank">
<span id="Button5">
<!--  -->
Continue</span>
</a></span>
</span>

7. Publikasikan

Semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments