Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Agree or Disagree Button
20/05/2012 | 7 comments


Assalamualaikum ! Hello ! Hai ! Bonjour !
Tutorial macam ni ramai digunakan untuk tutorial or freebies. Mybe you can try it. It awesome, i think. Tapi susah sikit. Harap faham.

Preview :

YOUR SENTENCES
YOUR SENTENCES
YOUR SENTENCES

Template Designer :
i.) Copy semua Code Blogskins & Template Designer dan Paste dekat dekat dalam post edit html .
ii.) Then, copy code Code Template Designer dan Paste dekat dalam post edit html yang sama.

Blogskins :
i.) Copy semua  Code Blogskins & Template Designer  dan paste dekat bawah </style>.
ii.) Then, copy code Code Blogskins dan paste dekat bawah </style>.

Code Blogskins & Template Designer :
<style type="text/css">
a.button{
background:pink;
padding:5px;
width:80px;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
font-family: arial;
font-size: 12px;
text-align:center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:1px;
}
a.button:hover{
background:#444;
color #fff;
}
</style>
<center><img src="URL IMAGE" /><br></center>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;color:#888;">
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br><br></div>

Code Blogskins :
<center><div style="color:#888;">
<a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">Agree </a> or <a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Disagree</a></center></div>
*tukar main tu kepada apa yang awak gantikan main tu
*tukar tuto dengan entries kepada apa nama untuk page awak tu

Code Template Designer :
<center><div style="color:#888;">
<a class="button"  href="URL PAGE">Agree </a> or <a class="button" href="URL BLOG">Disagree</a></center></div>
*gantikan url page & url blog tu
OLDERNEWER