Button Click atau Tombol ini memiliki beragam warna dan ukuran yang siap untuk menghiasi Postingan pada blogger agan. Ada tiga ukuran dalam Button Click ini , ukuran-ukuran tersebut Big Size Buttons , Medium Size Button , dan Small Size Button. Dan juga , Button ini memiliki 5 warna yang menarik warna tersebut di antaranya Biru , Hijau , Merah , Ungu , Dan Green Sea.
Berikut adalah cara untuk Membuat Button Click atau Tombol pada Postingan Blogger :
- Pastikan agan sudah login di blogger.com
- Selanjutnya agan klik menu Template > Backup terlebih dahulu template anda jika ada kesalahan pada saat pemasangan Button Click. ( Baca : Cara Backup Template Blogger )
- Jika Sudah tinggal Edit HTML , lalu cari kode </head> ( Gunakan F3 atau CTRL + F untuk memudahkan pencarian )
- Pastekan kode di bawah ini di atas </head>
<!-- Flat UI Buttons By Www.BloggerYard.Com Start -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,
600,700,800" rel="stylesheet" type="text/css"></link>
<style type="text/css">
.button {color:white!important; font-family:open sans; margin:10px 10px
10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:
all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.blue {background: #3498db;border-bottom: 3px solid #226693;}
.blue:hover {background:#2980b9;}
.green {background: #2ecc71;border-bottom: 3px solid #1F8C4C;}
.green:hover {background: #27ae60;}
.red {background: #e74c3c;border-bottom: 3px solid #922C20;}
.red:hover {background:#c0392b;}
.purple {background: #9b59b6; border-bottom: 3px solid #74398E;}
.purple:hover {background:#8e44ad;}
.seagreen {background: #1abc9c;border-bottom: 3px solid #127F69;}
.seagreen:hover {background: #16a085;}
.big {font-size:18px; padding:15px 20px;}
.medium {font-size:15px; padding: 10px 15px;}
.small {font-size:12px; padding:8px 10px;}
</style>
<!-- Flat UI Buttons By Www.BloggerYard.Com End -->
- Lalu Klik Simpan Template
Untuk pemasangan Button Click sudah selesai. Tapi kenapa pada postingan tidak ada Button Click ini? bagaimana cara agar Button Click ini muncul? Sabar tidak usah panik , karna di bawah ini saya akan membagikan cara memanggil atau memasang Button Click pada postingan agar lebih indah.