Cara Membuat Tombol Dalam Artikel Dengan CSS

Gudang Ilmu - Tombol tidak terlalu penting di dalam sebuah artikel, tapi jika kita mempunyai tombol tampilannya akan lebih keren, tidak tergantung pada tulisan.
Nah, Pada Hari Blogger Nasional ini saya akan membagikan bagaimana Cara Membuat Tombol Dalam Artikel Dengan CSS.

1. Login Ke Blogger atau klik langsung disini www.blogger.com/home
2. Pilih Menu Template dan Centang Expand Widget Template atau Klik Edit HTML.
3. Cari Kode di bawah ini

]]></b:skin>

4. Copy kode dibawah ini di atas kode yang anda cari tadi.

a.button {
    background-color: #FF0000;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    text-decoration: none;
    background-color: #000000;
}

5. Dan buatlah sebuah artikel
6. Pada Artikel atau Posting anda hanya perlu memasukkan kode di bawah ini pada mode HTML untuk memanggil button tersebut

<a class="button" href="MASUKKAN URL NYA DISINI" target="_blank"> TEKS DISINI </a>

Hasilnya Akan Seperti ini :

Gudang Ilmu

Jika anda ingin membuat tombol seperti ini :

Sebelumnya

Selanjutnya

anda bisa memakai kombinasi kode Tabel dan Button.
Seperti kode di bawah ini :

<table><tbody>
<tr>
<td align="left">
<a class="button" href="http://kikirapper.blogspot.com/2014/10/cara-membuat-tombol-dalam-artikel.html" target="_blank"> Sebelumnya </a>
</td>
<td align="right"><a class="button" href="http://kikirapper.blogspot.com/2014/10/cara-membuat-tombol-dalam-artikel.html" target="_blank"> Selanjutnya </a>
</td>
</tr>
</tbody></table>

Dan begitulah Cara Membuat Tombol Dalam Artikel Dengan CSS, Sungguh Mudah Bukan,
Selamat Mencoba