Bagaimana menambahkan Unduh Bergaya Link Tombol di Blogger dan Website?

Hai SAHA berbagi akan mencoba membagikan bagaimana cara menambahkan Unduh Bergaya Link Tombol di Blogger dan Website?

Seperti kita semua tahu bahwa, Blogger adalah terkenal dan banyak digunakan platform blogging di antara semua platform Blogging. Saat ini kita bisa melihat blog Blogger semua populer disesuaikan dengan responsif, sehingga pengunjung dapat dengan mudah tertarik ke situs.
Gaya Link Tombol juga adalah yang paling penting untuk membuat blog responsif.
Di sini saya menyediakan paling menarik link tombol CSS untuk website atau blog blogger. Jika Anda memberikan barang gratis untuk men-download, Anda dapat menggunakan link tombol di blogger blog atau website Anda.

Bagaimana menambahkan Bergaya Unduh Tombol Link

1. Login ke Dashboard Blogger Anda
2. Pergi ke Template Bagian
3. Klik pada Backup / Restore (Selalu backup template anda sebelum melakukan perubahan)
4. Sekarang Edit HTML dan klik di mana saja di bagian HTML dan tekan Ctrl + f untuk mencari,

]]></b:skin>

5. Sekarang sebelum atau di atas ]]> </ b: skin> Paste kode di bawah ini.

/***FIRST STYLE THE BUTTON***/

input#bigbutton {

width:500px;

background: #3e9cbf; /*the colour of the button*/

padding: 8px 14px 10px; /*apply some padding inside the button*/

border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/

cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/

/*style the text*/

font-size:1.5em;

font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/

letter-spacing:.1em;

text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/

color: #fff;

/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/

-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;

-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;

box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;

/*give the corners a small curve*/

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

}

6. Simpan template.

7. Sekarang copy kode ini setiap kali di mana Anda ingin menempatkan Bergaya Link Tombol pada posting Anda dan menyimpan atau mempublikasikan posting dan memeriksa pos.