Senin, 21 Maret 2022

Button Click atau Tombol Blogspot

 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 :
  1. Pastikan agan sudah login di blogger.com
  2. Selanjutnya agan klik menu Template > Backup terlebih dahulu template anda jika ada kesalahan pada saat pemasangan Button Click.                                                                                      ( Baca : Cara Backup Template Blogger )
  3. Jika Sudah tinggal Edit HTML , lalu cari kode </head> ( Gunakan F3 atau CTRL + F untuk memudahkan pencarian )
  4. Pastekan kode di bawah ini di atas </head>  
  5.  <!-- 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 -->
    
    
    
  6. 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.

Tidak ada komentar:

Posting Komentar