Cara Membuat Button Material Style Di Blog.

Hallo,Sobat Giri Blog's kembali lagi saya akan membagikan sebuah Artikel mengenai Membuat Button Material Style Di Blog.

Button Ini Sangatlah Ramah bagi Loading maupun Tampilan dari blog itu sendiri karena Button Ini Tidak merusak tampilan

Bukan Sekedar Ramah Saja Button Ini Juga Mudah di terapkan di blog kalian.

Button Material Style

Sedikit penjelasan Kalian Tak Perlu takut Menerapkan Button Ini Di Blog kalian,Pastinya Button Ini Ramah Untuk Pengunjung dan membuat pengunjung betah berlama-lama di blog kalian.Cara penerapanya Juga cukup mudah.

DEMO
Bagi sobat yang tertarik untuk menerapkanya di blog silahkan ikuti langkah berikut.
1.Masuk Ke Blogger > Tema > Edit HTML
2.Copy dan letakkan kode CSS Berikut tepat di atas tag <b:skin> atau </style>

.btn{font-family:'Google Sans';cursor:pointer;background:#2d82ea;color:#fff!important;font-weight:500;font-size:14px;padding:8px 20px;display:inline-block;border-radius:5px;margin:20px 5px;box-shadow:0 1px 6px rgba(32,33,36,.28);text-transform:uppercase;}.btn.red{background:#b71c1c;color:#fff!important;}.btn.pink{background:#ad1457;color:#fff}.btn.purple{background:#6a1b9a;color:#fff!important;}.btn.indigo{background:#1a237e;color:#fff!important;}

3. Simpan 

4.Untuk Pengetesan Pemanggilan Gunakan Kode Berikut 

<a class="btn" href="#">DEMO</a>

5. Selesai,Button Ini Memiliki Beragam Variant Warna Jika Ingin di terapkan sesuai dengan Warna Blog Kalian,Bisa menambahkan kode berikut.

<a class="btn indigo" href="#">DEMO</a>

6.Sekian Postingan Kali Ini ,Tunggu Postingan Yang Pastinya Menarik Hanya di blog ini

Belajar CSSBelajar HTML

Share This :