Cara Membuat Button Download di Blog

Cara Membuat Button Download di Blog - Button download sangatlah penting untuk kalian yang mempunyai blog download. button download mempunyai fungsi untuk memperbagus tampilan blog download kalian. Jika kalian ingin memasang button download di blog, ikuti langkah - langkah berikut ini.

Pertama

Login Blogger > Tema > Edit HTML > Cari kode ]]></b:skin> . Copy lalu paste kode di bawah ini tepat di atas kode ]]></b:skin>.
Kode CSS
/* CSS Tombol Demo dan Download Keren */
#wrap {
 margin:20px auto;
 text-align:center;
}
#wrap br {
 display:none;
}
.btn {
 display:inline-block;
 position:relative;
 font-family:'Source Sans Pro', Helvetica, sans-serif;
 background:#3b3f48;
 padding:14px 14px;
 font-size:14px;
 margin:0 10px;
 color:#fff!important;
 border-radius:3px;
 border:none;
 text-transform:uppercase;
 text-decoration:none;
 transition:all 0.3s ease-out;
}
.btn.down {
 background:#3b3f48;
 color:#fff!important;
}
.btn.down:hover,.btn.down:active,.btn:hover,.btn:active {
 background:#0099ff;
 color:#fff;
}
a.btn.down:hover,a.btn.down:active,a.btn:hover,a.btn:active {
 color:#fff;
}
.btn i {
 margin-left:10px;
 font-weight:normal;
 font-family:FontAwesome;
}

Kedua

Cari kode <head> lalu tempelkan kode di bawah ini tepat dibawah kode <head>.
Kode HTML
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<div id="wrap">
<a class="btn down" href="#" rel="nofollow" target="_blank">Live Demo <i class="fa fa-paper-plane"></i></a><br />
<a class="btn down" href="#" rel="nofollow" target="_blank">Download <i class="fa fa-download"></i></a></div>

Ketiga
Simpan > Refresh > Buka Blog > Done.

Komentar

Posting Komentar

Postingan populer dari blog ini

Download Vienna Lite 2 Responsive Blogger Template

Gambar
Featured Template : Responsive SEO Friendly Google Testing Tool Validator Mobile Friendly Dynamic Heading Personal Blog 2 Column Style Custom Threaded Comment Responsive Ad Slot Light Base Theme Color Breadcrumbs Top Navigation Responsive Dropdown Menu Related Posts with Thumb Search Box Social Share Button Smooth Scroll back To Top Custom Subscribe Box Widget Custom Contact Form Widget Custom Sitemap Widget Multi Author Box Well Documentation Live Preview Lihat langsung dengan semua fitur yang ada, baik di beranda maupun halaman posting. Download Gratis Langsung download templatenya disini secara gratis.
Baca selengkapnya

Cara Membuat Logo Google Drive Di CorelDraw

Gambar
      Bang Jariwis ~ Baiklah , kali ini saya akan membagikan tutorial cara membuat logo Google Drive dengan mudah di CorelDraw. Mungkin dari kalian semua , membuat logo Google Drive ini susah. Tetapi setelah saya desain sendiri ternyata sangatlah mudah. Cara membuat logo Google Drive ini mungkin tidak di minati oleh kalian semua. Langsung saja kita simak baik - baik tutorial yang saya berikan di bawah ini. Pertama - Buatlah bentuk segitiga terlebih dahulu menggunakan Polygon Tool (Y) . Contohnya seperti gambar di bawah ini. Kedua - Setelah itu Copy lalu Paste menjadi tiga bagian. Lalu , buatlah seperti bentuk pada gambar di bawah ini. Ketiga - Jika sudah menyelesaikan langkah - langkah di atas . buatlah garis - garis tepi agar tidak berlobang menggunakan 2-Point Line Tool . Pastikan gambarnya sama seperti contoh gambar di bawah ini. Keempat - Potonglah / buanglah bagian - bagian tertentu menggunakan Virtual Segment Delete Tool dan sekarang bentuknya seperti contoh pada gambar di b
Baca selengkapnya

Cara Membuat Logo Xiaomi Di CorelDraw

Gambar
      Bang Jariwis ~ Baiklah kali ini saya akan membuat tutorial cara membuat logo Xiaomi . Saya mendapatkan inspirasi tentang Cara membuat Logo Xiaomi dengan mudah di CorelDraw ini dari anggota grup chat Facebook saya. Yaitu grup KAMPANG . Grup ini memang tidak terkenal sih , karena Grup Facebook chat ini baru saja dibuat. Langsung saja kalian ikuti Tutorial - tutorial yang telah saya buat untuk kalian semua. Pertama - Kalian buatlah bentuk persegi empat seperti gambar di bawah ini menggunakan Rectangle Tool (F6) . Pastinkan bentuk yang kalian buat adalah persegi empat sama sisi .  Kedua - Copy dan Paste Bentuk persegi empat yang telah kalian buat tadi . Agar lebih mudah tekan Ctrl + C lalu Ctrl + V . Setelah itu gunakan Shape Tool (F10) . Lalu tarik kebawah agar bentuk perseginya menjadi tumpul. Ketiga - Potonglah bagian - bagian yang tidak diperlukan sehingga bentuknya berubah menjadi seperti gambar di bawah ini menggunakan Virtual Segement Delete Tool . Keempat - Setelah itu
Baca selengkapnya