Cara Membuat Tombol Demo dan Download di Blog

  Kali ini aen mau Posting Cara membuat tombol demo dan download di blog
 Tujuannya hanya untuk mempercantik / memberi hiasa pada tombol Demo dan Download agar lebih cantik dan menarik. seperti apa screenshotnya ? ini dia :



Versi 1 :

Versi 2 :

Cara Membuat Tombol Demo dan Download di Blog :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan paste diatas kode ]]></b:skin>

/* Buttons Download
---------------------------------------------*/
ul.postbuttons{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-top:20px;
padding-bottom:20px}
ul.postbuttons li{
background:none 0 0 repeat scroll transparent;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 0;
padding:0}
a.livedemo{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWLFYnFUrMV28sRb7xyvitgqI7aVUcRzF8pA3DeHX8RhAyO-DnDRm4muiqw6yo3jTiEMxJZmvUqZccE9-C1sJY7mwBDGYz5QzBs4ue6pyL8qTmKnfRyQLunYrfhPqELXW2BR9BvAMVtc/s1600/demodownload.gif) left bottom no-repeat scroll transparent;
display:block;
height:25px;
text-indent:-9999px;
width:250px}
a.download{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWLFYnFUrMV28sRb7xyvitgqI7aVUcRzF8pA3DeHX8RhAyO-DnDRm4muiqw6yo3jTiEMxJZmvUqZccE9-C1sJY7mwBDGYz5QzBs4ue6pyL8qTmKnfRyQLunYrfhPqELXW2BR9BvAMVtc/s1600/demodownload.gif) right bottom no-repeat scroll transparent;
display:block;
height:25px;
text-indent:-9999px;
width:250px}

4. Sekarang kita akan menerapkannya/ memanggil button tdi di dlm postingan dengan cara

-Buat postingan baru

-Ketik" aja dlu artikelnya :v

-Masukkan script berikut di bagian HTML bukan COMPOSE 

<ul class="postbuttons">
<li><a class="livedemo" href="masukkan link demo" rel="nofollow" target="_blank">Demo</a> </li>
<li><a class="download" href="masukkan link download" rel="nofollow" target="_blank">Download</a>&nbsp;</li>
</ul>

yg berwarna merah link demo
yg berwarna hijau link download

 

Semoga Bermanfaat dan lebih cantik Blog nya XD