Membuat Tombol Download di Blog Seperti Iklan Tautan Adsense

jika anda owner blog download atau anda hendak meletakkan tombol di blog anda maka anda harus tau cara membuat tombol download di blog. Tombol ini nantinya akan diisi link yang menuju ke file atau penyimpanan file yang hendak anda bagikan ke masyarakat google. 

Banyak pilihan tombol menarik yang bisa anda pakai dan ikuti tutorialnya di blog-blog sejenis namun kali ini saya akan share sebuah kode HTML yang tidak hanya menarik tetapi bisa meningkatkan Ctr atau tingkat klik iklan bagi anda publisher adsense. 

Tombol ini didesain dengan tampilan layaknya iklan tautan atau iklan link adsense. Jika anda gunakan dengan tepat tombol ini bisa meningkatkan ctr dan secara langsung meningkatkan pendapata adsense anda. 

    Baca Juga

4 Cara Mengoptimalkan Blog Safelink untuk Memaksimalkan Pendapatan Adsense

Mungkin anda bertaya bagaimana caranya mengapa tombol yang disebutkan ini bisa meningkatkan ctr ? Jadi begini, mungkin anda pernah menjumpai beberapa situs download yang didalamnya ada lebih dari satu tombol bertuliskan "download". 

Pernahkah anda berpikir apa tujuannya ? 

Dari sekian banyak tombol download yang berserkan itu hanya ada satu tombol download yang asli, sementara yang lain berisikan direct link. Tujuan memperbanyak tombol dowload tak lain adalah meningkatkan probabilitas orang yang ingin mendowload menekan tombol fake downlaod dan mengarahknya ke direct link.

Alasan orang menekan tombo fake download tersebut karena mereka tidak tau yang aman yang asli. Saya pribadi juga sering tertipu dan menekan tombol yang bukan bersikan file yang ingin di download.

Untuk itu berlandaskan teori tersebut sebuah desain tombol ini muncul kepermukaan. Cara menggunakannya sangat simple cukup letakkan didekat iklan tautan adsense anda. 

Tombol Download like iklan tautan adsense

Silahkan copy dan pastekan kode CSS dibawah ini terlebih dahulu

/*Buttones*/

.buttones {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 92px;
    border: 1px solid #0033ff;
    border-radius: 44px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    font: normal normal normal bold 14px verdana;
    color: #0033ff;
    text-decoration: none;
}
.buttones:hover {
    background: #0033ff;
    color: #ffffff !important;
       
    
}

.buttones:focus {
    border: 2px solid #0033ff;
    color: #2929cc;
    text-decoration: none;
}
.buttones:active {
    background: #999999;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#ffffff));
    background: -moz-linear-gradient(top, #999999, #ffffff);
    background: linear-gradient(to bottom, #999999, #ffffff);
}
.buttones:after{
    content:  "\0000a0";
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 80px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACLklEQVRIibWVMWsUURDHf/O43dM0htxiESwOyWeIoGBITuz8DEJA7CwN4t4dZqNfwGobG60Daa4I2KRMeWAX4lYG4iIpL095Y7G3x+7m9pJobmBg2Jmdef//m5kngGGOkid3NX53E3YVgblpe1aB/xa5LGHQtYHAhsIKYIGhg4NfkT+6ToGcr8mdtEJ7S4Q+8EqQBQRQRTP/D2ArjfwvU/4v2dXTu0LyPeA1wq6iDxx6G7gDPAMS4HPQtb2l3mwgjcrJM1jZyZ8AL8Xpp587zdxlgUErtPsixAh9o+YQ2C/8XrroKkUEXXsX+A7sGqPPT981p8IPwnNfRL4pnOLMo/R9w12FIgQ2BBaAj4XkUJmVdKc5UoiBVYxbrmFoAsfkqrCiIqgwLH6vaA5/iIgBbU/JBWCKk5yrRRWj+BXfNNuXDLeti5k2A0MAhcdcsgYU1lR1hHJUF1MdbePggKzP37RC61NDUxDaewibwMAz3lldXLGAA9x4QreAhyLEQXjuV+EHoV1G2BNlEYhPtqWWxgttmkvQtT2gL5AoxJJR5yusAZvA4jg0AemkkXdczQHlVVG6j6XeCKPmKdAHVkXEAKjqCBgAsSAxQhslUeikkZfMKpBLeaDe/iHrc22Pu+XIE+/sZFtc0P19X+Crou0MaQmJmUnRVaVYhGxHraeRP0FyoYuuq2nkJQodQRIRaQMvmNVF/2KnkXes6LqqfiBbH8WY+T76jYI9t0JzffT/AjN27LN2P1i8AAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}

Sudah ? Selanjutnya buka dashboar blog anda kemudian pilih tema>edit HTML>kemudian pastekan kode tersebut tepat dibawah kode <b:skin> atau <b:skin><![CDATA[*/.

Selanjutnya untuk summon kode, copy kode HTML berikut :

<a class="buttones" href="Ganti dengan link download anda">Downlaod</a>

Pastekan kode tersebut pada artikel download anda. Caranya, cukup pastekan pada Bagian HTML lembar pengetikan bukan compose ya. 

Sekian dan terimah kasih semoga bisa usefull untuk anda. Salam Blogger Pemula.
Oh iya, jika ada yang bertanya demo atau contoh tombol downloadnya, tombol ada dibawah ini :

Download