Cara Buat Tombol Download di Blog

Cara Buat Tombol Download di Blog

Untuk Buat Tombol Download di Blogger sangatlah mudah dilakukan bahkan untuk pemula sekalipun. Pada artikel ini akan bahas secara singkat lengkap dengan tutorialnya.

Cara Buat Tombol Download di Blogger Mudah

Tombol merupakan bagian yang sangat penting dari sebuah blog/website. Fungsinya agar dapat membagikan link download dari alamat penyedia penyimpanan cloud. Contohnya Google Drive, ZippyShare, DropBox, Mega dan sebagainya.

Fungsi utama tombol untuk memudahkan user dengan cukup menekan tombol Download ini, kemudian menuju lokasi tempat pengunduhan. Pengunjung tidak kerepotan meng-copy URL lalu membukanya manual di tab baru.

Sekilas untuk Buat Tombol Download di Blogger

Secara Default Blogger tidak menanamkan fitur Tombol apapun semacam Download, Demo, Preview, OK dan semacamnya. Tapi jangan khawatir dipostingan kali ini ada langkah-langkah menambahkan TOMBOL di Postingan/Halaman dengan mudah, tampilannya pun saya jamin menarik.

Di beberapa Template Premium sudah ad kode CSS seperti ini, hanya dokumentasi tidak lengkap.

Banyak sekali dijumpai website/blog khusus download yang menggunakan tombol berbentuk gambar dan link langsung. Penggunaan Gambar berlebih akan berakibat menurunkan kecepatan pemuatan, padahal kita tahu bahwa load-speed merupakan bagian dari SEO.

Baca Juga: Cara Buat CSS Tombol Keyboard di Blogger

Masalahnya

Supaya tidak membebani proses pemuatan halaman akibat terlalu banyak gambar yang harus dimuat, perlu dibuat tombol css khusus dan ringan.

Kita akan sedikit menambahkan kode CSS di template html dengan sebuah racikan sederhana. Oke, kalau kalian memang ingin membuat tombol Download, Demo, Preview dan semacamnya caranya cukup ikuti langkahnya dibawah ini.

Cara Buat Tombol Download di Blogger Blogspot & TLD

Masuk Pengaturan Blogger.

a.btn {display:inline-block;position:relative;font-family:inherit;text-decoration:none;font-weight:700;background:#0fb433;letter-spacing:.5px;padding:10px 10px;margin:10px;color:#fff;font-size:16px;text-transform:uppercase;border-radius:4px;transition:all 0.3s ease-out;box-shadow: 0px 4px 6px #6e6e6e;}
a.btn:hover {background:rgb(18, 171, 241);;color:#fff;}
a.btn:active {color:#EF5223;}
a.btn.warn {background:#EF5223;color:#fff}
a.btn.warn:hover {background:#30abd5;color:#fff}
a.btn.warn:active {background:#EF5223;color:#fff}

5. Pastekan kode dibawah saat buat artikel (HTML bukan Compose).

<a class="btn" href="https://ekorkode.com" rel="nofollow" target="_blank">Download</a>

6. Ubah ekorkode.com menjadi link download kalian.
7. Hasilnya:Download

Bagaimana Mudah sekali bukan? Jika ingin menggunakannya lagi cukup copy code langkah ke-5 disetiap postingan, dan jangan lupa ubah url hrefnya sesuai link download.

Penutup

Sekian artikel ini semoga berguna dan membantu mempercantik fitur Blog kalian. Terimakasih.

LANGKAH - LANGKAH MENGGANTI BACKGROUND BLOG DENGAN FOTO/GAMBAR/HTML

Cara Mengganti Background Blog Dengan Gambar/Foto/HTML,

Background blog adalah tampilan latar belakang dari sebuah blog yang berbeda pada setiap template yang dipakai dan biasanya secara default hanya berupa warna saja. Mengganti background blog juga dapat membuat blog menjadi indah dan memberikan kenyamanan pada pengunjung agar betah untuk berlama-lama di blog tersebut serta dapat mengecilkan bounce rate blog yang sangat baik untuk SEO. Bagi para blogger yang bosan dengan tampilan background blognya dan ingin mengubahnya dengan gambar yang keren bisa mengikuti langkah berikut ini.

Pada kesempatan kali ini , saya akan menulis Cara Mengganti Background Blog Dengan Gambar/Foto/HTML, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat teman teman semua nya yang ingin menggganti atau  merubah background dengan gambar, warna, atau animasi bergerak sesuai dengan keinginan agar membuat tampilan blog lebih keren dan enak dilihat.

Cara Mengganti Background Blog Sesuai Keinginan :

1. Bikin background blog seperti gambar diatas yaitu dengan cara masuk ke menu Template dan klik Sesuaikan

2. Kemudian pilih menu Latar Belakang dan klik Gambar latar seperti berikut

3. Setelah itu akan muncul tampilan berikut, pilih kategori yang diinginkan lalu klik salah satu gambar background yang disukai atau sobat juga bisa klik unggah gambar untuk upload gambar / foto sendiri untuk dijadikan background blog, jika sudah silahkan klik Selesai maka background blog sobat akan berubah menjadi gambar tersebut

4. Jika cara diatas tidak bisa disebabkan blog sudah diganti templatenya dengan hasil download maka bisa menggunakan cara berikut yaitu masuk menu Template dan klik Edit HTML

5. Kemudian cari kode body{background: ,gunakan Ctrl+F untuk mempermudah pencarian

6. Setelah itu ganti kode yang ditandai warna merah dengan url gambar milik sobat, jika sudah klik Simpan template.. Selesai
 

#Catatan : Format gambar yang dapat digunakan menjadi background adalah jpg, gif, png dengan ukuran hingga 300kb tapi disarankan dibawah 50kb agar loading blog tidak berat dan untuk mendapatkan latar belakang penuh bisa gunakan gambar dengan ukuran 1800x1600 atau lebih besar serta jika ingin posisi gambar tetap ketika di scroll maka harus memiliki panjang minimal 860px contoh 1400x880

Nah itulah bagaimana mengganti background blog dengan gambar / foto / html dengan mudah dan cepat.

Silahkan dicoba

 

Cara Menambahkan Jam pada Blog by Widget Dengan Mudah

Memasang jam di blog merupakan salah satu cara yang bisa digunakan untuk memperindah blog atau membuat blog lebih keren. Dengan memasukkan jam, maka kita juga telah memberi kemudahan pengunjung dalam mengetahui waktu. Lalu, bagaimana cara membuatnya ?

 

Ok, pada kesempatan ini kita akan membahas bagaimana cara untuk menambahkan jam pada blog, sebagai tambahan aksesoris. Tool yang akan saya gunakan adalah Clocklink Tool.

1. Kunjungi http://www.clocklink.com/gallery/ – Ada banyak sekali pilihan model jam. Seperti digital, Analog, Animal, dll. Silahkan klik salah satunya
2. Pilih varian jam tangan, klik View HTML Tag
3. Akan muncul kotak dialog, klik Accept
4. Silahkan atur warna, time zone, dan ukuran jam sesuai dengan blog
5. Copy kode HTML

Langkah selanjutnya adalah memasang kode HTML kedalam blog

1. Login blogger.com
2. Pilih tata letak, klik Tambah Gadget
3. Pilih HTML/ Java Script, lalu paste kode HTML yang tadi telah dicopy
4. Selasai

Setelah itu kita lihat blog dan tampilan jam sudah ada dalam blog kita.

Demikain artikel tentang “Cara Menambahkan Jam Pada Blog by Widget”. Luangkan sebagian kecil saja waktu untuk membagikan artikel ini kepada teman-teman Anda.