Monday, 2 December 2013

Agree or Disagree Button

agree or disagree, agree or disagree button
   Diatas itu contoh tombol Agree or disagree. Ngerti kan fungsi tombol itu untuk apa? Jadi gini loh, ini semacam rules yang nanti kalo kita setuju sama rulesnya, kita tekan Agree, kalau gak setuju tekan Disagree.. maka otomatis kembali ke laman utama. Ini khusus untuk template classic. Kalo ada yang bingung, silahkan bertanya di kolom komentar. Repost, re-conribute, re-tutor? Give my blog url in your post!
  • Dashboard > Template > cari kode </style>
  • Sudah ketemu? Pasang kode ini di atas kode </style>!
a.kyungsoo {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#D7D7D7;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.kyungsoo:hover          {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#BABABA;
-webkit-transition-duration:1200ms;
}
  •  Ubah sendiri kode yang berwarna itu yaa ._.v Belum selesai, sekarang paste kode ini di atas kode stuffs kamu.
<img src="URL Bullet"/> Your rules<br><img src="URL Bullet"/> Your rules<br><img src="URL Bullet"/> Your rules<br><img src="URL Bullet"/> Your rules<br><img src="URL Bullet"/> Your rules<br><br></div><div style="text-align: center;">
  • Setelah itu, letakkan lagi kode ini tepat setelah kode yang tadi kamu paste!
<center><a class="kyungsoo" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Agree</a> or <a class="kyungsoo" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Disagree</a></center><br><div id="stuffs" style="display: none;">
  Biru : ID page
  Oranye : ID entry jika klik "Agree"
  Merah : ID entry jika klik "Disagree"
  Hijau : ID entry tutobies kamu, samakan dengan ID entry jika klik "Agree"
Cara mencari ID page dan ID entry bagi yang belum tau :
  • Dashboard > Template > Cari kode document.getElementById
  • Setelah ketemu, perhatikan gambar dibawah ini!
  • Kalian lihat ada kode main ? Ya itu yang namanya ID page, mungkin template kalian punya ID yang berbeda.
  • Lihat lagi ada kode o ? Nah itulah yang namanya ID entry, mungkin template kalian punya ID yang berbeda.
Credit code a.kyungsoo : Mayla

6 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.